Så här skapar du en klientdashboard i WordPress

Om du bygger WordPress-webbplatser för kunder är det ett bra sätt att förbättra deras upplevelse att skapa en anpassad kundpanel.

Med en anpassad instrumentpanel i WordPress kan du förse dina kunder med exakt de resurser, genvägar och annan viktig information som de behöver för att komma igång.

Många av oss på WPBeginner-redaktionen har byggt anpassade kundinstrumentpaneler i våra egna kundprojekt och det gör alltid en enorm skillnad.

I den här artikeln visar vi dig hur du skapar en kundpanel i WordPress utan att skriva någon kod eller påverka kundens möjlighet att uppdatera sin webbplats.

Varför skapa en klient dashboard i WordPress?

Som provider av WordPress-lösningar kommer du att stöta på kunder som inte har använt WordPress tidigare, och de är inte bekanta med HTML, CSS eller WordPress-terminologi.

Genom att skapa en custom dashboard för customers kan du ge dem ett slimmat WordPress-gränssnitt och förbättrad användbarhet.

Det kommer att förbättra kundnöjdheten vilket leder till mer återkommande arbete. Your clients will need less support which will also save you time.

Med detta sagt, låt oss ta en titt på hur man enkelt skapar en klient dashboard i WordPress.

Vi guidar you genom olika steg i processen. Du kan själv bestämma hur mycket du vill customize beroende på din kunds obligatoriska krav. Använd bara snabblänkarna under för att hoppa till de steg du är mest intresserad av:

1. Dölj onödiga Admin Menyer

När du bygger en website åt dina customers kan du använda olika WordPress plugins, custom post types, WordPress page builders och andra tools.

Många av dessa verktyg lägger till sina egna menu items i WordPress admin bar, skapar customize widgets i admin dashboard och lägger till links i admin-verktygsfältet.

Slutresultatet ser lite rörigt ut. För en kund som aldrig har använt WordPress gör dessa ytterligare objekt att dashboarden ser mer komplicerad ut än den behöver.

Låt oss börja skapa en klient dashboard genom att städa upp röran.

För att göra det måste du installera och aktivera pluginet Adminimize. För mer detaljer, se vår steg-för-steg guide om hur du installerar ett plugin för WordPress.

Efter aktivering måste du besöka Settings ” Adminimize page för att konfigurera pluginet.

You will see different admin sections listed on the settings page. Om du klickar på en section förstoras den och du får se alternativen för viss section.

Du kan visa eller dölja alla listobjekt under en section för olika roller hos användare. Reviewer varje objekt noggrant innan du döljer det eftersom det kan påverka din kunds möjlighet att använda sin website.

Detaljerade instruktioner finns i vår guide om hur du döljer onödiga menu-items i WordPress.

2. White Label WordPress dashboard

Adminimize plugin täcker många alternativ för att kontrollera utseendet på din WordPress admin dashboard. Det har dock ej alternativ för att dölja WordPress-varumärket och white labeling av admin area.

White labeling omfattar att ersätta WordPress-logotypen med en customizer-logotyp, ändra admin area footer, visa eller dölja objekt från menyer och mycket mer.

Först måste du installera och aktivera White Label CMS plugin. När du har aktiverat, heada över till Settings ” White Label CMS page för att konfigurera plugin-inställningar.

Settings page är indelad i olika sections. Du kan clicka på en section för att förstora och viewa dess inställningar.

Vissa alternativ i pluginet är också available i Adminimize. Om du redan har dolt de alternativen kan du hoppa över dem.

För detaljerade instruktioner om varje section, ta en titt på vår artikel om hur du white labelar din WordPress adminpanel.

3. Ändra utseendet på WordPress dashboard

WordPress levereras med en handfull färgscheman för administratörer som användare kan ändra från sina profiler. Du kan ställa in ett färgschema som standard för nya användare. Du kan också skapa ett eget customize färgschema.

Vill du ta det till nästa nivå? Prova WordPress admin themes. Dessa teman är available som plugins som du kan installera för att ändra appearance på ditt WordPress admin area.

Här är några gratis WordPress admin themes och tillägg som du kan prova.

4. Add Helpful Resources till Client Dashboard

