Personalizzazione dell'amministratore di WordPress - Schermate di elenchi

Nelle parti 1-4 di questa serie ti ho mostrato come:

• Personalizza la schermata di accesso di WordPress
• Personalizza la dashboard
• Personalizza il menu di amministrazione
• Aggiungi il testo della guida per postare le schermate di modifica

In questa quinta puntata, ti mostrerò come personalizzare le schermate degli elenchi nell'amministratore.

In questo tutorial imparerai come:

1. Rimuovi le colonne dalle schermate degli elenchi dei post per diversi tipi di post
2. Ridimensiona le colonne rimanenti

Creerò un plugin per farlo - se hai già creato un plugin dopo aver seguito le parti da 1 a 4 di questa serie potresti preferire aggiungere il codice da questo tutorial a quel plugin, dandoti un plugin con tutti le personalizzazioni dell'amministratore.

---

Cosa è necessario per completare questo tutorial

Per completare questo tutorial avrai bisogno di:

• Un'installazione di WordPress
• Accedi alla cartella dei plug-in del tuo sito per aggiungere il tuo plug-in
• Un editor di testo per creare il tuo plugin

---

Impostazione del plugin

All'inizio del mio plugin, sto aggiungendo le seguenti linee:

 / * Nome plugin: WPTutsPlus Personalizza la parte amministrativa 5 - Schermate delle inserzioni URI plugin: http://rachelmccollin.co.uk Descrizione: Questo plugin supporta il tutorial in wptutsplus. Personalizza le schermate di annunci di WordPress nell'amministratore. Versione: 1.0 Autore: Rachel McCollin Autore URI: http://rachelmccollin.com Licenza: GPLv2 * /

---

1. Rimozione di colonne dalla schermata di elenco dei post

Nel mio sito non userò i tag per i post, quindi potrei anche rimuoverli dalla schermata degli elenchi dei post. Sotto puoi vedere come appare la schermata degli elenchi dei post con tutte le colonne predefinite in atto. (Nota che in questo screenshot, i post sono indicati come notizie perché ho cambiato questo nella parte 3 di questa serie).

La colonna dei tag non è necessaria in quanto non ha dati, quindi la rimuoverò.

Per modificare le colonne, utilizzo uno dei tre hook di azione:

• manage_posts_columns, per la schermata di elenco dei post
• manage_pages_columns, per la schermata di elenco delle pagine
• manage_ $ post_type_posts_columns, per una schermata che elenca il tuo tipo di post personalizzato. Quindi per esempio se avessi un 'macchine' tipo di post personalizzato, vorrei usare il manage_cars_post_type_columns gancio di azione

In questo caso userò manage_posts_columns.

Nel tuo plugin, aggiungi quanto segue:

 // rimuovi i tag dai post funzione di schermata degli elenchi wptutsplus_remove_posts_listing_tags ($ columns) unset ($ columns ['tags']); restituire $ colonne;  add_action ('manage_posts_columns', 'wptutsplus_remove_posts_listing_tags');

Questo rimuove la colonna 'Tag', come mostrato nello screenshot.

Anche la colonna per i commenti è superflua per questo sito, quindi lo rimuoverò anch'io. Modifica la tua funzione in modo che legga come segue:

 // rimuovi i tag dai post funzione di schermata degli elenchi wptutsplus_remove_posts_listing_tags ($ columns) unset ($ columns ['tags']); unset ($ columns ['comments']); restituire $ colonne;  add_action ('manage_posts_columns', 'wptutsplus_remove_posts_listing_tags');

Questo rimuoverà anche la colonna "Commenti":

Quindi le colonne non necessarie sono ora rimosse, ma hanno lasciato molto spazio che potrei usare rendendo le colonne che rimangono un po 'più larghe.

Una nota sull'aggiunta di colonne di tassonomia alle schermate di elenchi

Vale la pena notare che l'aggiunta di colonne alle schermate degli elenchi avviene in modo molto diverso. Prima di WordPress 3.5 dovresti aggiungere colonne per tassonomie personalizzate in modo simile al metodo che ho appena dimostrato per la rimozione delle colonne. Tuttavia dal momento che WordPress 3.5 è cambiato. Invece di personalizzare lo schermo, devi impostare il 'Show_admin_column' argomento per la tassonomia a vero quando lo registri. Per ulteriori informazioni, consultare il codice.

---

2. Ridimensionamento delle colonne nella schermata di post-elenco

Posso ridimensionare le colonne usando i CSS. Le classi che devo targetizzare sono:

• .corretto .column-author, per la colonna "Autore"
• .fixed .column-categories, per la colonna "Categorie"
• .edit-php, per garantire che le mie modifiche si applicano solo a questa particolare schermata di modifica, per cui il corpo il tag ha il .edit-php classe.

Apporto queste modifiche definendo nuovi stili e attivandoli tramite il admin_enqueue_scripts gancio.

Nel tuo plugin, aggiungi quanto segue:

 // ridimensiona le colonne nella funzione di schermata dell'elenco post wptutsplus_post_listing_column_resize () ?>   
Ciò ridimensiona le colonne in modo che utilizzino lo spazio in modo più efficace.
 
Nota: è consigliabile posizionare il CSS in un foglio di stile separato e chiamarlo utilizzando wp_register_style e wp_enqueue_style. Poiché il prossimo tutorial di questa serie si concentra sullo stile dell'amministratore di WordPress, ti mostrerò come farlo nella parte 6.
 
 
Sommario
 
La personalizzazione delle schermate di post-pubblicazione in WordPress è molto semplice: puoi rimuovere facilmente le colonne come desideri e modificare lo stile per sfruttare al meglio lo spazio. Ciò renderà gli schermi meno confusi per i tuoi utenti, in quanto non vedranno le colonne che non contengono metadati.



		
			
	   
	




Codice