Particularizarea ecranelor WordPress Admin - Listings

Cod

În părțile 1-4 din această serie i-am arătat cum să:

Personalizați ecranul de conectare WordPress
Personalizați tabloul de bord
Personalizați meniul de administrare
Adăugați text de ajutor pentru a posta ecrane de editare

În această a cincea tranșă, vă voi arăta cum să personalizați ecranele de listare în admin.

În acest tutorial veți afla cum să:

Eliminați coloanele din ecranele listelor de postări pentru diferite tipuri de postări
Redimensionați restul coloanelor

Voi crea un plug-in pentru a face acest lucru - dacă ați creat deja un plugin după ce ați urmat părțile 1-4 ale acestei serii, vă recomandăm să adăugați codul din acest tutorial în plugin-ul respectiv, oferindu-vă un plugin cu toate personalizările dvs. de administrare.

Ce veți avea nevoie pentru a finaliza acest tutorial

Pentru a finaliza acest tutorial, veți avea nevoie de:

O instalare WordPress
Accesați dosarul pluginurilor site-ului dvs. pentru a adăuga pluginul
Un editor de text pentru a crea pluginul

Configurarea pluginului

La începutul pluginului, adaug următoarele rânduri:

 / * Nume Plug-in: WPTutsPlus Particularizarea Admin Partea 5 - Ecranele de anunțuri Plugin URI: http://rachelmccollin.co.uk Descriere: Acest plugin acceptă tutorialul în wptutsplus. Personalizează ecranele de anunțuri WordPress din admin. Versiune: 1.0 Autor: Rachel McCollin Autor URI: http://rachelmccollin.com Licență: GPLv2 * /

1. Înlăturarea coloanelor din ecranul de afișări de posturi

În site-ul meu nu voi folosi etichete pentru postări, așadar pot să le elimină pe cele de pe ecranul înregistrărilor de posturi. Mai jos puteți vedea ce arată afișările postărilor cu toate coloanele implicite. (Rețineți că în această captură de ecran, postările sunt denumite articole de știri, deoarece le-am modificat în partea a treia a acestei serii).

Coloana de etichete nu este necesară deoarece nu are date, așa că o voi elimina.

Pentru a edita coloanele folosesc unul din trei cârlige de acțiune:

manage_posts_columns, pentru ecranul de afișare a postărilor
manage_pages_columns, pentru ecranul de afișare a paginilor
manage_ $ post_type_posts_columns, pentru un ecran care enumeră tipul dvs. de post personalizat. Deci, de exemplu, dacă am avut o „mașini“ post tip personalizat, aș folosi manage_cars_post_type_columns cârlig de acțiune

În acest caz, o să folosesc manage_posts_columns.

În plugin-ul dvs., adăugați următoarele:

 // elimina etichetele din funcția ecranului de afișare a postărilor wptutsplus_remove_posts_listing_tags ($ columns) unset ($ columns ['tags']); returnează coloane $;  add_action ('manage_posts_columns', 'wptutsplus_remove_posts_listing_tags');

Aceasta elimină coloana "Etichete", așa cum se arată în captura de ecran.

Coloana pentru comentarii este, de asemenea, superfluă pentru acest site, așa că voi elimina și asta. Editați-vă funcția astfel încât să citească după cum urmează:

 // elimina etichetele din funcția ecranului de afișare a postărilor wptutsplus_remove_posts_listing_tags ($ columns) unset ($ columns ['tags']); dezactivat ($ coloane ['comentarii']); returnează coloane $;  add_action ('manage_posts_columns', 'wptutsplus_remove_posts_listing_tags');

Aceasta va elimina și coloana "Comentarii":

Deci, coloanele inutile sunt înlăturate acum, dar au lăsat mult spațiu pe care l-aș putea folosi făcând coloanele care rămân puțin mai largi.

Notă privind adăugarea coloanelor de taxonomie în ferestrele de afișare

Merită menționat faptul că adăugarea de coloane în ecranele de listare se face foarte diferit. Înainte de WordPress 3.5, adăugați coloane pentru taxonomii personalizate într-un mod similar metodei pe care tocmai am demonstrat-o pentru eliminarea coloanelor. Cu toate acestea, deoarece WordPress 3.5 care sa schimbat. În loc să personalizați ecranul, trebuie să setați 'Show_admin_column' argument pentru taxonomie la Adevărat când îl înregistrați. Pentru mai multe informații, consultați Codul.

2. Redimensionarea coloanelor în ecranul de afișare a postărilor

Pot redimensiona coloanele folosind CSS. Clasele la care trebuie să țintesc sunt:

.coloană fixă-autor, pentru coloana "Autor"
.categorii fixe, pentru coloana "Categorii"
.edit-php, pentru a se asigura că modificările mele se aplică numai în acest ecran special de editare, pentru care corp eticheta are .edit-php clasă.

Fac aceste modificări prin definirea de noi stiluri și prin activarea lor prin intermediul admin_enqueue_scripts cârlig.

În plugin-ul dvs., adăugați următoarele:

// redimensionarea coloanelor în funcția de afișare a listei postului wptutsplus_post_listing_column_resize () ?>

Aceasta redimensionează coloanele astfel încât acestea să utilizeze spațiul mai eficient.

Notă: este cea mai bună practică să plasați CSS într-o foaie de stil separată și să o apelați folosind wp_register_style și wp_enqueue_style. Cum următorul tutorial din această serie se concentrează pe stilul administratorului WordPress, vă voi arăta cum să faceți acest lucru în partea a 6-a.

rezumat

Personalizarea opțiunilor de afișare a postărilor în WordPress este foarte simplă - puteți să eliminați cu ușurință coloanele după cum doriți și să modificați stilul pentru a utiliza mai bine spațiul. Acest lucru va face ecrane mai puțin confuze pentru utilizatorii dvs., deoarece nu vor vedea coloane care nu conțin metadate.

Cod