Doriți să învățați cum să creați un WordPress plug-in simplu?

WordPress este dragul multora și pe bună dreptate. Este incredibil de ușor de utilizat, gratuit (sau open-source), flexibil și, cea mai bună parte, destul de extensibilă. Cu pluginuri, puteți extinde WordPress pentru a adăuga practic orice funcționalitate pe care o aveți în minte.

Dacă ești începătorul perfect, WordPress plugin-uri sunt ca aplicațiile de pe telefonul tău. Telefonul funcționează bine așa cum este, dar puteți adăuga mai multe funcții folosind aplicații. Același lucru este valabil și pentru sistemul de gestionare a conținutului WordPress (CMS).

Platforma WordPress este deja puternică, dar puteți face mult mai mult folosind plugin-uri. De exemplu, cel WordPress plugin-uri vă permit să adăugați funcții suplimentare, cum ar fi comerțul electronic, SEO, protecție împotriva spamului, formulare avansate, rețele sociale, securitate mai bună, chat live, crearea de pagini vizuale și multe altele.

Sunt mii de WordPress plugin-uri gratuit și premium. THE depozitul oficial de pluginuri WordPress numai are peste 59 de plugin-uri gratuite la momentul scrierii! Alte piețe, cum ar fi CodeCanyon, vă oferă mii de pluginuri premium WordPress.

Acest lucru înseamnă că ar putea exista un plugin pentru aproape fiecare caracteristică pe care o poți adăuga pe site-ul tău WordPress. Totuși, uneori s-ar putea să aveți nevoie de ceva indisponibil din sursele de plugin menționate mai sus. În acest caz, poate fi necesar să creați un WordPress plug-in de la zero sau modificați (sau bifurcați) un plugin existent.

Și în articolul de astăzi vă vom arăta cum să scrieți a WordPress plug-in simplu, ceea ce este bun dacă doriți să creați ceva simplu sau să vă aruncați cu capul în dezvoltarea pluginurilor. Cu acest preambul, să începem.

Dar înainte, dacă nu ați instalat niciodată WordPress, descoperiți Cum se instalează un blog WordPress pași 7 et Cum de a găsi, a instala și a activa o temă WordPress pe blog-ul dvs. 

Apoi înapoi la motivul pentru care suntem aici.

Scrierea unui plugin WordPress simplu: elementele de bază

Înainte de a ajunge la partea distractivă, există câteva lucruri de bază pe care trebuie să le știți. Ca începător, ați putea presupune că crearea de pluginuri WordPress este dificilă. Nu chiar. Toată lumea poate invata sa scrii un plugin, indiferent dacă ai sau nu o diplomă în informatică.

În același timp, unele cunoștințe de codare PHP vă vor ajuta în continuare dacă intenționați să scrieți mai multe plugin-uri în viitor. Cu aceste cunoștințe, vei înțelege mai bine cum Funcții PHP, ceea ce vă face munca mult mai ușoară. Totuși, este ușor.

De asemenea, în funcție de funcționalitatea de care aveți nevoie, pluginul dvs. WordPress poate conține unul sau mai multe fișiere, inclusiv foi de stil CSS, scripturi JavaScript și fișiere media. În cele din urmă, este important să vă familiarizați cu Standarde de codare WordPress și cele mai bune practici pentru a rămâne pe partea sigură.

Stai linistit pentru ca astazi nu ne vom aventura in lucruri complexe. Vă vom arăta cum să scrieți un plugin WordPress simplu și să împărtășiți câteva instrumente și resurse care vă vor ușura munca.

De ce aveți nevoie pentru a scrie un plugin WordPress

Veți avea nevoie de câteva lucruri înainte de a vă scrie pluginul WordPress. Pentru început, nu testați pluginul pe site-ul dvs. web. Dacă ceva nu merge bine, riscați să vă spargeți site-ul web, ceea ce poate duce la perioade de nefuncționare oribile în timp ce reparați lucrurile.

În schimb, creați un site web de testare local sau pe serverul dvs. Iată cum:

În afară de asta, veți avea nevoie de un editor de text, cum ar fi Notepad ++SublimeText ou Atom. Deși nu este o cerință, puteți utiliza instrumente precum pluginplate ou Plugin pentru placa de cazan pentru a accelera dezvoltarea (mai multe despre asta mai târziu).

Acum să scriem un plugin WordPress simplu. Pentru acest tutorial, vom crea un plugin care va adăuga un tip de postare personalizat pentru un site web de restaurant pe care îl vom crea.

Pentru cei neinițiați, WordPress acceptă mai multe tipuri de postări, inclusiv pagini, postări, atașamente, recenzii și meniul de navigare. Pentru scenariul nostru, vom crea un plugin WordPress simplu care adaugă un tip de postare personalizat „Rețetă”. În scopuri ilustrative, vom numi acest plugin „Rețete fierbinți”.

Cum să scrieți un plugin WordPress simplu

Fiecare plugin WordPress are un fișier principal pe care îl puteți crea manual sau folosind instrumente precum Plugin Boilerplate sau Pluginplate. Pentru a economisi timp, utilizați Pluginplate (este mai intuitiv) pentru a genera fișierul principal și câteva fișiere și foldere suplimentare de care ați putea avea nevoie mai târziu. Pentru moment, avem nevoie doar de fișierul principal.

