Aanpassen van de WordPress Admin - Het Dashboard

In het eerste deel van deze serie heb ik je laten zien hoe je het WordPress inlogscherm kunt aanpassen door een aangepast logo en een aangepaste stijl toe te voegen.

Het volgende dat uw gebruikers te zien krijgen nadat ze zijn ingelogd, is het Dashboard, dus in deze tutorial leert u hoe u het kunt aanpassen door enkele bestaande metaboxen te verwijderen, er wat rond te verplaatsen en enkele nieuwe toe te voegen.

De stappen die ik in deze tutorial ga demonstreren zijn:

  1. Sommige metaboxen verwijderen die uw gebruikers in verwarring kunnen brengen
  2. Een metabox naar een andere positie op het scherm verplaatsen
  3. Uw eigen aangepaste metaboxen toevoegen om gebruikers te helpen

Ik ga een plug-in maken om dit te doen - als je al een plug-in hebt gemaakt na Deel 1 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, zodat je één plug-in hebt met al je admin maatwerk.


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 invoegtoepassing: WPTutsPlus De beheerpart 2 aanpassen - De URI-plugin voor Dashboard: http://rachelmccollin.co.uk Beschrijving: Deze plug-in ondersteunt de zelfstudie in WPTutsPlus. Het past het WordPress-dashboard aan. Versie: 1.0 Auteur: Rachel McCollin Auteur URI: http://rachelmccollin.com Licentie: GPLv2 * /

1. Verwijder ongewenste metaboxen

De eerste stap is het verwijderen van metaboxen die we niet willen. Dit is alleen van toepassing op gebruikers met een rol die lager is dan "beheerder", omdat ik toch als beheerder toegang wil tot alle WordPress-dashboard.

Ik zal beginnen met bekijken wat gebruikers met de rol "editor" zien wanneer ze het Dashboard openen:

Er zit zoveel in dat gebruikers naar beneden moeten scrollen om het te zien, en voor gebruikers die niet bekend zijn met WordPress, zal veel ervan niet helpen. Als uw site geen opmerkingen of pingbacks gebruikt, zijn de metaboxen daarvoor niet erg nuttig.

Dus ik ga het volgende verplaatsen:

  • recent commentaar
  • Inkomende links
  • QuickPress
  • WordPress Blog
  • Ander WordPress Nieuws

Als u die metaboxen voor andere gebruikers dan beheerders wilt verwijderen, voegt u het volgende toe aan uw plug-in:

 // verwijder ongewenste dashboard-widgets voor relevante gebruikersfunctie wptutsplus_remove_dashboard_widgets () $ user = wp_get_current_user (); if (! $ user-> has_cap ('manage_options')) remove_meta_box ('dashboard_recent_comments', 'dashboard', 'normal'); remove_meta_box ('dashboard_incoming_links', 'dashboard', 'normaal'); 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');

Dit target gebruikersrollen onder de beheerder door te controleren of de gebruiker de manage_options mogelijkheid, die alleen wordt beheerd door beheerders. Vervolgens worden de metaboxen verwijderd en wordt de functie definitief aan de wp_dashboard_setup haak.

Het dashboard ziet er nu veel schoner uit:

Het is misschien een beetje te dun! Maak je geen zorgen, ik zal je laten zien hoe je binnenkort nieuwe metaboxen kunt toevoegen.

Maar eerst verplaats ik de Metabox 'Right Now', omdat ik een andere metabox wil toevoegen in de linkerbovenhoek.


2. Verplaats een Metabox van het dashboard

Door metaboxen in het dashboard te verplaatsen, kunt u het dashboard relevanter maken voor uw site door prioriteit te geven aan de metaboxen die u of uw gebruikers het meest nodig hebben. Ik zal de 'Right Now' metabox naar rechts verplaatsen.

Voeg in uw plug-in de volgende code toe:

 // Verplaats de dashboarddialoog 'Right Now' naar de functie aan de rechterkant wptutsplus_move_dashboard_widget () $ user = wp_get_current_user (); if (! $ user-> has_cap ('manage_options')) global $ wp_meta_boxes; $ widget = $ wp_meta_boxes ['dashboard'] ['normaal'] ['core'] ['dashboard_right_now']; niet ingesteld ($ wp_meta_boxes ['dashboard'] ['normaal'] ['core'] ['dashboard_right_now']); $ wp_meta_boxes ['dashboard'] ['side'] ['core'] ['dashboard_right_now'] = $ widget;  add_action ('wp_dashboard_setup', 'wptutsplus_move_dashboard_widget');

Hierdoor wordt de metabox 'Right Now' van de 'normale' positie naar links of rechts verplaatst, zoals te zien in de schermafbeelding:

De volgende stap is om dat gapende gat aan de linkerkant te vullen met een aantal aangepaste metaboxen.


3. Nieuwe Metaboxen van Dashboard toevoegen

Metaboxen toevoegen aan het Dashboard bestaat uit twee stappen:

  1. Gebruik de wp_add_dashboard_widget () functie om de parameters van de widget te definiëren: de ID, de titel en de callback-functie die de inhoud definieert. Activeer dit via de wp_dashboard_setup haak.
  2. Schrijf de callback-functie om de inhoud van de metabox te definiëren.

In dit geval ga ik de nieuwe metaboxen voor alle gebruikers toevoegen, dus controleer ik niet naar gebruikersmogelijkheden - kopieer de code die u in de eerdere secties hebt gebruikt (of voeg alle delen van de sectie bij elkaar) als u dat wilt deze tutorial in de originele test voor de manage_options mogelijkheid).

Voeg in uw plug-in het volgende toe:

 // nieuwe dashboardfuncties toevoegen widgets wptutsplus_add_dashboard_widgets () wp_add_dashboard_widget ('wptutsplus_dashboard_welcome', 'Welcome', 'wptutsplus_add_welcome_widget'); wp_add_dashboard_widget ('wptutsplus_dashboard_links', 'Useful Links', 'wptutsplus_add_links_widget');  function wptutsplus_add_welcome_widget () ?> Met dit contentmanagementsysteem kun je de pagina's en berichten op je website bewerken. Uw site bestaat uit de volgende inhoud, die u kunt openen via het menu aan de linkerkant: 
  • Pages - statische pagina's die u kunt bewerken.
  • berichten - nieuws of blogartikelen - je kunt deze bewerken en meer toevoegen.
  • Media - afbeeldingen en documenten die u kunt uploaden via het menu Media aan de linkerkant of binnen elk bericht of elke pagina.
Op elk bewerkingsscherm staan ​​instructies om u te helpen inhoud toe te voegen en te bewerken. Enkele links naar bronnen die u zullen helpen bij het beheren van uw site:
  • De WordPress Codex
  • Easy WP Guide
  • WP Beginner

Hiermee voegt u twee nieuwe metaboxen toe aan de linkerkant van het Dashboard-scherm. U hebt nu een aangepast dashboard!


Samenvatting

In deze tutorial leer je drie dingen te doen:

  • Metaboxen verwijderen van het dashboard
  • Verplaats metaboxen van het ene deel van het Dashboard naar het andere
  • Voeg nieuwe dashboardmetaboxen toe

Wat u kiest om toe te voegen aan uw metaboxen is aan u. U kunt links opnemen naar trainingsvideo's waarmee gebruikers hun site kunnen bewerken of een link naar uw eigen blog of site kunnen toevoegen. Of je zou een gedachte kunnen bedenken voor de dag daarbinnen - wat voor jou ook werkt!