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:
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.
Om deze tutorial te voltooien, hebt u nodig:
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 * /
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:
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.
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.
Metaboxen toevoegen aan het Dashboard bestaat uit twee stappen:
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.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:
Hiermee voegt u twee nieuwe metaboxen toe aan de linkerkant van het Dashboard-scherm. U hebt nu een aangepast dashboard!
In deze tutorial leer je drie dingen te doen:
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!