Crearea fișierului principal

Vizita pluginplate.com și faceți clic pe butonul Creează-ți pluginul, după cum subliniem mai jos.

Apoi, completați informațiile despre plugin, așa cum se arată mai jos. În partea de jos a paginii, veți observa secțiunea Module care vă permite să adăugați funcționalități suplimentare pluginului dvs. De asemenea, rețineți că puteți personaliza fiecare modul făcând clic pe butonul Plus (+), după cum detaliem mai jos. Odată ce sunteți mulțumit, faceți clic pe butonul genera le conecteaza :

creați un plugin WordPress simplu

După aceea, faceți clic pe buton Descarcă și salvați pluginul pe computer.

Acum avem toate fișierele de bază de care avem nevoie din fișierul principal. Pluginul nostru WordPress nu va face nimic așa cum este. Trebuie să adăugăm codul care va rula când activăm pluginul. Pe baza exemplului nostru, fișierul nostru principal este hot-reţete.php, care este fișierul pe care îl vom edita în secțiunea următoare.

Adăugarea de funcții

Pentru a localiza fișierul hot-reţete.php, extrageți folderul ZIP pe care l-ați descărcat din Pluginplate:

creați un plugin WordPress simplu

În interiorul folderului, ar trebui să vedeți fișierul principal, care în cazul nostru – din nou – este rețete calde.php:

creați un plugin WordPress simplu

În folderul cu pluginuri puteți vedea o grămadă de alte fișiere, dar nu avem nevoie de ele acum. În continuare, să adăugăm câteva funcții la fișierul principal. Deschideți fișierul principal (retete fierbinti.php) în editorul de text preferat (Folosim Visual Studio Code).

Vezi și: Cum să dezactivezi comentariile în WordPress

Veți vedea următorul fragment de cod sau ceva similar, în funcție de modul în care ați completat formularul pe 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();

Codul de mai sus va spune WordPress numele pluginului împreună cu versiunea, autorul, licența și alte detalii. Nu trebuie să modificați nimic. Să trecem la pasul următor.

Chiar sub codul de mai sus, adăugați următorul cod:

/**
 * 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' );

Codul de mai sus înregistrează pur și simplu tipul nostru personalizat de postare „rețete” cu o serie de opțiuni. De asemenea, adaugă funcții precum suport pentru recenzii, câmpuri personalizate, extrase, comentarii, imagini prezentate și multe altele. Acestea sunt caracteristicile pe care le veți vedea în editorul de postări atunci când adăugați o nouă rețetă.

Zip folderul plugin-ului

Salvează toate modificările. Comprimați folderul retete fierbinti (acesta este folderul în care ați găsit fișierul principal retete fierbinti.php  pe care tocmai le-am editat) într-o arhivă hot-reţete.zip (pe un Mac este la fel de simplu ca să faci clic dreapta, să zipești fișierul - și pe un PC cred că este foarte asemănător). Doar asigurați-vă că folderul dvs. este salvat cu extensia .ZIP sau pluginul nu se va instala.

Vezi și: Cum se adaugă o defilare infinită pe un WordPress

Apoi, conectați-vă la site-ul dvs. de testare și navigați la Extensii> Adăugare , așa cum se arată mai jos.

Apoi faceți clic pe butonul Încărcați pluginul, alegeți folderul ZIP de plugin pe computer și faceți clic instalați acum:

creați un plugin WordPress simplu

atunci activa plugin

Acum, dacă verificați meniul de administrare WordPress, veți observa noul dvs. tip publicație Rețete, cu posibilitatea de a adăuga rețete noi:

creați un plugin WordPress simplu

Felicitări pentru că ai scris primul tău plugin WordPress simplu! Cu această introducere, puteți merge mai profund și vă puteți juca cu codul pentru a vedea ce puteți obține. De asemenea, puteți studia codul sursă al altor plugin-uri (toate plugin-urile WordPress sunt open-source) pentru a afla mai multe.

Acum tot ce aveți nevoie sunt câteva resurse suplimentare (consultați documentul manualul pluginului) și multă practică și vei programa în cel mai scurt timp.

Lire aussi Cum să eliminați linkul „Proudly Powered by WordPress”.

Programarea și scrierea de pluginuri WordPress poate părea descurajantă la început, mai ales ca începător. Dar cu instrumentele potrivite și câteva resurse de învățare, puteți dezvolta pluginuri ca un șef. Va fi suficient sa ai cateva notiuni de codare si determinare.

Alte resurse recomandate

De asemenea, vă invităm să consultați resursele de mai jos pentru a merge mai departe în controlul și controlul site-ului și blogului dvs.

Concluzie

Asta e pentru acest tutorial. Sperăm că v-a îndreptat în direcția corectă când vine vorba de înțelegerea pluginurilor. Acest articol ar trebui să servească drept o rampă de lansare pentru dezvoltarea de plugin-uri WordPress complexe care fac tot ce doriți.

Dacă aveți nelămuriri sau sugestii, vă rugăm să ne informați în interior comentarii. Cu toate acestea, puteți consulta și noi Resurse, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress sau cea de pe Divi: cea mai bună temă WordPress din toate timpurile.

În același timp, împărtășește acest articol pe diferitele rețele de socializare.   

...