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:
- Vitskyltar WordPress-panelen, inklusive att ändra logotypen och lägga till din egen branding
- Döljer WordPress-adminmenyalternativ (eller lägger till dina egna menyalternativ eller undermenyer)
- Skapar nya panelwidgets för att visa extra information
- Lägger till nya kolumner i inlägg/sidlistan för bättre produktivitet
- Ändrar panelens design (som ett nytt designschema)
- Anpassar WordPress-inloggningssidan
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!
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:
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:
- Ersätta den vanliga WordPress-brandingen med din egen
- Anpassa WordPress-inloggningssidan
- Lägga till din egen anpassade panelwidgets välkomstpanel
- Inkludera ditt eget RSS-flöde som en panelwidget
- Dölja menyalternativ från sidofältet eller övre verktygsfältet
- Inaktivera WordPress-verktygsfältet
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:
På nästa sida kan du sedan lägga till klientens information (om tillämpligt):
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:
- Välja vilka delar av den vanliga WordPress-brandingen du vill dölja
- Ersätt den med din egen branding om så önskas
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:
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å:
- Dölja Registrera/Glömt lösenord-länkarna
- Dölj länken ”tillbaka till”
- Ändra färger för olika delar av formuläret
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:
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:
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:
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:
- Ändra namn på menyalternativen och lägga till egna ikoner, CSS-klasser etc.
- Organisera om menyalternativen, exempelvis skapa en ny överordnad kategori.
- Skapa anpassade menyalternativ som länkar till anpassade webbadresser.
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:
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:
- Anpassade anteckningar
- RSS-flöden
- Sociala medier
- Listor
- Andra WordPress-widgets
- Systeminfo
- Felsökningslogg
- Fellogg
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:
Sedan kan du gå till ditt Dashboard-område och omorganisera dina nya widgets efter behov:
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:
För mer flexibilitet kan du dock använda gratispluginet Admin Columns
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:
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:
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:
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:
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:
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:
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:
- Admin Menu Editor för att anpassa WordPress-adminmenyn
- Dashboard Widgets Suite för att lägga till nya anpassade widgets
- Admin Columns för att lägga till nya kolumner i inläggssidan
- WordPress adminteman för att helt ändra din instrumentpanels stil.
- Custom Login Page Customizer för att anpassa WordPress-inloggningssidan
Har du några andra frågor om hur du skapar en anpassad WordPress-panel? Låt oss veta i kommentarerna nedan!
Brian har stor passion för WordPress och har använt det i över ett årtionde, han har till och med utvecklat ett par premium-plugins. Brian gillar att blogga, kolla filmer och hiking. Ta kontakt med Brian via Twitter.
Lämna ett svar