Vill du skapa en anpassad WordPress-panel på din webbplats?

Du kanske vill skapa en mer anpassad upplevelse för dina klienter eller tredjepartsanvändare (som frilansande författare eller bloggare). Eller du kanske jobbar på din egen webbplats och helt enkelt letar efter ett sätt att skapa en mer strömlinjeformad adminupplevelse som matchar dina arbetsflöden.

Oavsett varför du vill skapa en anpassad WordPress-panel är det här inlägget rätt för dig. Här lär du dig att anpassa alla aspekter av WordPress-panelen, inklusive hur du:

Vi börjar med att visa dig hur du använder ett allt-i-ett-plugin som gör lite av allt. Sedan delar vi några fler nischverktyg för att mer ingående hantera de specifika anpassningsområdena som vi nämnde ovan. Låt oss börja anpassa!

WordPress gör det enkelt att anpassa backenden av din adminpanel! 🖌 Lär dig hur.Click to Tweet

Några ord om prestanda

Innan vi dyker in i guiden är det viktigt att komma ihåg en sak: att kraftigt anpassa din WordPress-panel kan resultera i långsammare backendprestanda (i vissa fall kan det dock laddas snabbare, beroende på vad du gör). Detta påverkar vanligtvis bara de som loggar in på din webbplats, inte frontenden. Frontenden av din webbplats bör levereras främst från WordPress-cacheminnet.

Som med allt som har med WordPress att göra är det viktigt att testa före och efter. Eller ännu bättre, gör dessa förändringar först i en stagingmiljö innan du rullar ut dem på din produktionsplats. Detta är särskilt viktigt om du har gästbloggare eller kunder som loggar in på backenden av din webbplats dagligen. Hastigheten på din WordPress-panel är viktig, och många gånger förbises det när det gäller prestandaoptimering.

White Label CMS-pluginet: Ett allt-i-ett-verktyg för en anpassad WordPress-panel

Det kostnadsfria White Label CMS-pluginet är en bra allt-i-ett-lösning som snabbt låter dig anpassa de flesta aspekter av WordPress-panelen. Här är ett exempel på vad du kan göra med det:

Exempel på en anpassad instrumentpanel byggd med White Label CMS

Exempel på en anpassad instrumentpanel byggd med White Label CMS

Detta plugin marknadsförs som en lösning för utvecklare att skapa en mer skräddarsydd instrumentpanel för kunder, men det kan också vara värdefullt om du arbetar på din egen webbplats.

Det kan hjälpa dig att:

Så här använder du det…

Steg 1: Kör installationsguiden

När du har installerat och aktiverat pluginet, gå till Inställningar → White Label CMS för att köra installationsguiden.

Först kommer du kunna ange din egen information för att ersätta WordPress standardbranding:

Installationsguiden för White Label CMS

Installationsguiden för White Label CMS

På nästa sida kan du sedan lägga till klientens information (om tillämpligt):

White Label CMS installationsguide del 2

White Label CMS installationsguide del 2

Steg 2: Anpassa annan branding

När du är klar med installationsguiden låser du upp hela inställningsområdet, vilket ger dig tillgång till många andra inställningar.

På fliken Branding kan du konfigurera inställningar som låter dig:

Om du till exempel bläddrar ner till avsnittet Admin Bar Branding kan du lägga till din egen logotyp för att ersätta WordPress-logotypen i övre vänstra hörnet av gränssnittet.

Så här ser det ut efter att ha ersatt det med Kinstas favicon:

Lägg in anpassad branding

Lägg in anpassad branding

Steg 3: Anpassa inloggningssidan

När du är klar med brandinginställningarna kan du gå till fliken Inloggningssida för att anpassa WordPress-inloggningssidan.

Utöver att lägga till din egen logotyp och/eller bakgrundsbild kan du också:

Anpassa inloggningssidan

Anpassa inloggningssidan

Steg 4: Lägg till anpassade instrumentpanelwidgets

Med ”inläggs- eller sidlista” menar vi adminsidan som listar alla dina inlägg, sidor eller anpassade inläggstypsobjekt.

Ett sätt att kontrollera detta område är att använda de inbyggda Skärmalternativ-inställningarna:

Skärmalternativ-inställningar

Skärmalternativ-inställningar

Du kan också lägga till din egen HTML, som låter dig inkludera bilder och videor. Du kan också använda en Elementor– eller Beaver Builder Pro-mall om du har en av de sidbyggarpluginsen installerade:

Så här lägger du till anpassade paneler

Så här lägger du till anpassade paneler

Steg 5: Anpassa Sidofältsmenyn och verktygsfältet

Om du har en hel del plugins aktiva på din webbplats, kan WordPress-panelens sidofält och verktygsfält börja kännas lite trånga.

För att hjälpa dig att åtgärda det, kan fliken Menyer låta dig dölja vissa menyalternativ från andra användare. Allt du behöver göra är att sätta på eller av dem efter behov:

Dölj WordPress-panelens menyalternativ

Dölj WordPress-panelens menyalternativ

Och det här var en snabb introduktion till hur du anpassar WordPress-panelen med ett enda allt-i-ett-verktyg.

Nu ska vi gå in på några mer detaljerade plugins som riktar sig till specifika områden i instrumentpanelen.

Så här anpassar du WordPress-adminmenyn: Lägg till, ta bort eller ordna om menyalternativ

Om du är särskilt intresserad av att anpassa WordPress-panelens sidofältsmeny, kan du använda ett dedikerat plugin som heter Admin Menu Editor.

Detta freemium-plugin låter dig:

För att komma igång, installera och aktivera pluginet från WordPress.org. Sedan kan du gå till Inställningar → Menu Editor för att anpassa instrumentpanelens meny:

