Chceli by ste sa naučiť, ako vytvoriť a WordPress Plugin jednoduché?
WordPress je miláčikom mnohých a je to tak správne. Je neuveriteľne ľahko použiteľný, bezplatný (alebo open source), flexibilný a čo je najlepšie, celkom rozšíriteľný. Pomocou doplnkov môžete rozšíriť WordPress tak, aby ste pridali prakticky akúkoľvek funkciu, ktorú máte na mysli.
Ak ste dokonalý začiatočník, WordPress pluginy sú ako aplikácie vo vašom telefóne. Váš telefón funguje bez problémov, ale pomocou aplikácií môžete pridať ďalšie funkcie. To isté platí pre redakčný systém (CMS) WordPress.
Platforma WordPress je už výkonná, ale pomocou doplnkov môžete urobiť oveľa viac. Napríklad, WordPress pluginy vám umožňujú pridať ďalšie funkcie, ako je elektronický obchod, SEO, ochrana pred spamom, pokročilé formuláre, sociálne siete, lepšia bezpečnosť, živý chat, vytváranie vizuálnych stránok a oveľa viac.
Sú ich tisíce WordPress pluginy bezplatné a prémiové. THE oficiálne úložisko doplnkov WordPress samotný má v čase písania viac ako 59 000 bezplatných doplnkov! Ostatné trhoviská, ako napr CodeCanyon, vám ponúkajú tisíce prémiových doplnkov WordPress.
To znamená, že môže existovať doplnok pre takmer každú funkciu, ktorú môžete pridať na svoj web WordPress. Niekedy však možno budete potrebovať niečo, čo nie je dostupné z vyššie uvedených zdrojov doplnkov. V tomto prípade možno budete musieť vytvoriť a WordPress Plugin od začiatku alebo upraviť (alebo rozdvojiť) existujúci doplnok.
A v dnešnom článku si ukážeme, ako napísať a WordPress Plugin jednoduché, čo je dobré, ak chcete vytvoriť niečo jednoduché alebo sa bezhlavo vrhnúť do vývoja doplnkov. Začnime touto preambulou.
Ale predtým, ak ste nikdy nenainštalovali WordPress objaviť Ako nainštalovať 7 krokov WordPress blogu et Ako nájsť, nainštalovať a aktivovať WordPress tému na svojom blogu
Potom späť k tomu, prečo sme tu.
Napísanie jednoduchého doplnku WordPress: Základy
Než sa dostaneme k zábavnej časti, je potrebné vedieť niekoľko základných vecí. Ako začiatočník môžete predpokladať, že vytváranie doplnkov WordPress je ťažké. No, ani nie. Každý môže naučiť sa písať plugin, bez ohľadu na to, či máte diplom z informatiky alebo nie.
Zároveň vám niektoré znalosti kódovania PHP pomôžu ďalej, ak plánujete v budúcnosti napísať ďalšie pluginy. S týmito znalosťami lepšie pochopíte ako PHP funkcie, čo vám výrazne uľahčí prácu. Napriek tomu je to jednoduché.
V závislosti od funkcií, ktoré potrebujete, môže váš doplnok WordPress obsahovať jeden alebo viac súborov vrátane šablón štýlov CSS, skriptov JavaScript a mediálnych súborov. Nakoniec je dôležité zoznámiť sa s Štandardy a osvedčené postupy kódovania WordPress zostať na bezpečnej strane.
Upokojte sa, pretože dnes sa nebudeme púšťať do zložitých vecí. Ukážeme vám, ako napísať jednoduchý doplnok WordPress a zdieľať niektoré nástroje a zdroje, ktoré vám uľahčia prácu.
Čo potrebujete na napísanie doplnku WordPress
Pred napísaním doplnku WordPress budete potrebovať niekoľko vecí. Na začiatok netestujte doplnok na svojom webe. Ak sa niečo pokazí, riskujete rozbitie vášho webu, čo môže viesť k hrozným prestojom, kým veci opravujete.
Namiesto toho vytvorte lokálnu testovaciu webovú stránku alebo na svojom serveri. Tu je postup:
- Nainštalujte WordPress na Windows lokálne pomocou XAMPP
- Nainštalujte WordPress na Mac lokálne pomocou MAMP
Okrem toho budete potrebovať textový editor ako napr Poznámkový blok ++, Sublime Text ou Atóm. Aj keď to nie je podmienkou, môžete použiť nástroje ako napr pluginplate ou Plugin kotlovej dosky urýchliť vývoj (viac o tom neskôr).
Teraz napíšme jednoduchý doplnok WordPress. Pre tento tutoriál vytvoríme doplnok, ktorý pridá vlastný typ príspevku pre webovú stránku reštaurácie, ktorú sa chystáme vytvoriť.
Pre nezasvätených WordPress podporuje viacero typov príspevkov vrátane stránok, príspevkov, príloh, recenzií a navigačnej ponuky. Pre náš scenár vytvoríme jednoduchý doplnok WordPress, ktorý pridá vlastný typ príspevku „Recept“. Pre ilustráciu budeme tento doplnok nazývať „Hot Recipes“.
Ako napísať jednoduchý doplnok WordPress
Každý doplnok WordPress má hlavný súbor, ktorý môžete vytvoriť manuálne alebo pomocou nástrojov ako Plugin Boilerplate alebo Pluginplate. Ak chcete ušetriť čas, použite Pluginplate (je to intuitívnejšie) na vygenerovanie hlavného súboru a niektorých ďalších súborov a priečinkov, ktoré by ste mohli neskôr potrebovať. Zatiaľ potrebujeme len hlavný súbor.
Vytvorenie hlavného súboru
Uvidíme vás pluginplate.com a stlačte tlačidlo Vytvorte si doplnok, ako zdôrazňujeme nižšie.
Ďalej vyplňte informácie o doplnku, ako je uvedené nižšie. V dolnej časti stránky si všimnete sekciu moduly čo vám umožňuje pridať ďalšie funkcie do vášho pluginu. Upozorňujeme tiež, že každý modul si môžete prispôsobiť kliknutím na plus (+), ako podrobne uvádzame nižšie. Keď ste spokojní, kliknite na tlačidlo generovať le zapojiť :
Potom kliknite na tlačidlo Stiahnuť ▼ a uložte si doplnok do počítača.
Teraz máme všetky základné súbory, ktoré potrebujeme z hlavného súboru. Náš doplnok WordPress nebude robiť nič tak, ako je. Musíme pridať kód, ktorý sa spustí, keď aktivujeme doplnok. Na základe nášho príkladu je náš hlavný súbor horúce-recepty.php, čo je súbor, ktorý upravíme v ďalšej časti.
Pridávanie funkcií
Ak chcete nájsť súbor horúce-recepty.php, rozbaľte priečinok ZIP, ktorý ste stiahli z Pluginplate:
Vo vnútri priečinka by ste mali vidieť svoj hlavný súbor, čo v našom prípade opäť je horúce recepty. Php:
V priečinku s doplnkami môžete vidieť veľa ďalších súborov, ale momentálne ich nepotrebujeme. Ďalej pridajme niektoré funkcie do hlavného súboru. Otvorte hlavný súbor (horúce recepty.php) vo vašom obľúbenom textovom editore (používame Visual Studio Code).
Pozri tiež: Ako zakázať komentáre vo WordPress
V závislosti od toho, ako ste vyplnili formulár na Pluginplate, uvidíte nasledujúci útržok kódu alebo niečo podobné:
<?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();
Vyššie uvedený kód oznámi WordPressu názov doplnku spolu s verziou, autorom, licenciou a ďalšími podrobnosťami. Netreba nič upravovať. Poďme k ďalšiemu kroku.
Hneď pod vyššie uvedený kód pridajte nasledujúci kód:
/**
* 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' );Vyššie uvedený kód jednoducho registruje náš vlastný typ príspevku „recepty“ s množstvom možností. Pridáva tiež funkcie, ako je podpora pre recenzie, vlastné polia, úryvky, komentáre, odporúčané obrázky a ďalšie. Toto sú funkcie, ktoré uvidíte v editore príspevkov pri pridávaní nového receptu.
Zipsujte priečinok s doplnkami
Uložte všetky zmeny. Komprimujte priečinok horúce recepty (toto je priečinok, v ktorom ste našli hlavný súbor horúce recepty.php ktoré sme práve upravili) v archíve horúce-recepty.zip (na Macu je to také jednoduché ako kliknutie pravým tlačidlom myši, zazipovanie súboru – a na PC je to podľa mňa veľmi podobné). Len sa uistite, že je priečinok uložený s príponou .ZIP, inak sa doplnok nenainštaluje.
Pozri tiež: Ako pridať nekonečné posúvanie na WordPress
Potom sa prihláste na svoj testovací web a prejdite naň Rozšírenia> Pridať , ako je uvedené nižšie.
Potom kliknite na tlačidlo Nahrať doplnok, vyberte priečinok ZIP s doplnkom v počítači a kliknite nainštalovať teraz:
potom aktivovať plugin
Ak teraz skontrolujete ponuku správcu WordPress, všimnete si svoj nový typ publikácia Recepty, s možnosťou pridávania nových receptov:
Gratulujeme k napísaniu vášho prvého jednoduchého doplnku WordPress! S týmto úvodom môžete ísť hlbšie a pohrať sa s kódom, aby ste videli, čo môžete dosiahnuť. Môžete si tiež preštudovať zdrojový kód iných doplnkov (všetky doplnky WordPress sú open source), aby ste sa dozvedeli viac.
Teraz všetko, čo potrebujete, je niekoľko ďalších zdrojov (pozrite si manuál k pluginu) a veľa praxe a čoskoro budete kódovať.
Lire aussi Ako odstrániť odkaz „Hrdo používa WordPress“.
Programovanie a písanie WordPress pluginov sa môže zdať na prvý pohľad náročné, najmä pre začiatočníka. Ale so správnymi nástrojmi a niekoľkými vzdelávacími zdrojmi môžete vyvíjať doplnky ako šéf. Bude stačiť mať nejaké predstavy o kódovaní a určovaní.
Ďalšie odporúčané zdroje
Tiež vás pozývame, aby ste si prečítali zdroje uvedené nižšie, aby ste sa presadili a ovládali svoje webové stránky a blog.
- 10 doplnkov WordPress, ktoré sa používajú na správu reklamy
- Niektoré zásuvné moduly pre integráciu služieb Google na svojom blogu
- Ako vytvoriť vlastné šablóny WordPress
- 10 pridružených doplnkov WordPress na vytvorenie programu
- Za použitia rôznych pozadí WordPress
záver
To je pre tento tutoriál všetko. Dúfame, že vás to nasmerovalo správnym smerom, pokiaľ ide o pochopenie doplnkov. Tento článok by mal slúžiť ako odrazový mostík pre vývoj komplexných doplnkov WordPress, ktoré robia všetko, čo od nich chcete.
Ak máte akékoľvek pochybnosti alebo návrhy, dajte nám vedieť Komentáre. Môžete sa však poradiť aj s našimi zdroje, ak potrebujete viac prvkov na realizáciu svojich projektov tvorby internetových stránok, konzultujte nášho sprievodcu na internete Tvorba blogu WordPress alebo jeden na Divi: najlepšia téma WordPress všetkých čias.
Medzitým, zdieľajte tento článok na rôznych sociálnych sieťach.
...
