Chcete se naučit, jak vytvořit a WordPress Plugin jednoduchý?

WordPress je miláčkem mnoha a právem. Je neuvěřitelně snadno použitelný, bezplatný (nebo open-source), flexibilní a nejlepší na tom je, že je docela rozšiřitelný. Pomocí zásuvných modulů můžete WordPress rozšířit o prakticky jakoukoli funkci, kterou máte na mysli.

Pokud jste dokonalý začátečník, WordPress pluginy jsou jako aplikace ve vašem telefonu. Váš telefon funguje bez problémů, ale pomocí aplikací můžete přidat další funkce. Totéž platí pro redakční systém WordPress (CMS).

Platforma WordPress je již výkonná, ale pomocí pluginů můžete udělat mnohem více. Například, WordPress pluginy vám umožní přidat další funkce, jako je e-commerce, SEO, ochrana proti spamu, pokročilé formuláře, sociální sítě, lepší zabezpečení, live chat, vizuální tvorba stránek a mnoho dalšího.

Jsou jich tisíce WordPress pluginy zdarma a prémiové. THE oficiální úložiště pluginů WordPress samotný má v době psaní více než 59 000 bezplatných pluginů! Jiná tržiště, jako např CodeCanyon, vám nabízí tisíce prémiových pluginů WordPress.

To znamená, že může existovat plugin pro téměř každou funkci, kterou můžete přidat na svůj web WordPress. Přesto někdy můžete potřebovat něco, co není k dispozici z výše uvedených zdrojů pluginů. V tomto případě možná budete muset vytvořit a WordPress Plugin od začátku nebo upravit (nebo rozdělit) existující plugin.

A v dnešním článku vám ukážeme, jak napsat a WordPress Plugin jednoduché, což je dobré, pokud chcete vytvořit něco jednoduchého nebo se ponořit do vývoje pluginu. S touto preambulí začněme.

Ale dříve, pokud jste nikdy nenainstalovali WordPress objevit Jak nainstalovat 7 kroků WordPress blogu et Jak najít, nainstalovat a aktivovat WordPress téma na svém blogu 

Pak zpět k tomu, proč jsme tady.

Psaní jednoduchého pluginu WordPress: Základy

Než se dostaneme k zábavné části, je potřeba vědět pár základních věcí. Jako začátečník můžete předpokládat, že vytváření pluginů WordPress je obtížné. No ne tak úplně. Každý může naučit se psát plugin, ať už máte diplom z informatiky nebo ne.

Zároveň vám některé znalosti PHP kódování pomohou dále, pokud plánujete v budoucnu psát další pluginy. S těmito znalostmi lépe pochopíte jak PHP funkce, což vám výrazně usnadní práci. Přesto je to snadné.

V závislosti na funkcích, které potřebujete, může váš plugin WordPress obsahovat jeden nebo více souborů, včetně šablon stylů CSS, skriptů JavaScript a mediálních souborů. Nakonec je důležité seznámit se s Standardy kódování WordPress a osvědčené postupy zůstat na bezpečné straně.

Buďte v klidu, protože dnes se nebudeme pouštět do složitých věcí. Ukážeme vám, jak napsat jednoduchý WordPress plugin a sdílet některé nástroje a zdroje, které vám usnadní práci.

Co potřebujete k napsání pluginu WordPress

Než napíšete plugin WordPress, budete potřebovat několik věcí. Pro začátek netestujte plugin na svém webu. Pokud se něco pokazí, riskujete rozbití vašeho webu, což může vést k hrozným prostojům, když věci opravujete.

Místo toho vytvořte místní testovací web nebo na svém serveru. Zde je postup:

Kromě toho budete potřebovat textový editor, jako je např Poznámkový blok ++SublimeText ou Atom. Ačkoli to není podmínkou, můžete použít nástroje jako např pluginplate ou Plugin kotelní desky pro urychlení vývoje (více o tom později).

Nyní si napíšeme jednoduchý WordPress plugin. Pro tento tutoriál vytvoříme plugin, který přidá vlastní typ příspěvku pro webovou stránku restaurace, kterou se chystáme vytvořit.

Pro nezasvěcené WordPress podporuje více typů příspěvků, včetně stránek, příspěvků, příloh, recenzí a navigační nabídky. Pro náš scénář vytvoříme jednoduchý plugin WordPress, který přidá vlastní typ příspěvku „Recept“. Pro ilustrační účely budeme tento plugin nazývat „Hot Recipes“.

Jak napsat jednoduchý plugin pro WordPress

Každý plugin WordPress má hlavní soubor, který můžete vytvořit ručně nebo pomocí nástrojů jako Plugin Boilerplate nebo Pluginplate. Chcete-li ušetřit čas, použijte Pluginplate (je intuitivnější) k vygenerování hlavního souboru a některých dalších souborů a složek, které budete později potřebovat. Prozatím potřebujeme pouze hlavní soubor.

Vytvoření hlavního souboru

Návštěva pluginplate.com a stiskněte tlačítko Vytvořte si plugin, jak zdůrazňujeme níže.