Admin Menu Editors gränssnitt.

Admin Menu Editors gränssnitt.

Så här skapar du nya anpassade instrumentpanelwidgets

Om du vill ha mer flexibilitet att skapa anpassade instrumentpanelwidgets eller en anpassad välkomstpanel kan du använda pluginet Free Dashboard Widgets Suite.

Detta plugin låter dig anpassa antalet kolumner i instrumentpanelen, samt lägga till nya panelwidgets för:

För att komma igång, installera och aktivera pluginet från WordPress.org. Gå sedan till Inställningar → Dashboard Widgets för att konfigurera pluginet.

På fliken Allmänna inställningar kan du ändra antalet kolumner och välja vilka användarroller som kan se widgetarna. Sedan kan du använda de andra flikarna för att aktivera och konfigurera specifika widgets:

Dashboard Widgets Suite-inställningar

Dashboard Widgets Suite-inställningar

Sedan kan du gå till ditt Dashboard-område och omorganisera dina nya widgets efter behov:

Exempel på widgets från Dashboard Widgets Suite

Exempel på widgets från Dashboard Widgets Suite

Så här lägger du till nya kolumner i WordPress inläggs- eller sidlista

Med ”inläggs- eller sidlista” menar vi adminsidan som listar alla dina inlägg, sidor eller anpassade inläggstypsobjekt.

Ett sätt att kontrollera detta område är att använda de inbyggda Skärmalternativ-inställningarna:

Skärmalternativ-inställningar

The Screen Options settings

För mer flexibilitet kan du dock använda gratispluginet Admin Columns

Kämpar du med driftstopp och WordPress-problem? Kinsta är hosting-lösningen som är utformad för att spara tid! Kolla in våra funktioner

När du har installerat och aktiverat detta plugin, kan du gå till Inställningar → Admin Columns för att lägga till nya kolumner eller ta bort/ordna befintliga kolumner.

Gratisversionen av pluginet innehåller kolumner för allt från den utvalda bilden till den beräknade lästiden för ett inlägg:

The Admin Columns gränssnitt

The Admin Columns gränssnitt

Om du använder något som Advanced Custom Fields, kan du också inkludera dina anpassade fält som egna kolumner.

WordPress-admintemaplugins – Skaffa en ny design

WordPress-adminteman är inte ”teman” i den sanna WordPress-bemärkelsen. Istället är de mer som plugins som fungerar som ett tema för ditt panelområde på backenden.

Till skillnad från metoderna ovan ändrar de inte den underliggande layouten eller funktionaliteten i ditt WordPress-panelområde. Istället ger de dig bara ett nytt utseende.

Här är några av våra favoriter…

Flatty

Admintemat Flatty tillämpar platta designprinciper till din WordPress-adminpanel. Det ger dig också lite grundläggande vitskyltningsfunktionalitet.

Så här kommer dina instrumentpanel se ut omedelbart efter att du aktiverat pluginet:

Flatty WordPress-admintema

Flatty WordPress-admintema

Aquila admintema

Medan Flatty lägger till platta designprinciper, lägger Aquila till ett snyggt designat utseende till din adminpanel. Det ger dig också några ytterligare alternativ för att anpassa menyalternativ, branding och widgets.

Så här kommer dina instrumentpanel se ut omedelbart efter att du aktiverat pluginet:

Aquila WordPress-admintema

Aquila WordPress-admintema

Kodeo Admin UI

Kodeo Admin UI ändrar hela din admin-UI, inklusive knappar i den klassiska WordPress-redigeraren.

Så här kommer dina instrumentpanel se ut omedelbart efter att du aktiverat pluginet:

Kodeo WordPress-admintema

Kodeo WordPress-admintema

Så här anpassar du WordPress-inloggningssidan

Slutligen, även om det inte tekniskt sett är en del av din adminpanel, spelar din WordPress-inloggningssida fortfarande en viktig roll för att överhuvudtaget få in folk till instrumentpanelen.

Det finns flera kvalitativa plugins som hjälper dig att anpassa din WordPress-inloggningssida, men Custom Login Page Customizer är en bra utgångspunkt eftersom det låter dig visuellt anpassa din inloggningssida med hjälp av WordPress inbyggda Customizer.

När du har installerat och aktiverat pluginet, kan du klicka på det nya Login Customizer-menyalternativet för att öppna WordPress Customizer.

Här ser du en liveförhandsvisning till höger och en mängd olika anpassningsalternativ till vänster:

Så här anpassar du inloggningssidan

Så här anpassar du inloggningssidan

Om du vill kan du helt enkelt anpassa standardlayouten. Om du vill göra större ändringar, kan du dock använda en helt ny mall och sedan anpassa saker och ting därifrån:

En av de färdiga inloggningssidmallarna

En av de färdiga inloggningssidmallarna

Skapa en anpassad WordPress-adminpanel idag!

För en allt-i-ett-lösning för att anpassa de flesta områden i WordPress-adminpanelen, är gratispluginet White Label CMS ett bra startalternativ.

Om du sedan bestämmer dig för att du vill ha mer funktionalitet för att anpassa ett visst område i din WordPress-adminpanel kan du också testa ett antal funktionsspecifika anpassningsplugin:

Har du några andra frågor om hur du skapar en anpassad WordPress-panel? Låt oss veta i kommentarerna nedan!


Om du tyckte om den här artikeln, då kommer du att älska Kinsta´s hosting-plattform. Effektivisera din hemsida och få support dygnet runt från vårt rutinerade team på WordPress. Vår Google Cloud-drivna infrastruktur fokuserar på auto-skalning, prestanda och säkerhet. Lås oss visa dig skillnaden med Kinsta! Kolla in våra paket