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:
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.
For å fullføre denne opplæringen trenger du:
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 * /
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:
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.
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.
Legge til metaboxer i oversikten består av to trinn:
wp_add_dashboard_widget ()
funksjon for å definere widgetens parametere - dens ID, tittelen og tilbakeringingsfunksjonen som definerer innholdet. Aktiver dette via wp_dashboard_setup
krok.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:
Dette legger til to nye metaboxer på venstre side av Dashboard-skjermen. Du har nå et tilpasset Dashboard!
I denne opplæringen lærte du hvordan du gjorde tre ting:
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!