Altri plugin essenziali per lo sviluppo di temi WordPress

Nella parte precedente della serie, abbiamo creato un ambiente di sviluppo WordPress e installato tutti i plug-in necessari per aiutarci nello sviluppo del tema. 

Inoltre, abbiamo modificato wp-config.php abilitando la modalità di debug nel core di WordPress. Fatto questo, è importante avere gli strumenti giusti per aiutarci quando lavoriamo al nostro progetto, controllare gli errori e fare in modo che siamo conformi agli standard di codifica di WordPress.

In questa parte, daremo un'occhiata ai seguenti plugin di debug e al ruolo significativo che hanno nello sviluppo del tema WordPress:

  1. Barra di debug
  2. Debug Bar Console
  3. Debug Bar Cron
  4. Debug azioni barra e filtro Addon
  5. Dipendenze di script e stile elenco barre di debug 
  6. Tipi di messaggi della barra di debug 

Barra di debug

Debug Bar è un plugin che aggiunge un menu di debug sulla barra di amministrazione all'interno del dashboard di WordPress. Quando si fa clic sul menu di debug, è possibile visualizzare query, memorizzazione nella cache e altre informazioni di debug rilevanti. 

Questo particolare plugin funge da base principale per il debug con molti altri componenti aggiuntivi che trattano aspetti diversi.

Debug Bar Console

Dopo aver installato il plug-in principale Debug Bar, sarà necessario installare Debug Bar Console per modificare PHP e MySQL all'interno del dashboard di WordPress. Anche se non è stato aggiornato di recente, l'ultima versione ha aggiunto l'evidenziazione della sintassi utilizzando l'editor di testo Code Mirror, le modalità PHP e MySQL esplicite e le modifiche dell'interfaccia utente per riflettere l'interfaccia utente della barra di debug aggiornata

Nello screenshot qui sotto, ho copiato index.php codice dal tema Twenty Fourteen WordPress, aggiunto alla console, fatto clic su Esegui per testare e vedere l'output. .

Debug Bar Cron

Cron può davvero essere confuso, questo è un utile componente aggiuntivo del plugin Debug Bar. Mostra importanti informazioni sugli eventi programmati di WordPress come;

  • Ora attuale
  • Elenco degli eventi programmati principali
  • Elenco di eventi programmati personalizzati
  • Ora del prossimo evento
  • Se cron è attualmente in esecuzione

Nella schermata sottostante, vediamo il numero totale di eventi in esecuzione sul mio ambiente di sviluppo, il tempo per il prossimo evento e se ho cron in esecuzione, in questo caso è "No".

Aggiunta di azioni di barra e filtri di debug

Proprio come il nome del plugin suggerisce che questo particolare addon aggiunge due schede al plug principale Debug Bar. Una scheda visualizza l'elenco di hook di azione e l'altro elenco di hook di filtro. La scheda azione mostra l'elenco di tutte le azioni collegate alla richiesta corrente. 

Mentre la scheda del filtro mostra i tag del filtro insieme alle funzioni ad esso associate. Puoi trovare ulteriori informazioni su come funzionano l'azione e i filtri qui.

Script di elenco barre di debug e dipendenze

 Quando si aggiunge uno script o uno stile in WordPress, è necessario utilizzarlo wp_enqueue_script ($ handle, $ src, $ deps, $ ver, $ in_footer) e wp_enqueue_style ($ handle, $ src, $ deps, $ ver, $ media) . Il problema principale con questo è essere in grado di dire quale esiste e in quale ordine vengono caricati. Con questo particolare componente, elencherà tutte le dipendenze. 

Saranno caricati diversi script per le pagine front-end del sito e il back-end in questo caso il dashboard di WordPress. Per visualizzare gli script caricati sul front-end, vai al front-end e sulla barra di amministrazione fai clic su Debug e quindi visualizza Dipendenze di script e stile

Successivamente, vai al back-end, nella barra di amministrazione fai clic su Debug nella barra di amministrazione e quindi visualizza Script e stile dipendenze.

Il front-end e il back-end caricano diversi script e stili. Inoltre, diverse pagine sul front-end e sul back-end possono caricare diversi script e stili.

Tipi di messaggi della barra di debug

Si tratta di un componente aggiuntivo del plug-in Debug Bar che visualizza informazioni dettagliate sui tipi di post registrati trovati nel progetto.

Le varie colonne forniscono informazioni riguardanti varie proprietà del tipo di post

  • Proprietà controllata
  • Inviare
  • La pagina può essere vera o falsa
  • attaccamento
  • Se è così nav_menu_item associato a post ecc

Sommario

Abbiamo eseguito un numero di plug-in di debug necessari per un progetto WordPress. Il plug-in principale è il plug-in Debug Bar, mentre il resto è disponibile come componenti aggiuntivi per estendere i vari ruoli del plug-in. 

Alcuni di questi plug-in non erano elencati nel plug-in Developer che abbiamo installato nella parte introduttiva della serie, quindi ti consiglio di visitare il repository plugin e aggiungerli alla tua installazione di WordPress.

In arrivo…

Nella parte successiva della serie, esamineremo principalmente come tenere traccia dei vari registri sul tuo progetto WordPress, passando da un utente all'altro, come controllare le regole di riscrittura e strumenti semplici come RTL Tester, scanner VIP, Query Monitor e così via. sopra.

Nel frattempo, sentiti libero di lasciare un commento o una domanda qui sotto.