Ti piacerebbe imparare a creare un WordPress Plugin semplice?

WordPress è il beniamino di molti, e giustamente. È incredibilmente facile da usare, gratuito (o open source), flessibile e, soprattutto, abbastanza estensibile. Con i plugin, puoi estendere WordPress per aggiungere praticamente qualsiasi funzionalità tu abbia in mente.

Se sei il perfetto principiante, il plugin di WordPress sono come le app sul tuo telefono. Il tuo telefono funziona bene così com'è, ma puoi aggiungere più funzionalità usando le app. Lo stesso vale per il sistema di gestione dei contenuti (CMS) di WordPress.

La piattaforma WordPress è già potente, ma puoi fare molto di più usando i plugin. Ad esempio, il plugin di WordPress consentono di aggiungere funzionalità aggiuntive come e-Commerce, SEO, protezione antispam, moduli avanzati, social network, maggiore sicurezza, chat dal vivo, creazione di pagine visive e molto altro.

Ce ne sono migliaia plugin di WordPress gratuito e premium. IL repository ufficiale dei plugin di WordPress da solo ha oltre 59 plugin gratuiti al momento della scrittura! Altri mercati, come CodeCanyon, ti offre migliaia di plugin WordPress premium.

Questo significa che potrebbe esserci un plug-in per quasi tutte le funzionalità che puoi aggiungere al tuo sito Web WordPress. Tuttavia, a volte potresti aver bisogno di qualcosa non disponibile dalle suddette fonti di plugin. In questo caso, potrebbe essere necessario creare un WordPress Plugin da zero o modificare (o fork) un plugin esistente.

E nell'articolo di oggi ti mostreremo come scrivere a WordPress Plugin semplice, il che è utile se vuoi creare qualcosa di semplice o tuffarti a capofitto nello sviluppo di plugin. Con questo preambolo cominciamo.

Ma prima, se non hai mai installato WordPress, scopri Come installare un blog Wordpress passi 7 et Come trovare, installare e attivare un tema WordPress sul tuo blog 

Quindi torniamo al perché siamo qui.

Scrivere un semplice plugin per WordPress: le basi

Prima di arrivare alla parte divertente, ci sono alcune cose di base che devi sapere. Come principiante, potresti presumere che la creazione di plugin per WordPress sia difficile. Beh, non proprio. Tutti possono impara a scrivere un plugin, indipendentemente dal fatto che tu abbia una laurea in informatica o meno.

Allo stesso tempo, alcune conoscenze di codifica PHP ti aiuteranno ulteriormente se prevedi di scrivere più plugin in futuro. Con questa conoscenza, capirai meglio come Funzioni PHP, il che rende il tuo lavoro molto più semplice. Comunque è facile.

Inoltre, a seconda della funzionalità di cui hai bisogno, il tuo plug-in WordPress può contenere uno o più file, inclusi fogli di stile CSS, script JavaScript e file multimediali. Infine, è importante familiarizzare con il Standard di codifica e best practices di WordPress per stare al sicuro.

Stai tranquillo perché oggi non ci avventureremo in cose complesse. Ti mostreremo come scrivere un semplice plugin per WordPress e condivideremo alcuni strumenti e risorse che renderanno il tuo lavoro facile.

Cosa ti serve per scrivere un plugin per WordPress

Avrai bisogno di alcune cose prima di scrivere il tuo plugin per WordPress. Per cominciare, non testare il tuo plug-in sul tuo sito web. Se qualcosa va storto, rischi di danneggiare il tuo sito Web, il che può portare a orribili tempi di inattività mentre aggiusti le cose.

Invece, crea un sito Web di prova locale o sul tuo server. Ecco come:

A parte questo avrai bisogno di un editor di testo come Notepad ++SublimeTesto ou Atom. Sebbene non sia un requisito, puoi utilizzare strumenti come plug-in ou Plugin piastra caldaia per accelerare lo sviluppo (ne parleremo più avanti).

Ora scriviamo un semplice plugin per WordPress. Per questo tutorial, creeremo un plug-in che aggiungerà un tipo di post personalizzato per il sito Web di un ristorante che creeremo.

Per chi non lo sapesse, WordPress supporta più tipi di post, incluse pagine, post, allegati, recensioni e menu di navigazione. Per il nostro scenario, creeremo un semplice plugin per WordPress che aggiunge un tipo di post personalizzato "Ricetta". A scopo illustrativo, chiameremo questo plugin "Ricette calde".

Come scrivere un semplice plugin per WordPress

Ogni plugin di WordPress ha un file principale che puoi creare manualmente o utilizzando strumenti come Plugin Boilerplate o Pluginplate. Per risparmiare tempo, usa Pluginplate (è più intuitivo) per generare il file principale e alcuni file e cartelle aggiuntivi di cui potresti aver bisogno in seguito. Per ora, abbiamo solo bisogno del file principale.

Creazione del file principale

visita pluginplate.com e fare clic sul pulsante Crea il tuo plugin, come sottolineiamo.