Dále vyplňte informace o pluginu, jak je uvedeno níže. V dolní části stránky si všimnete sekce moduly což vám umožňuje přidat do vašeho pluginu další funkce. Všimněte si také, že každý modul můžete přizpůsobit kliknutím na plus (+), jak podrobně popisujeme níže. Jakmile budete spokojeni, klikněte na tlačítko generovat le plugin :

vytvořit jednoduchý WordPress plugin

Poté klikněte na tlačítko Ke stažení a uložte si plugin do počítače.

Nyní máme všechny základní soubory, které potřebujeme z hlavního souboru. Náš plugin WordPress neudělá nic tak, jak je. Musíme přidat kód, který se spustí, když plugin aktivujeme. Na základě našeho příkladu je naším hlavním souborem horké-recepty.php, což je soubor, který upravíme v další části.

Přidávání funkcí

Chcete-li najít soubor horké-recepty.php, rozbalte složku ZIP, kterou jste stáhli z Pluginplate:

vytvořit jednoduchý WordPress plugin

Uvnitř složky byste měli vidět svůj hlavní soubor, což v našem případě – opět – je horké recepty. Php:

vytvořit jednoduchý WordPress plugin

Ve složce pluginů můžete vidět spoustu dalších souborů, ale my je teď nepotřebujeme. Dále do hlavního souboru přidáme některé funkce. Otevřete hlavní soubor (horké recepty.php) ve vašem oblíbeném textovém editoru (používáme Visual Studio Code).

Viz též: Jak zakázat komentáře ve WordPressu

Uvidíte následující úryvek kódu nebo něco podobného v závislosti na tom, jak jste vyplnili formulář 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();

Výše uvedený kód sdělí WordPressu název pluginu spolu s verzí, autorem, licencí a dalšími podrobnostmi. Nemusíte nic upravovat. Pojďme k dalšímu kroku.

Přímo pod kód výše přidejte následující 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' );

Výše uvedený kód jednoduše zaregistruje náš vlastní typ příspěvku „recepty“ s řadou možností. Přidává také funkce, jako je podpora recenzí, vlastní pole, úryvky, komentáře, doporučené obrázky a další. Toto jsou funkce, které uvidíte v editoru příspěvků při přidávání nového receptu.

Zazipujte složku pluginu

Uložte všechny změny. Komprimujte složku horké recepty (toto je složka, kde jste našli hlavní soubor horké recepty.php  které jsme právě upravili) v archivu horké-recepty.zip (na Macu je to tak jednoduché jako klepnutí pravým tlačítkem, zazipování souboru - a na PC věřím, že je to velmi podobné). Ujistěte se, že je vaše složka uložena s příponou .ZIP, jinak se plugin nenainstaluje.

Viz také: Jak přidat nekonečné posouvání na WordPress

Dále se přihlaste na svůj testovací web a přejděte na Rozšíření> Přidat , Jak je ukázáno níže.

Poté klikněte na tlačítko Nahrát plugin, vyberte složku ZIP pluginu na vašem počítači a klikněte nainstalovat nyní:

vytvořit jednoduchý WordPress plugin

pak aktivovat plugin

Nyní, když zkontrolujete nabídku správce WordPress, všimnete si svého nového typu publikace Recepty, s možností přidávání nových receptů:

vytvořit jednoduchý WordPress plugin

Gratulujeme k napsání vašeho prvního jednoduchého pluginu WordPress! S tímto úvodem můžete jít hlouběji a pohrát si s kódem, abyste viděli, čeho můžete dosáhnout. Můžete také studovat zdrojový kód jiných pluginů (všechny pluginy WordPress jsou open-source), abyste se dozvěděli více.

Nyní vše, co potřebujete, je několik dalších zdrojů (podívejte se na manuál k pluginu) a hodně praxe a během chvilky budete kódovat.

Lire aussi Jak odstranit odkaz „Proudly Powered by WordPress“

Programování a psaní WordPress pluginů se může zpočátku zdát skličující, zvláště jako začátečník. Ale se správnými nástroji a několika výukovými zdroji můžete vyvíjet pluginy jako šéf. Bude stačit mít nějaké představy o kódování a určení.

Další doporučené zdroje

Zveme vás také, abyste si prostudovali níže uvedené zdroje, abyste se dostali dále do sevření a kontroly nad svým webem a blogem.

Proč investovat do čističky vzduchu?

To je pro tento tutoriál vše. Doufáme, že vás to nasměrovalo správným směrem, pokud jde o pochopení pluginů. Tento článek by měl sloužit jako odrazový můstek pro vývoj komplexních WordPress pluginů, které dělají vše, co po nich chcete.

Pokud máte jakékoli připomínky nebo připomínky, dejte nám vědět commentaires. Můžete se však také poradit s naším ressources, pokud potřebujete více prvků k realizaci vašich projektů vytváření internetových stránek, nahlédněte do našeho průvodce na internetu Vytvoření blogu WordPress nebo ten, který je zapnutý Divi: nejlepší téma WordPress všech dob.

Mezitím sdílejte tento článek na různých sociálních sítích.   

...