Het aanpassen van de WordPress Admin - Listings-schermen

Code

In Parts 1-4 van deze serie heb ik je laten zien hoe je:

Pas het WordPress inlogscherm aan
Pas het dashboard aan
Pas het admin-menu aan
Voeg helptekst toe om bewerkingsschermen te posten

In deze vijfde aflevering laat ik je zien hoe je schermoverzichten kunt aanpassen in de beheerder.

In deze tutorial leer je hoe je:

Verwijder kolommen uit de lijst met schermoverzichten voor verschillende berichttypen
Wijzig de grootte van de resterende kolommen

Ik ga een plug-in maken om dit te doen - als je al een plug-in hebt gemaakt na Deel 1 tot 4 van deze serie te volgen, geef je er misschien de voorkeur aan om de code uit deze tutorial aan die plug-in toe te voegen, waardoor je één plug-in met alle uw beheerdersaanpassingen.

Wat u nodig hebt om deze zelfstudie te voltooien

Om deze tutorial te voltooien, hebt u nodig:

Een WordPress-installatie
Toegang tot de plug-insmap van uw site om uw plug-in toe te voegen
Een teksteditor om uw plug-in te maken

De plug-in instellen

Aan het begin van mijn plug-in voeg ik de volgende regels toe:

 / * Naam van de plug-in: WPTutsPlus De beheerder aanpassen Deel 5 - lijst met schermen URI-plug-in: http://rachelmccollin.co.uk Beschrijving: Deze plug-in ondersteunt de zelfstudie in wptutsplus. Het past de WordPress listing-schermen in de admin aan. Versie: 1.0 Auteur: Rachel McCollin Auteur URI: http://rachelmccollin.com Licentie: GPLv2 * /

1. Kolommen verwijderen van het scherm met berichten over posten

Op mijn site zal ik geen tags gebruiken voor berichten, dus ik kan ze net zo goed verwijderen uit het scherm met de berichten van berichten. Hieronder kunt u zien hoe het berichtenoverzichtscherm eruit ziet met alle standaardkolommen die aanwezig zijn. (Merk op dat in deze schermafbeelding berichten worden aangeduid als nieuwsitems omdat ik dit in deel 3 van deze serie heb gewijzigd).

De kolom tags is niet nodig omdat deze geen gegevens bevat, dus ik zal deze verwijderen.

Om kolommen te bewerken, gebruik ik een van de drie actiehaken:

manage_posts_columns, voor het berichtenoverzichtscherm
manage_pages_columns, voor het paginaoverzichtscherm
manage_ $ post_type_posts_columns, voor een scherm met uw aangepaste berichttype. Dus bijvoorbeeld als ik een 'Auto's' aangepast berichttype, zou ik de manage_cars_post_type_columns actie haak

In dit geval zal ik gebruiken manage_posts_columns.

Voeg in uw plug-in het volgende toe:

 // verwijder tags van berichten lijst scherm functie wptutsplus_remove_posts_listing_tags ($ columns) unset ($ columns ['tags']); return $ kolommen;  add_action ('manage_posts_columns', 'wptutsplus_remove_posts_listing_tags');

Hiermee wordt de kolom 'Tags' verwijderd, zoals weergegeven in de schermafbeelding.

De kolom voor opmerkingen is ook overbodig voor deze site, dus ik zal die ook verwijderen. Bewerk uw functie zodat deze als volgt luidt:

 // verwijder tags van berichten lijst scherm functie wptutsplus_remove_posts_listing_tags ($ columns) unset ($ columns ['tags']); unset ($ columns ['comments']); return $ kolommen;  add_action ('manage_posts_columns', 'wptutsplus_remove_posts_listing_tags');

Hiermee wordt ook de kolom 'Opmerkingen' verwijderd:

Dus de overbodige kolommen zijn nu verwijderd, maar ze hebben veel ruimte gelaten die ik kon gebruiken door de kolommen een beetje breder te maken.

Een opmerking over het toevoegen van taxonomiekolommen aan lijsten met vermeldingen

Het is de moeite waard om op te merken dat het toevoegen van kolommen aan de schermen van de listings heel anders gebeurt. Voorafgaand aan WordPress 3.5 zou u kolommen voor aangepaste taxonomieën toevoegen op dezelfde manier als de methode die ik zojuist heb gedemonstreerd voor het verwijderen van kolommen. Sinds WordPress 3.5 is dat echter veranderd. In plaats van het scherm aan te passen, moet u de 'Show_admin_column' argument voor de taxonomie om waar wanneer u het registreert. Zie de Codex voor meer informatie hierover.

2. Het formaat van de kolommen in het venster Vermelding plaatsen

Ik kan de grootte van de kolommen aanpassen met behulp van CSS. De klassen die ik moet richten zijn:

.vaste .column-auteur, voor de kolom 'Auteur'
.vaste .column-categorieën, voor de kolom 'Categorieën'
.bewerk-php, om ervoor te zorgen dat mijn wijzigingen alleen van toepassing zijn op dit specifieke bewerkingsscherm, waarvoor de lichaam tag heeft de .bewerk-php klasse.

Ik maak deze veranderingen door nieuwe stijlen te definiëren en ze te activeren via de admin_enqueue_scripts haak.

Voeg in uw plug-in het volgende toe:

// formaat wijzigen van kolommen in schermweergave schermfunctie wptutsplus_post_listing_column_resize () ?>

Hiermee wordt de grootte van de kolommen aangepast, zodat ze de ruimte effectiever gebruiken.

Opmerking: het is het beste om uw CSS in een apart stylesheet op te nemen en dat te gebruiken wp_register_style en wp_enqueue_style. Zoals de volgende zelfstudie in deze serie is gericht op het stylen van de WordPress-beheerder, laat ik je zien hoe je dat in deel 6 doet.

Samenvatting

Het aanpassen van de lijst met postlijsten in WordPress is heel eenvoudig: u kunt eenvoudig kolommen verwijderen en de stijl aanpassen om de ruimte beter te benutten. Dit maakt de schermen minder verwarrend voor uw gebruikers, omdat ze geen kolommen zullen zien die geen metadata bevatten.

Code