Successivamente, inserisci le informazioni sul plug-in come mostrato di seguito. Verso la fine della pagina, noterai la sezione moduli che ti consente di aggiungere funzionalità aggiuntive al tuo plug-in. Tieni inoltre presente che puoi personalizzare ogni modulo facendo clic su Più (+), come dettagliamo di seguito. Quando sei soddisfatto, fai clic sul pulsante generare le plug-in :

crea un semplice plugin per WordPress

Successivamente, fai clic sul pulsante Scaricare e salva il tuo plugin sul tuo computer.

Ora abbiamo tutti i file di base di cui abbiamo bisogno dal file principale. Il nostro plugin per WordPress non farà nulla così com'è. Dobbiamo aggiungere il codice che verrà eseguito quando attiviamo il plugin. Sulla base del nostro esempio, il nostro file principale è ricette-calde.php, che è il file che modificheremo nella prossima sezione.

Aggiunta di funzioni

Per individuare il file ricette-calde.php, estrai la cartella ZIP che hai scaricato da Pluginplate:

crea un semplice plugin per WordPress

All'interno della cartella, dovresti vedere il tuo file principale, che nel nostro caso, ancora una volta, lo è ricette calde. Php:

crea un semplice plugin per WordPress

Nella cartella dei plugin puoi vedere un sacco di altri file, ma non ne abbiamo bisogno in questo momento. Successivamente, aggiungiamo alcune funzioni al file principale. Apri il file principale (ricette calde.php) nel tuo editor di testo preferito (usiamo Visual Studio Code).

Vedi anche: Come disabilitare i commenti in WordPress

Vedrai il seguente frammento di codice o qualcosa di simile a seconda di come hai compilato il modulo su 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();

Il codice sopra indicherà a WordPress il nome del plug-in insieme alla versione, all'autore, alla licenza e ad altri dettagli. Non è necessario modificare nulla. Andiamo al passaggio successivo.

Appena sotto il codice sopra, aggiungi il seguente codice:

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

Il codice sopra registra semplicemente il nostro tipo di post "ricette" personalizzato con una serie di opzioni. Aggiunge anche funzionalità come il supporto per recensioni, campi personalizzati, estratti, commenti, immagini in primo piano e altro ancora. Queste sono le caratteristiche che vedrai nell'editor dei post quando aggiungi una nuova ricetta.

Comprimi la cartella dei plug-in

Salva tutte le modifiche. Comprimi la cartella ricette calde (questa è la cartella in cui hai trovato il file principale ricette calde.php  che abbiamo appena modificato) in un archivio hot-ricette.zip (su un Mac è semplice come fare clic con il pulsante destro del mouse, zippare il file - e su un PC credo che sia molto simile). Assicurati solo che la tua cartella sia salvata con l'estensione .ZIP o il plug-in non verrà installato.

Vedi anche: Come aggiungere lo scorrimento infinito su un WordPress

Quindi, accedi al tuo sito Web di test e vai a Estensioni> Aggiungi , come mostrato di seguito.

Quindi fare clic sul pulsante Carica plug-in, scegli la cartella ZIP del tuo plug-in sul tuo computer e fai clic installare ora:

crea un semplice plugin per WordPress

con bagno, attivare il plugin

Ora se controlli il menu di amministrazione di WordPress noterai il tuo nuovo tipo pubblicazione Ricette, con possibilità di aggiungere nuove ricette:

crea un semplice plugin per WordPress

Congratulazioni per aver scritto il tuo primo semplice plugin per WordPress! Con questa introduzione, puoi approfondire e giocare con il codice per vedere cosa puoi ottenere. Inoltre, puoi studiare il codice sorgente di altri plugin (tutti i plugin di WordPress sono open-source) per saperne di più.

Ora tutto ciò di cui hai bisogno sono alcune risorse in più (controlla il file manuale del plugin) e molta pratica e scriverai in men che non si dica.

Leggi anche Come rimuovere il collegamento "Proudly Powered by WordPress".

La programmazione e la scrittura di plugin per WordPress può sembrare all'inizio scoraggiante, soprattutto come principiante. Ma con gli strumenti giusti e alcune risorse di apprendimento, puoi sviluppare plug-in come un capo. Basterà avere alcune nozioni di codificazione e determinazione.

Altre risorse consigliate

Ti invitiamo inoltre a consultare le risorse seguenti per approfondire la presa e il controllo del tuo sito Web e blog.

Conclusione

Questo è tutto per questo tutorial. Ci auguriamo di averti indirizzato nella giusta direzione quando si tratta di comprendere i plugin. Questo articolo dovrebbe fungere da trampolino di lancio per lo sviluppo di plugin WordPress complessi che fanno tutto ciò che desideri.

Se avete dubbi o suggerimenti, fatecelo sapere all'interno commentaires. Tuttavia, puoi anche consultare il ns risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress o quello acceso Divi: il miglior tema WordPress di tutti i tempi.

Nel frattempo, condividi questo articolo sui tuoi diversi social network.   

...