När du levererar projekt till dina kunder kommer du att notera att många av dem har liknande frågor. Att lägga till en hjälp- eller resource-sektion i WordPress client dashboard kan hjälpa dig att svara på dessa frågor och save tid som spenderas på att ge support.

Det bästa sättet att add to en help section är genom att installera och aktivera pluginet WP Help. Vid aktivering lägger pluginet till ett new ”Publishing Help” menu item i din WordPress admin bar. Om du klickar på det kommer du till settings page.

Detta area kommer att vara tomt eftersom you inte har skapat några help resources ännu. Gå vidare och klicka på knappen ”Add New” för att skapa en.

På nästa inlägg kan du skapa ditt hjälpdokument på samma sätt som du skulle skapa ett inlägg eller en page i WordPress.

WP Help använder custom post type för dokument, och de är hierarkiska som pages. You can create parent and child documents to organize them.

Du kan också synkronisera documentation från en annan site i WordPress. This allow you to use the same documentation for all your client projects.

För detaljerade instruktioner, se vår guide om hur du lägger till en hjälp / resource section i WordPress admin.

5. Skapa custom widgets för dashboard

Widgets för WordPress dashboard är det första som användare ser när de loggar in i WordPress admin area. Detta är det bästa stället att peka dina kunder i rätt riktning genom att lägga till dina egna custom dashboard widgets.

Här är en enkel kod för widgetar för dashboards som du kan använda som utgångspunkt.

You will need to add this code into your theme’s functions.php file, in a site-specific plugin, or in a code snippets plugin.

add_action('wp_dashboard_setup', 'my_custom_dashboard_widgets');
  
function my_custom_dashboard_widgets() {
global $wp_meta_boxes;
 
wp_add_dashboard_widget('custom_help_widget', 'Theme Support', 'custom_dashboard_help');
}
 
function custom_dashboard_help() {
 
// Content you want to show inside the widget
 
echo '<p>Welcome to Custom Blog Theme! Need help? Contact the developer <a href="mailto:yourusername@gmail.com">here</a>. For WordPress Tutorials visit: <a href="https://www.wpbeginner.com" target="_blank">WPBeginner</a></p>';
}

Glöm inte att ändra delen med content med ditt eget message. Du kan använda vanlig HTML för format och Styling.

Vi rekommenderar att du lägger till den här koden med hjälp av WPCode, det bästa code snippets plugin.

WPCode gör det säkert och enkelt att add to custom code i WordPress, utan att editera ditt temas functions.php-fil. Så du behöver aldrig oroa dig för att din site ska gå sönder.

För att komma igång måste du installera och aktivera det gratis pluginet WPCode. Om du behöver hjälp kan du läsa vår guide om hur du installerar ett plugin för WordPress.

När pluginet är aktiverat navigerar du till Code Snippets ” + Add Snippet page från WordPress dashpanel. Klicka sedan på knappen ”Use Snippet” under alternativet ”Add Your Custom Code (New Snippet)”.

Lägg sedan till en rubrik för kod snippet och klistra in koden ovan i boxen ”Code Preview”. Glöm inte att också välja ”PHP Snippet” som code type från dropdown-menyn.

Därefter är det bara att toggla från ”Inaktiverad” till ”Aktiv” och trycka på knappen ”Save Snippet”.

Så här såg det ut när vi testade det på vår demo website:

Fler användbara resurser för WordPress-administratören

När du har använt dessa tips för att skapa en anpassad klientpanel kanske du letar efter andra sätt att anpassa WordPress adminområde. Här är några användbara guider som du kan kolla in:

• Hur man anpassar WordPress Admin Dashboard (6 tips)
• Så här lägger du till ett meddelandecenter i WordPress Admin
• Den dolda hemliga alternativpanelen i din WordPress Admin Panel
• Så här tar du bort välkomstpanelen i WordPress Dashboard
• Så här lägger du till mörkt läge i din WordPress Admin Dashboard
• Så här begränsar du åtkomsten till instrumentpanelen i WordPress

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du skapar en klient dashboard i WordPress. Du kanske också vill se vår guide om hur du ökar WordPress hastighet och prestanda och våra expertval av de bästa telefonitjänsterna för småföretag.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.