Tilpasse WordPress Admin - Dashboard

I den første delen av denne serien viste jeg deg hvordan du tilpasser WordPress-innloggingsskjermen ved å legge til en egendefinert logo og noen tilpassede stiler.

Det neste tingene dine brukere vil se etter at de har logget på er Dashboard, så i denne veiledningen lærer du hvordan du tilpasser den ved å fjerne noen av de eksisterende metaboxene, flytte rundt og legge til noen nye.

Trinnene jeg skal demonstrere i denne opplæringen er:

  1. Fjerner noen av metaboxene som kan forvirre brukerne
  2. Flytter en metaboks til en annen posisjon på skjermen
  3. Legge til egne tilpassede metaboxer for å hjelpe brukerne

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


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 2 - Plugin Plugin Dashboard: http://rachelmccollin.co.uk Beskrivelse: Dette pluginet støtter opplæringen i WPTutsPlus. Det tilpasser WordPress-dashbordet. Versjon: 1.0 Forfatter: Rachel McCollin Forfatter URI: http://rachelmccollin.com Lisens: GPLv2 * /

1. Fjern uønskede metaboxer

Det første trinnet er å fjerne eventuelle metaboxer som vi ikke vil ha. Dette gjelder bare for brukere med en rolle som er lavere enn «administrator», siden jeg fortsatt vil ha tilgang til alle WordPress Dashboard som administrator.

Jeg starter med å se gjennom hvilke brukere som har "redigeringsrollen" når de kommer til Dashboard:

Det er så mye der inne at brukerne må rulle ned for å se det, og til brukere som ikke er kjent med WordPress, vil mye det være unhelpful. I tillegg, hvis nettstedet ditt ikke bruker kommentarer eller pingbacks, er metaboxene for dem ikke veldig nyttige.

Så jeg skal flytte følgende:

  • Nylige kommentarer
  • Innkommende linker
  • QuickPress
  • WordPress Blog
  • Andre WordPress News

Hvis du vil fjerne disse metaboxene for andre brukere enn administratorer, legger du til følgende i plugin:

 // fjerne uønskede dashbord widgets for relevante brukere funksjon wptutsplus_remove_dashboard_widgets () $ user = wp_get_current_user (); hvis (! $ user-> has_cap ('manage_options')) remove_meta_box ('dashboard_recent_comments', 'dashboard', 'normal'); remove_meta_box ('dashboard_incoming_links', 'dashboard', 'normal'); remove_meta_box ('dashboard_quick_press', 'dashboard', 'side'); remove_meta_box ('dashboard_primary', 'dashboard', 'side'); remove_meta_box ('dashboard_secondary', 'dashboard', 'side');  add_action ('wp_dashboard_setup', 'wptutsplus_remove_dashboard_widgets');

Dette retter seg mot brukerroller under administrator ved å kontrollere om brukeren har manage_options kapasitet, som bare holdes av administratorer. Det fjerner deretter metaboxene og til slutt fester funksjonen til wp_dashboard_setup krok.

Nå ser Dashboard mye renere ut:

Det er kanskje litt for sparsomt! Ikke bekymre deg, jeg skal vise deg hvordan du skal legge til noen nye metaboxer innen kort tid.

Men først vil jeg flytte "Right Now" -metaboxet, da jeg vil legge til en annen metaboks i øverste venstre posisjon.


2. Flytt et Metastav for Dashboard

Flytte Dashboard-metaboxene kan hjelpe deg med å gjøre Dashboard mer relevant for nettstedet ditt ved å prioritere metaboxene som du eller brukerne dine må bruke mest. Jeg flytter "Right Now" -metaboxet til høyre.

I din plugin, legg til følgende kode:

 // Flytt "Right Now" dashbord-widgeten til høyre sidefunksjon wptutsplus_move_dashboard_widget () $ user = wp_get_current_user (); hvis (! $ user-> has_cap ('manage_options')) global $ wp_meta_boxes; $ widget = $ wp_meta_boxes ['dashboard'] ['normal'] ['core'] ['dashboard_right_now']; unset ($ wp_meta_boxes ['dashboard'] ['normal'] ['core'] ['dashboard_right_now']); $ wp_meta_boxes ['dashboard'] ['side'] ['core'] ['dashboard_right_now'] = $ widget;  add_action ('wp_dashboard_setup', 'wptutsplus_move_dashboard_widget');

Dette flytter "Right Now" -metaboxen fra den "normale" stillingen til venstre til "høyre" -posisjonen, som vist på skjermbildet:

Det neste trinnet er å fylle det gapende hullet på venstre side med et par tilpassede metaboxer.


3. Legg til nye Dashboard Metaboxer

Legge til metaboxer i oversikten består av to trinn:

  1. Bruke wp_add_dashboard_widget () funksjon for å definere widgetens parametere - dens ID, tittelen og tilbakeringingsfunksjonen som definerer innholdet. Aktiver dette via wp_dashboard_setup krok.
  2. Skriv tilbakeringingsfunksjonen for å definere innholdet i metaboxen.

I dette tilfellet skal jeg legge til de nye metaboxene for alle brukere, så jeg vil ikke sjekke for brukeregenskaper - hvis du vil, bare kopier koden du brukte i de tidligere seksjonene (eller vedlegg alle delene av denne opplæringen i den opprinnelige testen for manage_options evne).

I ditt plugin legger du til følgende:

 // legg til nye dashbord widgets funksjon wptutsplus_add_dashboard_widgets () wp_add_dashboard_widget ('wptutsplus_dashboard_welcome', 'Welcome', 'wptutsplus_add_welcome_widget'); wp_add_dashboard_widget ('wptutsplus_dashboard_links', 'Nyttige linker', 'wptutsplus_add_links_widget');  funksjon wptutsplus_add_welcome_widget () ?> Dette innholdsstyringssystemet lar deg redigere sidene og innleggene på nettstedet ditt. Nettstedet ditt består av følgende innhold, som du kan få tilgang til via menyen til venstre: 
  • sider - statiske sider som du kan redigere.
  • innlegg - nyheter eller bloggartikler - du kan redigere disse og legge til flere.
  • Media - bilder og dokumenter som du kan laste opp via mediemenyen til venstre eller innenfor hvert innlegg eller side.
På hver redigeringsskjerm er det instruksjoner som hjelper deg med å legge til og redigere innhold. Noen lenker til ressurser som vil hjelpe deg med å administrere nettstedet ditt:
  • The WordPress Codex
  • Enkel WP Guide
  • WP Beginner

Dette legger til to nye metaboxer på venstre side av Dashboard-skjermen. Du har nå et tilpasset Dashboard!


Sammendrag

I denne opplæringen lærte du hvordan du gjorde tre ting:

  • Fjern metaboxene fra instrumentbrettet
  • Flytt metaboxer fra en del av Dashboard til en annen
  • Legg til nye dashbord-metaboxer

Det du velger å legge til i metaboxene, er opp til deg. Du kan inkludere koblinger til treningsvideoer som hjelper brukerne til å redigere deres nettsted, eller legge til en lenke til din egen blogg eller nettsted. Eller du kan sette en tanke på dagen der inne - hva som helst for deg!