Integrazione del carosello del gufo in un plugin WordPress preparare il nostro spazio di lavoro

Questa è la seconda parte del tutorial passo-passo sullo sviluppo dei plugin. Come forse ricorderete, nella parte precedente abbiamo discusso il concetto di plugin e definito il piano di sviluppo. Non hai letto la prima parte del tutorial, ti consiglio di leggere quell'articolo prima di andare avanti con questo tutorial.

In questa parte, prepareremo il nostro spazio di lavoro per rendere il più semplice possibile continuare a lavorare sul nostro plug-in.

Definiremo ciò di cui abbiamo bisogno per il lavoro e creeremo la struttura del plugin in base alla sua funzionalità. Alla fine vedrai il tuo plugin attivato in Dashboard. Quindi iniziamo.

L'area di lavoro

La prima cosa di cui abbiamo bisogno per lo sviluppo dei plugin è, naturalmente, un'installazione di WordPress. Per questo tutorial, utilizzo una nuova installazione di WordPress 3.8.1 che è l'ultima versione al momento della scrittura del tutorial.

Il secondo requisito per lo sviluppo dei plugin è ovviamente il tuo editor di codice preferito. Gli editor di codice PHP e JavaScript funzionano meglio per lo sviluppo di plugin.

Quindi, per lo sviluppo di plugin hai bisogno di due cose:

1. Ultima installazione di WordPress
2. Editor di codice preferito

Creazione di plugin

È importante prestare sufficiente attenzione al nome del plugin. Il nome del plugin dovrebbe descrivere cosa fa il plugin e deve essere univoco. Dato che il nostro plugin è basato su Owl Carousel, chiamiamolo Owl Carousel per WordPress. Per dare unicità al nome del plugin aggiungeremo anche un prefisso alle nostre funzioni: WPT.

In qualche modo, questo porta ad avere il WPT Owl Carousel per WordPress. Mentre sviluppiamo il plug-in di WordPress, non c'è bisogno di dire "per WordPress". Quindi, finalmente, il nome del plugin è WPT Owl Carousel, che è unico e descrittivo allo stesso tempo.

Molto più semplice, giusto?

Il prossimo passo è dare al file di plugin il nome giusto. Deve essere derivato dal nome del plugin. Nel nostro caso, lo è WPT-gufo-carosello. Dato che il nostro plugin includerà diversi file, dobbiamo creare una cartella di plugin e posizionare tutti i file di plugin sotto di esso.

Per farlo, vai alla cartella dei plugin di WordPress che è / Wp-content / plugins /. Qui crea una cartella WPT-gufo-carosello. Questa sarà la cartella del nostro plugin.

Nella cartella del plugin, crea il file WPT-gufo carousel.php - questo è il file principale del plugin. WordPress cercherà in questo file le informazioni del plugin. Questa informazione deve essere memorizzata nell'intestazione del plugin.

Per aggiungere queste informazioni, copia e incolla il seguente codice nel tuo WPT-gufo carousel.php all'inizio del file.

Ogni riga di questo codice è abbastanza auto-esplicativa, ma assicuriamoci che tutto sia chiaro.

• Nome del plugin - nome del plugin user-friendly che verrà mostrato nella lista dei plugin sulla pagina dei plugin di WordPress.
• URI del plugin - link alla homepage del plugin. Lascia vuoto se il tuo plugin non ha una pagina sul web
• Descrizione - breve descrizione della funzionalità del plugin. È anche mostrato nella pagina dei plugin.
• Versione - versione del plugin in formato come 1.0
• Autore - nome dell'autore del plugin
• URI autore - link alla pagina dell'autore del plugin o al sito web
• Licenza - Un 'slug' di licenza con il quale viene distribuito il plugin.

Salvare WPT-gufo carousel.php e vai alla pagina dei plugin di WodPress. Lì, dovresti vedere WPT Owl Carousel nell'elenco dei plug-in. Attivalo e siamo pronti per la prossima parte di questa serie.

Puoi scaricare il codice sorgente da GitHub.

Conclusione

In questa parte della serie passo-passo sullo sviluppo dei plug-in, abbiamo preparato l'area di lavoro per lo sviluppo dei plug-in e abbiamo creato il plug-in più semplice e attivato nella dashboard.

Ora siamo pronti per la prossima parte della serie che riguarderà la pagina Impostazioni.