Accentsconagua

Tilpasse WordPress Admin - Listings Skjermer

Kode
Share

I Delene 1-4 i denne serien viste jeg deg hvordan du:

  • Tilpass WordPress-påloggingsskjermen
  • Tilpass instrumentbrettet
  • Tilpass administrasjonsmenyen
  • Legg til hjelpetekst for å redigere skjermbilder

I denne femte avlevering vil jeg vise deg hvordan du tilpasser oppføringsskjermbilder i administrasjonen.

I denne opplæringen lærer du hvordan du:

  1. Fjern kolonnene fra skjermbildene for innleggsoppføringer for forskjellige innleggstyper
  2. Endre størrelsen på de resterende kolonnene

Jeg skal lage et plugin for å gjøre dette - hvis du allerede har opprettet et plugin etter å ha fulgt del 1 til 4 i denne serien, kan du foretrekke å legge til koden fra denne opplæringen til det aktuelle pluginet, noe som gir deg en plugin med alle dine admintilpasninger.

Hva du trenger for å fullføre denne opplæringen

For å fullføre denne opplæringen trenger du:

  • En WordPress-installasjon
  • Tilgang til nettstedets plugin-mappe for å legge til plugin
  • En tekstredigerer for å lage ditt plugin

Sette opp pluggen

I begynnelsen av pluginet legger jeg til følgende linjer:

 / * Plugin Name: WPTutsPlus Tilpass Admin Part 5 - Oppføringsskjermene Plugin URI: http://rachelmccollin.co.uk Beskrivelse: Denne plugin støtter opplæringen i wptutsplus. Det tilpasser WordPress-oppføringsskjermene i administrasjonen. Versjon: 1.0 Forfatter: Rachel McCollin Forfatter URI: http://rachelmccollin.com Lisens: GPLv2 * /

1. Fjerne kolonner fra skjermbildet Innleggslister

På nettstedet mitt bruker jeg ikke tagger for innlegg, så jeg kan også fjerne dem fra skjermbildet for innleggslister. Nedenfor kan du se hvordan skjermbildet for innleggslister ser ut som alle standard kolonnene er på plass. (Legg merke til at i dette skjermbildet er innlegg omtalt som nyhetsartikler fordi jeg endret dette i del 3 i denne serien).

Merkekolonnen er unødvendig fordi den ikke har noen data, så jeg fjerner den.

For å redigere kolonner bruker jeg en av tre handlingshager:

  • manage_posts_columns, for innleggsliste skjermen
  • manage_pages_columns, for sidevisningsskjermbildet
  • manage_ $ post_type_posts_columns, for en skjerm som viser din egendefinerte innleggstype. Så for eksempel hvis jeg hadde en 'biler' egendefinert innleggstype, ville jeg bruke manage_cars_post_type_columns action hook

I dette tilfellet skal jeg bruke manage_posts_columns.

I ditt plugin legger du til følgende:

 // fjerne tagger fra innlegg notering skjerm funksjon wptutsplus_remove_posts_listing_tags ($ kolonner) unset ($ kolonner ['tags']); returnere $ kolonner;  add_action ('manage_posts_columns', 'wptutsplus_remove_posts_listing_tags');

Dette fjerner kolonnen "Merker", som vist på skjermbildet.

Kolonnen for kommentarer er også overflødig for dette nettstedet, så jeg fjerner det også. Rediger funksjonen din slik at den leser som følger:

 // fjerne tagger fra innlegg notering skjerm funksjon wptutsplus_remove_posts_listing_tags ($ kolonner) unset ($ kolonner ['tags']); unset ($ kolonner ['comments']); returnere $ kolonner;  add_action ('manage_posts_columns', 'wptutsplus_remove_posts_listing_tags');

Dette fjerner kolonnen "Kommentarer" også:

Så de unødvendige kolonnene blir nå fjernet, men de har forlatt mye plass som jeg kunne bruke ved å gjøre kolonnene som forblir litt bredere.

En kommentar om å legge til taksonomikolonner til oppføringsskjermer

Det er verdt å merke seg at å legge til kolonner i oppføringsskjermbildene er gjort veldig annerledes. Før WordPress 3.5 vil du legge til kolonner for egendefinerte taksonomier på samme måte som metoden jeg nettopp har demonstrert for å fjerne kolonner. Men siden WordPress 3.5 som er endret. I stedet for å tilpasse skjermen, bør du sette inn 'Show_admin_column' argument for taksonomien til ekte når du registrerer det For mer om dette, se Codex.

2. Endre størrelse på kolonner i postoppføringsskjermbildet

Jeg kan endre størrelsen på kolonnene ved hjelp av CSS. Klassene jeg trenger å målrette mot er:

  • .fast. kolonneforfatter, for kolonnen "Forfatter"
  • .faste. kolonne-kategorier, for kolonnen 'Kategorier'
  • .redigerings php, for å sikre at endringene mine bare gjelder for dette bestemte redigeringsskjermbildet, for hvilket kropp tag har .redigerings php klasse.

Jeg gjør disse endringene ved å definere nye stiler og aktivere dem via admin_enqueue_scripts krok.

I ditt plugin legger du til følgende:

 // endre størrelse på kolonner i postnotering skjermfunksjon wptutsplus_post_listing_column_resize () ?>   
Dette endrer størrelsen på kolonnene slik at de bruker plassen mer effektivt.
 
Merk: Det er best praksis å sette CSS i et eget stilark og ringe det som bruker wp_register_style og wp_enqueue_style. Som den neste opplæringen i denne serien fokuserer på styling av WordPress-administrasjonen, viser jeg deg hvordan du gjør det i del 6.
 
 
Sammendrag
 
Å tilpasse postnotiseringsskjermene i WordPress er veldig grei - du kan enkelt fjerne kolonner som du ønsker og endre stylingen for å få bedre utnyttelse av plassen. Dette vil gjøre skjermene mindre forvirrende for brukerne, da de ikke ser kolonner som ikke inneholder metadata.





	
	
			
	   
	







Kode
×