Vill du skapa en anpassad lösenordsskyddad sida på din webbplats?
Du kan dölja innehåll och begränsa åtkomsten till vissa sidor med WordPress lösenordsskydd. Standardlayouten för inloggning och lösenord är dock enkel och föga tilltalande.
I den här artikeln kommer vi att visa dig hur du anpassar lösenordsskyddade sidor i WordPress.
Varför anpassa lösenordsskyddade sidor i WordPress?
Om du vill skapa en sida eller ett inlägg på din WordPress-blogg som endast ska vara synligt för utvalda kunder eller medlemmar kan du använda lösenordsskyddsfunktionen för att låsa innehållet.
På samma sätt, om du skapar en ny WordPress-webbplats och du inte vill att alla ska se den, är det vettigt att använda en lösenordsskyddad sida.
Den förinställda lösenordsskyddade sidlayouten är dock väldigt enkel och oattraktiv. Här är en förhandstitt på hur det ser ut:
Genom att anpassa den lösenordsskyddade sidan kan du ändra dess design och layout som du vill. Det hjälper till att göra din sida mer attraktiv och kan blanda den med ditt varumärke för ett mer professionellt utseende och bättre användarupplevelse.
Som sagt, vi visar dig hur du aktiverar lösenordsskydd i WordPress och olika sätt att anpassa en specifik sida, hela din webbplats och olika avsnitt.
Du kan klicka på länkarna nedan för att gå till ditt föredragna avsnitt:
Hur man lösenordsskyddar en sida i WordPress
Innan vi visar dig hur du anpassar en WordPress-sida bör du veta att WordPress kommer med inbyggda inställningar för att lösenordsskydda dina sidor och inlägg.
Allt du behöver göra är att redigera en sida eller lägga till en ny. När du är i WordPress-innehållsredigeraren, gå vidare och klicka på alternativet “Public” under “Status & Synlighet” i inställningspanelen till höger.
Därefter kommer du att se olika alternativ för postsynlighet.
Välj helt enkelt alternativet “Lösenordsskyddad” och ange ett lösenord för din sida.
Gå nu vidare och klicka på “Uppdatera” eller “Publicera” så kommer livesidan att vara lösenordsskyddad.
Nu kan du besöka din webbplats och se sidan i aktion.
Låt oss nu se hur du kan anpassa din standard lösenordsskyddade sida.
Anpassa den lösenordsskyddade standardlayouten med CSS Hero
När du aktiverar lösenordsskydd från din WordPress-innehållsredigerare använder sidan webbplatsens tema för styling.
För att anpassa sidan kan du helt enkelt använda ett verktyg som CSS Hero. Det låter dig redigera designen och layouten på din sida utan att redigera kod.
Först måste du installera och aktivera CSS Hero-plugin. För mer information, se vår guide om hur du installerar ett WordPress-plugin.
Vid aktivering kommer CSS-hjältealternativet att läggas till i WordPress adminfältet högst upp. Gå vidare och klicka på alternativet “Anpassa med CSS Hero”.
Detta kommer att starta den visuella byggaren CSS Hero, där du kan redigera och anpassa din sida.
För att komma igång klickar du bara på valfritt element på sidan.
Du kan sedan ändra bakgrundsfärger, lägga till en bakgrundsbild, använda ett annat teckensnitt, redigera mellanrum och mer från panelen till vänster.
Låt oss till exempel lägga till en bakgrundsfärg med en gradienteffekt genom att gå till fliken “Bakgrund”. Vi kommer också att ändra färgen på rutan där användare måste ange lösenordet, samt färgen på “Enter”-knappen.
Utöver det kan du lägga till en ram runt sidans huvudhuvud genom att gå till fliken Kantlinjer.
Välj helt enkelt kantbredd, färg, stil och andra ändringar du vill ha.
När du har gjort ändringen, glöm inte att klicka på knappen “Spara och publicera” längst ner.
Du kan nu besöka din webbplats för att se den standardlösenordsskyddade anpassade sidan.
Nackdelen med att använda CSS Hero är att du inte får den flexibilitet och avancerade anpassningsalternativ som en målsidesbyggare erbjuder.
Du kan till exempel inte lägga till element som kontaktformulär, knappar för sociala medier, prenumerationsformulär, nedräkningstimer och mer med CSS Hero.
Med detta sagt, låt oss titta på hur du kan använda en målsidesbyggare för att anpassa specifika sidor i WordPress.
Anpassa en specifik lösenordsskyddad sida med SeedProd
Det enklaste sättet att anpassa en specifik lösenordsskyddad sida är att använda SemillaProd. Det är den bästa WordPress-webbplatsen och sidbyggaren.
För den här handledningen kommer vi att använda SeedProd Pro version eftersom den innehåller premiummallar och fler anpassningsfunktioner. Du kan också använda SeedProd Lite gratisversion och skapa en kommande sida.
Först måste du installera och aktivera SeedProd-plugin. Om du behöver hjälp, kolla in vår guide om hur du installerar ett WordPress-plugin.
Efter aktivering kommer du att tas till SeedProds välkomstskärm i din WordPress-instrumentpanel. Därefter måste du ange licensnyckeln och klicka på knappen “Verifiera nyckel”. Du hittar licensnyckeln i ditt SeedProd-kontoområde.
Efter det, gå till SeedProd » Målsidor från din WordPress-instrumentpanel och lägg till en ny anpassad lösenordsskyddad hemsida.
Senare i den här artikeln visar vi dig hur du väljer vilka sidor som är lösenordsskyddade. Du kan lösenordsskydda hela din webbplats eller bara specifika sidor.
För den här handledningen kommer vi att skapa en kommande sida för att lansera en lösenordsskyddad webbplats. Du kan dock enkelt anpassa din layout om du bara använder den för att lösenordsskydda specifika sidor.
För att komma igång klickar du helt enkelt på knappen “Set up a coming soon”.
På nästa skärm kommer SeedProd att visa dig olika sidmallar, så att du snabbt kan anpassa dem.
Gå vidare och håll muspekaren över valfri mall du vill använda och klicka på den orangea bockknappen.
Efter att ha valt en mall kommer SeedProd att öppna ett popup-fönster med titeln “Ange detaljerna för din nya sida.”
Du behöver bara välja ett sidnamn och en URL och sedan klicka på knappen “Spara och börja redigera sidan”.
Detta kommer att starta SeedProd dra och släpp sidbyggaren.
Här kan du anpassa din lösenordsskyddade hemsida och lägga till olika element som text, bilder, knappar och mer. SeedProd erbjuder avancerade block som prenumerationsformulär, kontaktformulär, nedräkningstimer, förloppsindikator, sociala delningsalternativ och mer.
För att lägga till ett objekt, dra helt enkelt valfritt block från menyn till vänster och släpp det på mallen till höger. Du kan sedan anpassa elementet genom att helt enkelt klicka på det och justera alternativen som visas.
Det är också så SeedProd låter dig lägga till ett lösenordsformulär på framsidan av din sida för att skydda ditt innehåll.
Först kan du lägga till ett “Custom HTML”-block i SeedProd-byggaren. Dra och släpp det anpassade HTML-blocket i mallen.
Du kan sedan klicka på det anpassade HTML-blocket.
Härifrån anger du [seed_bypass_form] kortkod i fältet “Anpassad kod”. Det är allt! Glöm inte att klicka på “Spara”-knappen när du är klar.
SeedProd integrerar också med olika e-postmarknadsföringstjänster. Du kan lägga till ett kontaktformulär på din målsida och ansluta ett e-postmarknadsföringsverktyg för att bygga din e-postlista och hålla kontakten med användarna.
Gå bara till fliken “Anslut” i målsidesbyggaren och välj din e-postmarknadsföringstjänst.
Ställa in lösenordsskydd för specifika sidor i SeedProd
Efter att ha skapat en anpassad kommer snart-sida som du använder [seed_bypass_form] kortkod, nästa steg är att ställa in lösenordsskydd på specifika sidor med SeedProd.
För att komma igång måste du gå till fliken “Sidinställningar” i SeedProd-byggaren och klicka sedan på inställningarna för “Åtkomstkontroll”.
Efter det kan du ange ett lösenord i fältet “Hoppa över URL” som andra kan använda för att komma åt ditt begränsade innehåll.
Observera att texten du skriver i fältet “Kringa URL” kommer att fungera som ett lösenord och även en länk som kunder och teammedlemmar kan använda för att kringgå lösenordsskydd och komma åt sidan.
SeedProd låter dig utesluta specifika webbadresser från dina webbplatser, såsom admin, inloggning, instrumentpanel och konto. Detta säkerställer att webbplatsägare inte låses ute från sina webbplatser.
Du måste nu välja vilka webbadresser som ska lösenordsskyddas.
Bläddra helt enkelt ned till avsnittet “Inkludera/uteslut webbadresser” i inställningarna för “Åtkomstkontroll”. Efter det väljer du alternativet ‘Inkludera URL’ och anger sedan de specifika sidor du vill begränsa.
När du är klar klickar du bara på “Spara”-knappen längst upp.
Du kan sedan gå till inställningarna “Allmänt” på fliken “Sidinställningar” och ändra sidstatus från “Utkast” till “Publicera”.
Efter det kan du stänga målsidesbyggaren och gå till SeedProd » Målsidor från din WordPress adminpanel.
Härifrån klickar du på knappen under “Kommer snart läge” för att aktivera din anpassade lösenordsskyddade sida.
Det är allt! Du har framgångsrikt skapat en anpassad lösenordsskyddad hemsida som endast kommer att visas på specifika WordPress-sidor.
Besök helt enkelt dessa sidor på din webbplats för att se den lösenordsskyddade anpassade sidan i funktion.
Skapa en anpassad lösenordsskyddad sida för hela webbplatsen
Med SeedProd kan du också visa din lösenordsskyddade sida på varje sida på din webbplats. På detta sätt måste användare ange ett lösenord för att komma åt något av dess innehåll.
Först kan du gå till SeedProd » Målsidor från din WordPress-instrumentpanel. Klicka sedan på knappen “Redigera sida” i panelen “Kommer snart läge”.
Du kan sedan gå till fliken “Sidinställningar” längst upp och gå till inställningarna för “Åtkomstkontroll”.
Efter det, scrolla ned till avsnittet “Inkludera/uteslut webbadresser” och välj alternativet “Visa på hela webbplatsen”.
När du har gjort dina ändringar, fortsätt och klicka på “Spara”-knappen längst upp.
SeedProd kommer att visa den lösenordsskyddade anpassade sidan på hela din webbplats.
Skapa anpassade lösenordsskyddade sektioner i WordPress
Du kan också lösenordsskydda olika delar av webbplatsen i WordPress från olika användargrupper. Detta är användbart om du driver en medlemswebbplats och vill kontrollera åtkomsten till ditt innehåll, plugins, appar och andra nedladdningsbara filer.
Det bästa sättet att begränsa olika delar av din webbplats är genom MemberPress. Det är det bästa WordPress-medlemskapsplugin som låter dig skapa flera medlemsnivåer för att lösenordsskydda ditt innehåll.
Du kan använda MemberPress för att ställa in olika regler så att användare endast kan komma åt innehåll baserat på deras medlemsnivå. För mer information, kolla in vår guide om hur du skapar en WordPress-medlemskapswebbplats.
För att komma igång måste du först lägga till medlemskap på din webbplats. Gå bara till MemberPress » Medlemskap från din WordPress-instrumentpanel och klicka på knappen “Lägg till ny”.
Efter det kan du ange ett namn för din medlemsnivå, lägga till en beskrivning och ange ett pris.
Du kan också ändra faktureringstypen från engångsfaktura till återkommande, samt redigera medlemskapet så att det är livsvarigt eller löper ut efter en viss tidsperiod.
Glöm inte att klicka på “Publicera”-knappen när du är klar.
Du kan sedan gå till MemberPress » Regler från din WordPress-instrumentpanel och klicka på knappen “Lägg till ny”.
Härifrån kan du klicka på rullgardinsmenyn under alternativet “Skyddat innehåll”. MemberPress erbjuder många alternativ för att skydda ditt innehåll, oavsett om det är en enskild sida eller alla dina WordPress-sidor.
För den här handledningen kommer vi att lösenordsskydda en enda sida. Välj bara alternativet “En sida” från rullgardinsmenyn och ange sidtiteln.
Därefter måste du konfigurera åtkomstvillkor och konfigurera vem som kan se den begränsade sidan. MemberPress låter dig skydda innehåll baserat på medlemsnivå, WordPress-användarroll, kapacitet och enskilda medlemmar.
Låt oss ställa in “Medlemskap” till “Premium” i rullgardinsmenyerna i den här handledningen. På så sätt kommer bara premiummedlemmar att kunna komma åt sidan. Du kan lägga till fler villkor och tillåta mer än 1 medlemsnivå för att se sidan.
När du är klar, glöm inte att klicka på knappen “Spara regel”.
Du kan sedan besöka din webbplats för att se den lösenordsskyddade sidan i funktion. Medlemmar måste logga in på sitt konto för att se sidans innehåll.
Du kan ställa in lösenord för dina videor eller så kan du erbjuda gruppmedlemskap för företagsteam. Dessutom kan du skapa ett lösenord för att ge prenumeranter tillgång till ett betalt nyhetsbrev och mer.
Vi har även en guide om hur du lösenordsskyddar dina formulär i WordPress.
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du anpassar en lösenordsskyddad sida i WordPress. Du kanske också vill se vår guide om hur du skapar ett helt anpassat WordPress-tema utan att skriva någon kod, eller vår jämförelse av de bästa WordPress SEO-plugins.
