Czy chciałbyś nauczyć się tworzyć WordPress Plugin prosty?
WordPress jest ulubieńcem wielu i słusznie. Jest niesamowicie łatwy w użyciu, darmowy (lub open-source), elastyczny, a co najlepsze, dość rozszerzalny. Dzięki wtyczkom możesz rozszerzyć WordPress, aby dodać praktycznie dowolną funkcjonalność, o której myślisz.
Jeśli jesteś idealnym początkującym, WordPress wtyczki są jak aplikacje w telefonie. Twój telefon działa bez zarzutu, ale możesz dodać więcej funkcji za pomocą aplikacji. To samo dotyczy systemu zarządzania treścią WordPress (CMS).
Platforma WordPress jest już potężna, ale możesz zrobić o wiele więcej za pomocą wtyczek. Na przykład WordPress wtyczki pozwalają dodać dodatkowe funkcje, takie jak e-commerce, SEO, ochrona przed spamem, zaawansowane formularze, sieci społecznościowe, lepsze zabezpieczenia, czat na żywo, wizualne tworzenie stron i wiele innych.
Są tysiące WordPress wtyczki darmowe i premium. TO oficjalne repozytorium wtyczek WordPress sam ma ponad 59 000 darmowych wtyczek w momencie pisania! Inne rynki, takie jak CodeCanyon, oferuje tysiące wtyczek premium do WordPressa.
Oznacza to, że może istnieć wtyczka do prawie każdej funkcji, którą możesz dodać do swojej witryny WordPress. Czasami jednak możesz potrzebować czegoś niedostępnego we wspomnianych źródłach wtyczek. W takim przypadku może być konieczne utworzenie WordPress Plugin od podstaw lub zmodyfikuj (lub rozwidlej) istniejącą wtyczkę.
A w dzisiejszym artykule pokażemy Ci, jak napisać a WordPress Plugin proste, co jest dobre, jeśli chcesz stworzyć coś prostego lub zagłębić się w rozwój wtyczek. Zacznijmy od tej preambuły.
Ale wcześniej, jeśli nigdy nie instalowałeś WordPress, odkryj Jak zainstalować WordPress blogu kroki 7 et Jak znaleźć, zainstalować i aktywować WordPress na swoim blogu
Wróćmy do tego, dlaczego tu jesteśmy.
Pisanie prostej wtyczki WordPress: podstawy
Zanim przejdziemy do zabawnej części, musisz wiedzieć o kilku podstawowych rzeczach. Jako początkujący możesz założyć, że tworzenie wtyczek do WordPressa jest trudne. No nie bardzo. Każdy może Uczyć się pisać wtyczka, niezależnie od tego, czy masz stopień naukowy w dziedzinie informatyki, czy nie.
Jednocześnie pewna wiedza na temat kodowania PHP pomoże ci dalej, jeśli planujesz pisać więcej wtyczek w przyszłości. Dzięki tej wiedzy lepiej zrozumiesz jak Funkcje PHP, co znacznie ułatwia pracę. Mimo to jest to łatwe.
Ponadto, w zależności od potrzebnych funkcji, wtyczka WordPress może zawierać jeden lub więcej plików, w tym arkusze stylów CSS, skrypty JavaScript i pliki multimedialne. Na koniec ważne jest, aby zapoznać się z Standardy i najlepsze praktyki kodowania WordPress pozostać po bezpiecznej stronie.
Śpij spokojnie, bo dzisiaj nie będziemy zapuszczać się w skomplikowane rzeczy. Pokażemy Ci, jak napisać prostą wtyczkę WordPress i udostępnimy niektóre narzędzia i zasoby, które ułatwią Ci pracę.
Czego potrzebujesz do napisania wtyczki WordPress
Przed napisaniem wtyczki WordPress będziesz potrzebować kilku rzeczy. Na początek nie testuj swojej wtyczki na swojej stronie. Jeśli coś pójdzie nie tak, ryzykujesz uszkodzenie witryny, co może prowadzić do okropnych przestojów podczas naprawiania rzeczy.
Zamiast tego utwórz lokalną witrynę testową lub na swoim serwerze. Oto jak:
- Zainstaluj WordPress w systemie Windows lokalnie za pomocą XAMPP
- Zainstaluj WordPress na Macu lokalnie za pomocą MAMP
Poza tym będziesz potrzebować edytora tekstu, takiego jak Notepad ++, Wysublimowany tekst ou Atom. Chociaż nie jest to wymagane, możesz użyć narzędzi takich jak wtyczka ou Wtyczka płyty kotłowej przyspieszyć rozwój (więcej o tym później).
Teraz napiszmy prostą wtyczkę WordPress. W tym samouczku stworzymy wtyczkę, która doda niestandardowy typ postu dla witryny restauracji, którą zamierzamy utworzyć.
Dla niewtajemniczonych WordPress obsługuje wiele typów postów, w tym strony, posty, załączniki, recenzje i menu nawigacyjne. W naszym scenariuszu utworzymy prostą wtyczkę WordPress, która doda niestandardowy typ posta „Przepis”. W celach ilustracyjnych nazwiemy tę wtyczkę „Gorące przepisy”.
Jak napisać prostą wtyczkę WordPress
Każda wtyczka WordPress ma główny plik, który możesz utworzyć ręcznie lub za pomocą narzędzi takich jak Plugin Boilerplate lub Pluginplate. Aby zaoszczędzić czas, użyj wtyczki Pluginplate (jest to bardziej intuicyjne), aby wygenerować główny plik oraz kilka dodatkowych plików i folderów, które mogą być potrzebne później. Na razie potrzebujemy tylko głównego pliku.
Utworzenie głównego pliku
Wizyta pluginplate.com a następnie kliknij przycisk Stwórz swoją wtyczkę, co podkreślamy poniżej.
Następnie wypełnij informacje o wtyczce, jak pokazano poniżej. Na dole strony zobaczysz sekcję Moduły co pozwala na dodanie dodatkowej funkcjonalności do wtyczki. Pamiętaj również, że możesz dostosować każdy moduł, klikając Plus (+), jak szczegółowo poniżej. Gdy będziesz zadowolony, kliknij przycisk generowania le wtyczka :
Następnie kliknij przycisk Do pobrania i zapisz wtyczkę na swoim komputerze.
Teraz mamy wszystkie potrzebne pliki podstawowe z pliku głównego. Nasza wtyczka do WordPressa nie zrobi nic tak, jak jest. Musimy dodać kod, który uruchomi się po aktywacji wtyczki. Bazując na naszym przykładzie, nasz główny plik to gorące-przepisy.php, czyli plik, który będziemy edytować w następnej sekcji.
Dodawanie funkcji
Aby zlokalizować plik gorące-przepisy.php, wyodrębnij folder ZIP pobrany z Pluginplate:
Wewnątrz folderu powinieneś zobaczyć swój główny plik, którym w naszym przypadku – znowu – jest gorące-przepisy. Php:
W folderze wtyczek możesz zobaczyć kilka innych plików, ale nie są nam teraz potrzebne. Następnie dodajmy kilka funkcji do głównego pliku. Otwórz główny plik (gorące przepisy.php) w ulubionym edytorze tekstu (używamy Visual Studio Code).
Zobacz także: Jak wyłączyć komentarze w WordPressie
Zobaczysz następujący fragment kodu lub coś podobnego, w zależności od tego, jak wypełniłeś formularz na Pluginplate:
<?php
/**
* Recettes Chaudes
*
* @package RECETTESCH
* @author Passi
* @license gplv2
* @version 1.0.0
*
* @wordpress-plugin
* Plugin Name: Recettes Chaudes
* Plugin URI: https://blogpascher.com/
* Description: Recettes Chaudes permet de créer un type de post personnalisé pour un restaurant
* Version: 1.0.0
* Author: Passi
* Author URI: https://blogpascher.com/
* Text Domain: recettes-chaudes
* Domain Path: /languages
* License: GPLv2
* License URI: https://www.gnu.org/licenses/gpl-2.0.html
*
* You should have received a copy of the GNU General Public License
* along with Recettes Chaudes. If not, see <https://www.gnu.org/licenses/gpl-2.0.html/>.
*/
// Exit if accessed directly.
if ( ! defined( 'ABSPATH' ) ) exit;
// Plugin name
define( 'RECETTESCH_NAME', 'Recettes Chaudes' );
// Plugin version
define( 'RECETTESCH_VERSION', '1.0.0' );
// Plugin Root File
define( 'RECETTESCH_PLUGIN_FILE', __FILE__ );
// Plugin base
define( 'RECETTESCH_PLUGIN_BASE', plugin_basename( RECETTESCH_PLUGIN_FILE ) );
// Plugin Folder Path
define( 'RECETTESCH_PLUGIN_DIR', plugin_dir_path( RECETTESCH_PLUGIN_FILE ) );
// Plugin Folder URL
define( 'RECETTESCH_PLUGIN_URL', plugin_dir_url( RECETTESCH_PLUGIN_FILE ) );
/**
* Load the main class for the core functionality
*/
require_once RECETTESCH_PLUGIN_DIR . 'core/class-recettes-chaudes.php';
/**
* The main function to load the only instance
* of our master class.
*
* @author Passi
* @since 1.0.0
* @return object|Recettes_Chaudes
*/
function RECETTESCH() {
return Recettes_Chaudes::instance();
}
RECETTESCH();
Powyższy kod powie WordPressowi nazwę wtyczki wraz z wersją, autorem, licencją i innymi szczegółami. Nie musisz niczego modyfikować. Przejdźmy do następnego kroku.
Tuż pod powyższym kodem dodaj następujący kod:
/**
* Registers the recettes post type.
*/
function recettes_chaudes_register_post_types() {
// Set UI labels for the recettes post type.
$labels = array(
'name' => _x( 'Recettes', 'Post Type General Name', 'recettes_chaudes' ),
'singular_name' => _x( 'Recette', 'Post Type Singular Name', 'recettes_chaudes' ),
'menu_name' => __( 'Recettes', 'recettes_chaudes' ),
'parent_item_colon' => __( 'Parent Recette', 'recettes_chaudes' ),
'all_items' => __( 'All Recettes', 'recettes_chaudes' ),
'view_item' => __( 'View Recettes', 'recettes_chaudes' ),
'add_new_item' => __( 'Add New Recette', 'recettes_chaudes' ),
'add_new' => __( 'Add New', 'recettes_chaudes' ),
'edit_item' => __( 'Edit Recette', 'recettes_chaudes' ),
'update_item' => __( 'Update Recette', 'recettes_chaudes' ),
'search_items' => __( 'Search Recette', 'recettes_chaudes' ),
'not_found' => __( 'Not Found', 'recettes_chaudes' ),
'not_found_in_trash' => __( 'Not found in Trash', 'recettes_chaudes' ),
);
// Set other arguments for the recettes post type.
$args = array(
'label' => __( 'recettes', 'recettes_chaudes' ),
'description' => __( 'recettes.', 'recettes_chaudes' ),
'labels' => $labels,
'supports' => array(
'title',
'editor',
'excerpt',
'author',
'thumbnail',
'comments',
'revisions',
'custom-fields',
),
'taxonomies' => array(),
'hierarchical' => false,
'public' => true,
'show_ui' => true,
'show_in_menu' => true,
'show_in_nav_menus' => true,
'show_in_admin_bar' => true,
'menu_position' => 5,
'can_export' => true,
'has_archive' => true,
'exclude_from_search' => false,
'publicly_queryable' => true,
'capability_type' => 'post',
'show_in_rest' => true,
);
// Registes the recettes post type.
register_post_type( 'recettes', $args );
}
add_action( 'init', 'recettes_chaudes_register_post_types' );Powyższy kod po prostu rejestruje nasz niestandardowy typ postu „przepisy” z szeregiem opcji. Dodaje również funkcje, takie jak obsługa recenzji, pól niestandardowych, fragmentów, komentarzy, polecanych obrazów i innych. Są to funkcje, które zobaczysz w edytorze postów podczas dodawania nowego przepisu.
Spakuj folder wtyczek
Zapisz wszystkie zmiany. Skompresuj folder gorące przepisy (to jest folder, w którym znalazłeś główny plik gorące przepisy.php które właśnie edytowaliśmy) w archiwum gorące-recepty.zip (na Macu jest to tak proste, jak kliknięcie prawym przyciskiem myszy, spakowanie pliku – a na PC wydaje mi się, że jest bardzo podobny). Tylko upewnij się, że Twój folder jest zapisany z rozszerzeniem .ZIP lub wtyczka nie zostanie zainstalowana.
Zobacz także: Jak dodać nieskończone przewijanie na WordPress
Następnie zaloguj się do swojej witryny testowej i przejdź do Rozszerzenia> Dodaj , jak pokazano niżej.
Następnie kliknij na przycisk Prześlij wtyczkę, wybierz folder ZIP wtyczki na swoim komputerze i kliknij zainstalować teraz:
następnie aktywować wtyczka
Teraz, jeśli sprawdzisz menu administratora WordPress, zauważysz swój nowy typ Publikacja Przepisy, z możliwością dodawania nowych receptur:
Gratulujemy napisania pierwszej prostej wtyczki do WordPressa! Dzięki temu wprowadzeniu możesz zagłębić się w kod i pobawić się kodem, aby zobaczyć, co możesz osiągnąć. Możesz także przestudiować kod źródłowy innych wtyczek (wszystkie wtyczki WordPress są typu open source), aby dowiedzieć się więcej.
Teraz potrzebujesz tylko kilku dodatkowych zasobów (sprawdź instrukcja wtyczki) i dużo praktyki, a będziesz kodować w mgnieniu oka.
Lire aussi Jak usunąć link „Proudly Powered by WordPress”?
Programowanie i pisanie wtyczek do WordPressa może początkowo wydawać się zniechęcające, zwłaszcza dla początkujących. Ale dzięki odpowiednim narzędziom i kilku zasobom edukacyjnym możesz tworzyć wtyczki jak szef. Wystarczy mieć pojęcie o kodowaniu i determinacji.
Inne zalecane zasoby
Zachęcamy również do zapoznania się z poniższymi zasobami, aby przejść dalej w zakresie kontroli nad witryną i blogiem.
- 10 wtyczek WordPress do zarządzania reklamami
- Niektóre wtyczki do integracji usług Google na swoim blogu
- Jak tworzyć niestandardowe szablony na WordPressie
- 10 wtyczek afiliacyjnych WordPress do tworzenia programu
- Jak używać różnych środowisk na WordPressie
Wnioski
To wszystko w tym samouczku. Mamy nadzieję, że wskazał ci to właściwy kierunek, jeśli chodzi o zrozumienie wtyczek. Ten artykuł powinien służyć jako trampolina do tworzenia złożonych wtyczek do WordPressa, które robią wszystko, co chcesz.
Jeśli masz jakieś wątpliwości lub sugestie, daj nam znać commentaires. Możesz jednak również skonsultować się z naszym Zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.
Tymczasem udostępnij ten artykuł w różnych sieciach społecznościowych.
...
