Vuoi creare un file WordPress Plugin ? Questo tutorial ti insegnerà come farlo.
I plugin contribuiscono alla popolarità di WordPress perché consentono agli utenti senza conoscenze di programmazione di creare siti Web straordinari.
Ci sono oltre 50 plugin nel rElenco WordPress progettato per vari scopi. Troverai plugin di WordPress per iscrizione alla newsletter , sicurezza et commercio elettronico . Basta nominarlo.
Senza di essi, un sito Web WordPress è solo una raccolta di immagini statiche e blocchi di testo. Con i plugin, il sistema di gestione dei contenuti può raggiungere un incredibile livello di personalizzazione.
Se hai bisogno di un plugin personalizzato per il tuo sito web o desideri creare un file WordPress Plugin e monetizzalo, andiamo.
Domande frequenti
I plugin di WordPress fanno soldi?
SÌ. IL plugin di WordPress portare soldi. Puoi vendere il plug-in sul tuo sito Web o su un mercato di terze parti.
CodeCanyon, ThemeForest e Mojo mercato sono i 3 migliori siti web per vendere plugin.
Puoi anche aggiungere una versione gratuita del tuo plugin al repository di WordPress e offrire una versione premium con funzionalità aggiuntive.
È difficile creare plugin per WordPress?
La creazione di a WordPress Plugin è relativamente facile e difficile, a seconda delle funzionalità desiderate.
Creare un plugin è facile se hai già familiarità con le basi dello sviluppo di WordPress e della programmazione PHP. Se non lo sei, può essere molto difficile. È meglio iniziare con un semplice plugin, come mostrato in questa guida.
Quanto guadagnano gli sviluppatori di plugin?
Secondo Zip Recruiter, la tariffa oraria media per gli sviluppatori plugin di WordPress negli Stati Uniti è di $ 35 l'ora. Ciò equivale a circa $ 72 all'anno e $ 000 al mese.
Se vendi il tuo plug-in, puoi guadagnare fino a $ 5 al mese, a seconda del numero di vendite. Offrire servizi di personalizzazione dei plug-in può farti guadagnare tra $ 000 e $ 20 l'ora.
Di cosa avrai bisogno per creare un plugin per WordPress
Per creare un plugin, non è necessario essere uno sviluppatore esperto di WordPress. Hai solo bisogno di alcune conoscenze di base sulla programmazione per iniziare.
- Conoscenze di base nella programmazione PHP: I plugin di WordPress sono scritti in PHP, quindi dovresti capire il linguaggio e la sua sintassi prima di iniziare.
- HTML e CSS di base: HTML e CSS ti consentono di controllare la visualizzazione e l'aspetto dei tuoi plug-in. È quindi fondamentale comprenderne le basi per creare un plugin per WordPress.
- Familiarità con WordPress: è utile per familiarizzare con la piattaforma WordPress e le sue principali funzioni, oltre che con il WordPress Codex (il manuale online per lo sviluppo di WordPress).
- Un ambiente di sviluppo: Per sviluppare e testare il tuo plugin, devi installare WordPress sul tuo computer locale o su un sito di sviluppo. Ciò ti consentirà di testare il tuo plug-in senza influire su un sito Web live. Ti mostreremo come farlo nella prossima sezione.
- Un editor di testo: Avrai bisogno di un editor di testo per scrivere il codice del tuo plugin. Sono disponibili molte opzioni, come STesto sublime, Atom et Visual Studio Code.
Come creare un plugin per WordPress in 7 passaggi
Passaggio 1: capire come funzionano i plugin di WordPress
Poiché WordPress è scritto in un linguaggio di programmazione, chiunque abbia conoscenze di programmazione può accedere e modificare il codice di WordPress.
Questo è esattamente il modo in cui funzionano i plugin. Ti consentono di modificare ed estendere le funzionalità di WordPress interagendo direttamente con il tuo WordPress utilizzando determinate funzioni PHP.
Creare il tuo plugin WordPress e aggiungere il codice farà qualcosa solo se chiami la funzione PHP usando un hook. Gli hook sono ciò che consente al tuo plugin di interagire con WordPress senza dover modificare i file core.
Diamo un'occhiata alla relazione tra parentesi quadre e funzioni per comprendere le basi dei plugin di WordPress.
Funzioni WordPress:
Il codice di WordPress si basa su funzioni che consentono a qualsiasi codice di terze parti di interagire con WordPress. Ecco perché troverai molte funzioni in plugin e temi. Ogni funzione ha il suo nome, seguito da parentesi graffe e dal codice all'interno della parentesi graffa.
Voici un exemple:
function sticky_header() {
?>
<script>
// Select the header element
var header = document.querySelector(‘header’);
// Get the offset position of the header
var sticky = header.offsetTop;
// Add the sticky class to the header when you reach its scroll position. Remove “sticky” when you leave the scroll position
function addSticky() {
if (window.pageYOffset > sticky) {
header.classList.add(“sticky”);
} else {
header.classList.remove(“sticky”);
}
}
// Add the sticky class to the header when you scroll the page
window.onscroll = function() {
addSticky();
};
</script>
<?php
}
add_action( ‘wp_footer’, ‘sticky_header’ );Puoi chiamare questa funzione direttamente nel tuo plugin WordPress digitando sticky_header() dove vuoi che il codice venga eseguito. Ma è una cattiva pratica perché potresti incontrare problemi. Ecco altri due motivi per cui non dovresti chiamare le funzioni direttamente nel tuo codice.
Innanzitutto, la chiamata diretta funziona solo per le funzioni di base, come l'aggiunta di contenuto a un file del tema. Inoltre, utilizzando questo approccio, dovrai chiamare le funzioni più volte per utilizzarle in più posizioni, il che richiede tempo e risulta ingombrante nei file di codice.
Chiamare una funzione manualmente può anche essere complicato se sei nuovo nella programmazione. Quando si creano plugin, la migliore pratica è collegarli a un hook. Ciò ti eviterà di dover richiamare la funzione in più punti.
Agganci di WordPress:
Un hook è un punto specifico nel codice di WordPress in cui è possibile eseguire le proprie funzioni personalizzate. Esistono due tipi di hook: action hook e filter hook.
Ganci d'azione
Gli action hook ti consentono di eseguire funzioni personalizzate in un momento specifico del ciclo di esecuzione di WordPress. Ecco come appare la sintassi di un action hook.
add_action('hook_name', 'my_custom_function');Le nome_gancio è il nome dell'action hook che vuoi usare.
Ci sono diversi action hook in WordPress. Li puoi trovare nel codice WordPress.
mia_funzione_personalizzata è la funzione che contiene il codice che vuoi eseguire. Questa funzione deve essere definita prima della funzione add_action.
La sintassi sarà simile a questa per collegare la funzione di intestazione adesiva sopra a un hook.
add_action( 'wp_footer', 'sticky_header' );Questa funzione esegue la funzione sticky_header() quando viene chiamato l'hook dell'azione wp_footer. Puoi anche collegare la funzione a un hook specifico sostituendo wp_footer con il nome dell'hook di tua scelta.
Per esempio:
add_action( 'init', 'sticky_header' );Questo eseguirà la funzione di intestazione adesiva quando viene chiamata l'azione init di WordPress.
Ganci filtranti
Gli hook filtro consentono di modificare i dati prima che vengano visualizzati o salvati nel database. Ecco un esempio di hook filtro che modifica il titolo di un post del blog in maiuscolo.
add_filter( ‘the_title’, ‘uppercase_title’ );
function uppercase_title( $title ) {
return strtoupper( $title );
}Questa funzione accetta un singolo argomento, $title, che è il titolo originale del post del blog.
La funzione utilizza quindi la funzione strupper() per convertire il titolo in maiuscolo e restituisce il valore modificato.
La differenza tra i ganci azione e filtro
Gli action hook ti consentono di eseguire funzioni personalizzate in un momento specifico del ciclo di esecuzione di WordPress. Nell'esempio precedente, l'action hook wp_footer viene chiamato appena prima del tag.
Gli hook dei filtri, d'altra parte, ti consentono di modificare i dati mentre vengono passati attraverso il codice di WordPress.
Come nell'esempio precedente, l'hook del filtro il titolo consente di modificare il titolo di un post del blog prima che venga visualizzato sul sito web.
Passaggio 2: configurare un ambiente di test
Il secondo passaggio nella creazione di un plug-in WordPress consiste nell'impostare un ambiente di test o di sviluppo. L'obiettivo è evitare di sperimentare su un sito reale.
La creazione di un plug-in a volte richiede avanti e indietro. Puoi anche commettere errori che danneggeranno il tuo sito web.
Puoi utilizzare il tuo computer come server locale per ospitare un sito WordPress di prova in cui puoi creare e testare il tuo plug-in.
Se il tuo pianosistemazione supporta la creazione di un sito di prova, puoi anche usarlo. Useremo qui la prima soluzione.
Per impostare un ambiente di test, lo faremo scarica in locale , uno strumento di sviluppo per l'hosting locale di siti Web WordPress.
Una volta completato il download, avvia il software sul tuo computer e fai clic + icona in basso a sinistra per creare un nuovo sito locale.
Scegli da Crea un nuovo sito e fare clic sul pulsante Continua.
Successivamente, segui le istruzioni sullo schermo per aggiungere il nome del tuo sito, configurare l'ambiente e creare i dettagli di accesso di WordPress.
Una volta che hai finito. Fare clic sul pulsante Aggiungi sito. Dopo aver aggiunto il tuo sito, seleziona il tuo sito web nella dashboard locale e avvia la dashboard di amministrazione di WordPress.
Una volta aperta la pagina di accesso dell'amministratore, utilizzare il file nome utente e Parola d'ordine WordPress che hai creato sopra per accedere alla tua dashboard.
E 'fatto. Il tuo ambiente di test è pronto. Iniziamo a creare il tuo plugin per WordPress.
Passaggio 3: crea la cartella dei plug-in
Una volta che il tuo ambiente di test è a posto, la prima cosa che devi fare è creare un file plugin nella directory del tuo sito. Per impostazione predefinita, WordPress memorizza tutti i plugin nella directory wp-content/plugin.
Ogni plugin installato su un sito WordPress avrà una cartella in questa directory. Per il tuo plugin, dovrai quindi creare una cartella all'interno di questa directory e dargli un nome.
Per questo tutorial, navigheremo alla cartella wp-content/plugin nella nostra directory del sito locale. Ecco come.
Nota: Il processo è lo stesso se utilizzi un sito intermedio.
Nella tua dashboard locale, fai clic su Vai alla cartella del sito . Verrai reindirizzato alla directory del tuo sito locale.
selezionare applicazioni nelle opzioni, fare clic su la percezione poi wp-content. Vedrai diverse cartelle in questa directory.
Apri la cartella plugin e una nuova sottocartella con il nome del tuo plugin. Useremo qui Intestazione appiccicosa poiché è il nome del plugin che vogliamo creare.
Passaggio 4: crea il file PHP principale per il tuo plug-in
Dopo aver creato la cartella del plugin, il passaggio successivo consiste nell'aggiungere un file PHP a questa cartella. Qui è dove saranno disponibili i codici e le funzionalità del tuo plugin.
Per questo tutorial, abbiamo bisogno di un solo file PHP per un semplice plugin che crea un'intestazione adesiva in WordPress.
Per plugin più complessi con funzionalità avanzate, potrebbero esserci diversi tipi di file nella cartella del plugin, come CSS e javascript. Nel nostro caso sarà sufficiente un singolo file PHP.
Per fare ciò, crea un file PHP nella cartella del plugin, come nello screenshot qui sotto.
Una volta che il file è pronto, è il momento di aggiungere alcune informazioni al tuo plugin.
Passaggio 5: configura le informazioni sul plug-in
Conosciuto anche come intestazione del file del plug-in, le informazioni sul plug-in sono un blocco di commenti PHP che include dettagli sul plug-in come nome del plug-in, versione, URL, nome dell'autore e relativo sito Web, licenza, ecc.
Queste sono le informazioni che vedi nella pagina del plugin di WordPress dopo aver installato un plugin.
Puoi trovare il intestazione del file del plugin nel codice di WordPress . Sembra così.
Basta copiare e incollare questo codice nel file PHP del tuo plugin, quindi modificare i dettagli per adattarli al tuo plugin. Nel nostro caso, il lettore di file del plug-in di intestazione adesiva avrà questo aspetto.
<?php
/*
Plugin Name: Sticky Header
Plugin URI: https://wordpress.org/plugins/sticky-header/
Description: Make your website header sticks to the top of every page on your website as users scroll.
Author: The Team
Author URI: https://blogpascher.com/sticky-header
Text Domain: Sticky Header
Domain Path: /languages
*/Una volta salvato questo file, hai creato un nuovo plugin e puoi trovarlo nell'elenco dei plugin già installati sul tuo sito.
Accedi alla dashboard di WordPress del tuo sito di test e vai a Plugins>Plugins installés.
Vedrai il plug-in Sticky Header con i dettagli. Ecco qui.
Ora puoi attivare il plug-in, ma non farà nulla perché non abbiamo ancora aggiunto alcuna funzionalità. Quindi facciamo in modo che il nostro plugin faccia qualcosa.
Passaggio 6: aggiungi il codice al tuo plug-in
Per fare ciò, aggiungeremo il codice dell'intestazione adesiva che abbiamo utilizzato durante l'apprendimento delle funzioni e degli hook di WordPress sopra. Ecco come.
Apri il file PHP del tuo plugin. Sotto i dettagli dell'intestazione, copia e incolla questi frammenti di codice nel file PHP principale del tuo plug-in e salvalo.
function sticky_header() {
?>
<script>
// Select the header element
var header = document.querySelector(‘header’);
// Get the offset position of the header
var sticky = header.offsetTop;
// Add the sticky class to the header when you reach its scroll position. Remove “sticky” when you leave the scroll position
function addSticky() {
if (window.pageYOffset > sticky) {
header.classList.add(“sticky”);
} else {
header.classList.remove(“sticky”);
}
}
// Add the sticky class to the header when you scroll the page
window.onscroll = function() {
addSticky();
};
</script>
<?php
}
add_action( ‘wp_footer’, ‘sticky_header’ );Questo codice fa due cose essenziali,
La fonction sticky_header si attiva quando l'utente scorre la pagina e si interrompe quando lo scorrimento si interrompe.
In secondo luogo, l'azione add_action('wp_footer', 'sticky_header'); usa l'indirizzo...
Salva il codice e il gioco è fatto. Hai creato con successo un plugin per WordPress che rende appiccicosa l'intestazione del tuo sito web quando gli utenti lo scorrono.
Passaggio 7: attiva il plug-in. In azione.
Torna al tuo sito e attiva il plugin.
Quando scorri la versione live del sito, l'intestazione del tuo sito rimarrà nella parte superiore della pagina.
Una volta che hai visto l'effetto del nuovo plugin sul tuo sito demo, è il momento di provarlo sul tuo sito reale.
Prima di ciò, assicurati di aver testato il plug-in per bug e vulnerabilità. Risolvili, se applicabile. Come precauzione, eseguire il backup del tuo sito WordPress prima di distribuire il tuo nuovo plugin.
Se sei soddisfatto delle prestazioni del plug-in sul tuo sito, puoi caricare il tuo plug-in nel repository dei plug-in di WordPress. Poiché i proprietari di siti Web lo utilizzano gratuitamente, riceverai feedback su cosa migliorare e come farlo.
E se vuoi fare soldi con il tuo plugin, puoi venderlo su uno dei siti web che abbiamo elencato sopra
Conclusione
Se sei arrivato così lontano, sarai d'accordo sul fatto che la creazione di un plugin per WordPress è relativamente semplice. Seguendo le istruzioni di questa guida, sarai in grado di creare un plugin WordPress di base. Puoi sperimentare tutte le funzioni che desideri e migliorare la funzionalità del tuo plug-in.
La creazione di plugin complessi segue lo stesso metodo. Più funzionalità significa più funzioni nel tuo file plugin.
Hai mai provato a creare un plugin per WordPress? Parliamo della tua esperienza nella sezione commenti qui sotto.
