Hur man sätter WordPress i underhållsläge

Hur man sätter WordPress i underhållslägesguideOavsett om du ommarkerar din webbplats, försöker felsöka ett fel eller gör en uppdatering till en befintlig sida, vill du inte att dina besökares upplevelse på framsidan ska störas. Men när du gör ändringar på din webbplats är det en mycket verklig möjlighet. Det är därför du måste lära dig hur du sätter WordPress i underhållsläge. Detta garanterar inte bara att du kan arbeta i fred bakom kulisserna, utan det ger dina besökare lite inblick i vad som händer.


Men hur gör du om att uppdatera en befintlig webbplats eller ett pågående arbete utan att besökare stöter på den i ett tillstånd av förfall?

Idag kommer du att lära dig tre sätt att sätta WordPress i underhållsläge så att du kan arbeta i fred bakom kulisserna.

Men låt oss först titta på när det är bäst att stänga din webbplats med ett underhållsläge eller under konstruktionssida.

När ska du använda underhållsläge?

Underhållsläge är en inställning WordPress tillämpas automatiskt på en webbplats när den tillämpar en programuppdatering.

I stället för att visa din webbplats för besökare medan en uppdatering pågår och eventuellt introducera dem till ett felmeddelande, inaktiverar WordPress tillfälligt webbplatsen och visar ett underhållsläge:

WordPress Underhållsläge Meddelande

Det är dock inte bara WordPress som har möjlighet att tillfälligt ta din webbplats offline med underhållsläge. Du kan också göra det.

Många gånger när du uppdaterar en webbplats (eller till och med bygger den första gången) behöver du inte WordPress-underhållsläge. Lägga till ett nytt blogginlägg, uppdatera din kontaktinformation, redigera en gammal länk – det är sådana små ändringar som besökare inte kommer att påverkas av.

Men när du gör mer omfattande arbete på din webbplats, kommer du definitivt att vilja ta det offline. Du kan försöka schemalägga dina uppdateringar vid en tidpunkt då du tror att besökarna kommer att sova, men till och med det är inte ett idiotsäker tillvägagångssätt.

Här är några anledningar till att du vill använda underhållsläge:

  • Omfördela en hel webbplats.
  • Lägga till nya eller olika detaljer på en populär sida.
  • Installera ett plugin som lägger till en ny funktion eller funktionalitet på webbplatsen.
  • Felsökning av ett fel eller fel.
  • Städa upp en avskuren webbplats efter ett säkerhetsöverträdelse.
  • Tillkännager lanseringen av ett företag med “kommer snart” för att generera surr medan det pågår.

Med andra ord, om någon större översyn behöver ske, eller om du vet att utseendet på webbplatsen kommer att stänga av besökarna, aktivera underhållsläget i WordPress.

Hur man sätter WordPress i underhållsläge

Det säkraste sättet att uppdatera en webbplats är att göra ändringar på en scenserver och sedan migrera över dem (vilket du vanligtvis kan göra via din värd).

Men om det är något fel med sajten eller om den verkar “trasig” för besökare, bör livewebbplatsen tas bort och ersättas av en sida om underhållsläge oavsett var du arbetar.

Det finns tre sätt att göra detta:

  • EN) Sätt WordPress i underhållsläge med kod
  • B) Sätt WordPress-webbplatsen i underhållsläge med hjälp av plugin
  • C) Sätt WordPress-webbplatsen i underhållsläge med hjälp av tema / sidbyggare

Alternativ A: Aktivera standardunderhållsläget med kod

För kortvarig driftstopp (mindre än en timme eller så) kanske du inte vill gå igenom besväret med att ställa in en anpassad sida för underhållsläge.

I så fall kan du använda WordPresss standardunderhållslägesida för att låta besökare veta att du kommer tillbaka.

Steg 1: Gå till WordPress Theme Editor

Gå till temaredigeraren i WordPress för att aktivera underhållsläget. Du hittar det under Utseende> Temaeditor:

WordPress Theme Editor

Om du inte ser det, begär administratörstillträde till WordPress-webbplatsen från ägaren.

Steg 2: Öppna filen funct.php

Leta efter filen som heter Theme Functions eller features.php:

Temafunktionsfil

Klicka på den för att öppna den i kodredigeraren till vänster.

Steg 3: Lägg till underhållsläge-kod i features.php

Med features.php öppet i redigeraren, kopiera all koden i filen och spara en kopia av den på skrivbordet.

Temaeditor

Bläddra sedan till botten av filen och lägg till följande utdrag:

funktion wp_main maintenance_mode () {
if (! current_user_can ('edit_themes') ||! is_user_logged_in ()) {
wp_die ('

Under underhåll


Webbplats under planerat underhåll. Vänligen återkom senare.'); } } add_action ('get_header', 'wp_maintenance_mode');

Detta är standardinställningen och meddelandet för WordPress-underhållsläget.

Om du vill redigera vad den säger, byt ut den här biten med din egen formulering:

Under underhåll


Webbplats under planerat underhåll. Vänligen återkom senare.

Klicka på “Uppdatera fil” när du är nöjd med vad det står.

Steg 4: Bekräfta att underhållsläget är aktivt

Som inloggad användare kan du inte se underhållsläge när du besöker webbplatsen. Det är så att du kan fortsätta arbeta och förhandsgranska dina ändringar.

Du vill dock se till att den har aktiverats.

För att göra detta kan du antingen logga ut från WordPress och besöka webbplatsen eller så kan du öppna den i en helt ny webbläsare.

Ta bort underhållsläge

Det enklaste sättet att stänga av underhållsläget är att ta bort koden du har lagt till i filen filen.php. Se bara till att det är det enda du tar bort.

När du har tagit bort utdraget sparar du filen en gång till. Återigen, antingen logga ut eller öppna en ny webbläsare för att bekräfta att underhållsläget är borta.

Alternativ B: Aktivera underhållsläge med ett WordPress-plugin

För längre driftstopp (som vid omfördelning av en webbplats eller reparation av en bugg) vill du förmodligen inte lämna WordPress-standardmeddelandet uppe. Den tråkiga grå sidan och ett kort meddelande kommer inte att göra något riktigt intryck på besökarna.

Använd istället ett WordPress-underhållsplugin för att sätta något mer engagerande där uppe.

Detta gör att du inte bara kan sätta en designad sida där uppe, men du kan göra mer än att säga ”vi kommer tillbaka”. Du kan lämna kontaktinformation, ge information om vad som ska komma eller till och med be intresserade kunder att lämna informationen via ett litet kontaktformulär.

Steg 1: Hitta ett WordPress-underhållsplugin

Gå till Plugins-menyn och klicka på “Lägg till nytt.”

Därefter skriver du “underhåll: i sökfältet längst upp till höger.

Sök underhållsprogram

Du kommer att se över tusen matcher i sökresultaten. För att hjälpa dig begränsa alternativen rekommenderar vi ett av följande plugins:

Var och en av dessa plugins gör det enkelt att slå på eller stänga av underhållsläget samt anpassa sidans utseende.

Notera: Det kommer alltid att bli en avvägning när du använder ett gratis WordPress-plugin för att bygga en underhållssida.

När det gäller plugin Under Construction kan du inte lägga till din logotyp eller anpassa färger, typografi osv. Men du kommer att ha en underhållssida upp om några minuter.

Om du skulle använda SeedProd-plugin, å andra sidan, skulle du inte ha några premade mallar att använda. Allt om sidan måste skapas från början. Men du skulle kunna lägga till saker som din logotyp, märkesfärger osv.

Så räkna ut vad som är viktigast för närvarande.

Om du behöver lägga upp något medan du städar en hackad webbplats kan det snabba implementeringsalternativet vara bäst.

Om du arbetar med en mer långsiktig rebrand skulle det vara mer meningsfullt att ta sig tid att bygga en anpassad sida. Och i så fall kan det vara fördelaktigt att betala för ett premiumunderhållsplugin så att du snabbt och fullständigt kan anpassa sidan och dess funktionalitet.

Steg 2: Installera underhållspluginet

När du har valt det plugin du vill använda måste du installera det på webbplatsen. I det här exemplet kommer vi att använda Under Construction.

Klicka på knappen “Installera nu”:

Installera nu plugin

När installationen är klar blir knappen blå och säger “Aktivera”. Klicka på det en gång till.

Du bör automatiskt föras till inställningssidan för insticksprogrammet. Om inte, gå till din plugins-lista och klicka på “Inställningar” under underhållsplugin:

Plugin-inställningar

Innan du sätter på den ska du spendera lite tid på att konfigurera sidan för underhållsläge.

Steg 3: Design sidan för underhållsläge

Vissa plugins har sidmallar för underhållsläge (liknande ett WordPress-tema eller plugin för sidbyggare gör).

Andra plugins kräver att du uppgraderar till pro för att få åtkomst.

Under konstruktionsdesign

När det gäller under konstruktion finns det dock några gratis grundmallar du kan välja mellan.

När du hittar den du gillar ska du aktivera den.

Och om din plugin inte har mallalternativ är det okej. Du bör fortfarande ha möjlighet att anpassa färger, teckensnitt och bilder. Det tar bara lite mer arbete.

Steg 4: Lägg till innehåll på sidan

Början är att din underhållslägesida kommer att bli mycket enkel när det gäller innehåll. Till exempel:

Standard under konstruktionsmall

Men din plugin bör ge dig full kontroll över allt innehåll som visas på sidan:

Under konstruktionens innehåll

Det här är innehållselementen du bör anpassa:

Titel: Detta är den titel som Google kommer att visa för besökare när din webbplats visas i sökningen. Till exempel:

Mitt webbplatsnamn | Under konstruktion

Eller:

Mitt webbplatsnamn | Kommer snart

Beskrivning: Detta är den beskrivning som Google placerar under titeln i sökresultaten.

Så om du introducerade din webbplats som “under uppbyggnad” eller “kommer snart”, ge användarna en smak av vad som ska komma. Till exempel:

Hemvaror, möbler och pedagogiska leksaker. Webbplats kommer snart. Besök oss i centrala Toronto under tiden!

Rubrik: Det här är rubriken eller titeln som visas högst upp på sidan om underhållsläge.

Du kan lämna det som ett generiskt meddelande “Tyvärr, vi gör lite arbete” eller så kan du anpassa det. Till exempel:

Ny webbplats och produkter kommer i juni 2020

Innehåll: Detta är sidan på sidan.

Vanligtvis är det en generisk meddelandetyp “Tack för att du väntar”. Återigen, känn dig fri att anpassa den så att du kan låta besökarna veta exakt vad du arbetar med och varför de borde bli upphetsade.

Optinboxar och popup-fönster: När den här inställningen är påslagen och MailOptin-plugin aktiverad kan du lägga till ett optinformulär till din underhållssida.

Detta är viktigt eftersom det inte bara lämnar besökare att tänka på andra webbplatser att prova medan din är nere. Istället ger du dem en livlinje. Den andra sidan webbplatsen är tillgänglig igen, du är där i deras e-postinkorg och låter dem veta att de ska återvända.

Vi kommer att arbeta med att ställa in din optin-form i ett par steg. För nu, låt oss avsluta innehållet på sidan.

Innehållsteckensnitt: Om du använder anpassade teckensnitt på din webbplats (antingen teckensnitt du har valt eller som medföljde temat) uppdaterar du också teckensnitten här.

Inloggningsknapp: Om du har andra användare som behöver tillgång till WordPress admin-området kan du bädda in en märkbar “Login” -knapp på sidan.

Sociala & kontaktikoner: Optinformuläret är inte det enda sättet att hålla kontakten med besökare. Om du redan har sociala mediesidor konfigurerade för webbplatsen eller varumärket lägger du till dem på sidan.

Som standard har du möjlighet att fylla i länkar för Facebook, Twitter, LinkedIn och YouTube. Du kan utöka dessa alternativ och lägga till andra som:

  • Vimeo
  • Pinterest
  • Instagram
  • Behance
  • Dribbble

Överdriv inte men. Lägg bara till de konton du planerar för övervakning och användning.

Glöm inte att lägga till din kontaktinformation i de ytterligare fält som anges. Till exempel:

  • E-postadress
  • Telefonnummer
  • WhatsApp-nummer

Återigen, fyll i bara de relevanta detaljerna. Du kommer att vara upptagen med att bygga eller fixa din webbplats just nu. Det sista du vill är att bli distraherad av människor som försöker kontakta dig över för många kanaler.

Spara dina ändringar.

Steg 5: Förhandsgranska dina ändringar

När du har slutfört designen och innehållet ska du förhandsgranska den sida du har skapat.

Du hittar en “Förhandsgranskning” -knapp längst ner på huvud-, design-, innehålls- och åtkomstsidorna:

Förhandsgranska underhållsläge

Klicka på den och se din nya sida:

Ny konstruktionssida

Gör eventuella återstående justeringar av designen och texten efter behov, spara dina ändringar och gå vidare till nästa steg.

Steg 6: Skapa Optin (valfritt)

Om du vill skapa ett optin för sidan kan du göra detta steg. Om det inte behövs (säg, om webbplatsen bara kommer att vara nere ett par timmar eller dagar), hoppa till det sista steget.

För att lägga till ett kontaktformulär till din underhållssida, kontrollera först din plugin.

Till exempel fungerar plugin-programmet Under Construction med MailOptin. Andra underhållsplugin kan ha en egen integrerad kontaktformulär, så leta efter instruktioner om var du kan få ditt formulär från innan du installerar något nytt.

Låt oss nu gå igenom den hypotetiska situationen med att använda MailOption:

MailOptin-plugin

E-post kontaktuppgifter
När det gäller plugin-inställningar, är den enda sidan du behöver bekymra dig med sidan E-postkampanj där du kommer att fylla i ditt företags detaljer:

MailOptin E-postkampanjinställningar

Dessa detaljer säkerställer att dina prenumeranter vet vem dina meddelanden kommer ifrån istället för att direkt dirigera dina e-postmeddelanden till skräppostmappen. Fyll i detaljerna och spara dina ändringar.

E-postmarknadsintegration
Gå sedan till fliken Integrationer i MailOptin-menyn. Här ansluter du din e-postmarknadsföringsprogramvara till formuläret:

MailOptin Integrations

MailOptin integreras med alla större e-postmarknadsföringsleverantörer, inklusive AWeber, Constant Contact, GetResponse, MailChimp och SendinBlue.

Hitta din leverantör på listan och följ instruktionerna för att integrera de två verktygen. När det gäller MailChimp skulle det vara lika enkelt som att lägga till en API-nyckel.

MailOptin MailChimp Integration

Med den här installationen går leads som kommer in via formuläret automatiskt till din leverantör av nyhetsbrev. Detta håller informationen från WordPress (vilket är bra för säkerheten) och gör det enklare att skicka marknadsföringsmeddelanden av hög kvalitet från en plattform byggd för detta ändamål.

Val av optin
Därefter vänder du dig till Optin-kampanjer.

MailOptin Optin-kampanjer

Klicka på “Lägg till nytt” för att skapa din underhållssidan.

Det första du ska göra är att namnge optin. Eftersom detta händer på din underhållssida bör titeln vara relevant för det.

Namnge optin

Välj sedan vilken typ av optinbox du vill visa.

Dina alternativ är:

  • Ljuslåda: en standard popup-box
  • In-post: en ruta som visas i linje med ditt innehåll
  • Sidebar / widget: en liten ruta som visas i sidofältet eller widgetavsnittet (inte relevant här)
  • Meddelandefält: en klibbig bar högst upp på sidan (finns endast i premium)
  • Glida in: en animerad popup-ruta som vanligtvis fastnar i hörnet på sidan (endast tillgänglig i premium)

Använd underhållssidan för en underhållssida. Om du går till premium skulle meddelandefältet vara ett bra alternativ.

Klicka på typen av optin du vill använda. De gratis temalternativen sorteras till toppen. Välj den som fungerar bra med den underhållssida du har byggt och som du gillar stilen på:

MailOptin Optin-alternativ

Optin Anpassning
När du klickar på “Välj tema” kommer du till WordPress Customizer:

MailOptin WordPress Customizer

Ta dig tid att gå igenom alla inställningar för optin för att skapa en anpassad design och innehåll. Glöm inte att ansluta din e-postmarknadsföringsprogramvara till formuläret (under fliken Integration).

När du är klar sparar du ändringarna och växlar växeln längst upp till vänster till “På” -läget.

Avsluta ur Customizer med “X” i det övre vänstra hörnet. Återgå sedan en gång till till ditt Under Construction-plugin.

Anslut Optin
Under fliken Innehåll bläddrar du ner till “Optin Boxes & Popups”. Ändra inställningen från “Inaktivera optins” till ditt nya optin:

Lägg till Optin i underhållet

Spara ändringarna.

Du kan nu förhandsgranska underhållssidan med liveoptin. Här är ett exempel på hur det kan se ut om du skapade en in-post opt-in för att visas längst ner i innehållet:

Exempel på underhållssida

Detta är den ovanstående veckan och rubriken för sidan. Rulla ner en gång så kommer besökarna att se detta:

Exempel på underhållssida med Optin

Det finns ett kort meddelande om webbplatsens status och sedan visas opt-in mellan den och sociala / kontaktlänkar.

Om du vill göra några justeringar efter att ha sett hur sidan har visat sig, gå tillbaka till antingen din underhållsplugin eller plugin-plugin för att justera.

Steg 7: Slå på underhållsläge

När du är nöjd med det du har är det dags att aktivera underhållsläget.

Gå till fliken Huvud i plugin-programmet för underhållsläge. Växla “Under Construction Mode” för att växla till “On” -läget.

Under konstruktion aktivering

Du kan också konfigurera de andra inställningarna på den här sidan. Den enda du inte kan kontrollera är indexering eftersom det är en Pro-funktion.

Men om du vill stänga av underhållsläget automatiskt på ett visst datum och tid kan du ställa in det här. Du kan också lägga till din spårningskod för Google Analytics om du vill hålla koll på trafiken till sidan.

Avsluta med att konfigurera dina inställningar och klicka sedan på “Spara ändringar”. Underhållsläget kommer nu att vara direkt på din webbplats.

Avaktivera underhållsläge

För att stänga av underhållsläget med en plugin, koppla bara aktiveringsomkopplaren till “Av” -läget.

Alternativ C: Aktivera underhållsläge med ditt tema eller sidbyggare

Det finns ett annat sätt att aktivera underhållsläget i WordPress. Och det är för att använda ett tema eller en sidbyggare-plugin som inkluderar inställningen.

I det här exemplet visar vi dig hur du bygger detta ut med Elementor.

Steg 1: Granska inställningar för underhållsläge

Elementor-sidbyggaren-insticksprogrammet har en inställning för underhållsläge under Verktyg:

Elementor Underhållsläge

Det som är trevligt med den här funktionen är att den automatiskt konfigurerar din webbplats för att skicka rätt statuskod till sökmotorer.

Detta är snart kommande läge:

Kommer snart läge

När den är aktiverad ser Google och andra sökmotorer en HTTP 200-kod och fortsätter med att indexera webbplatsen. Använd det här om en webbplats byggs för första gången och du vill få en headstart på att indexera den.

Detta är underhållsläge:

underhållsläge

Underhållsläge skickar å andra sidan en HTTP 503-kod. Detta säger sökmotorer att inte indexera webbplatsen just nu. Använd detta om du reparerar en hackad webbplats, fel eller implementerar en annars snabb uppdatering.

Steg 2: Skapa mall för underhållssida

Innan du kan aktivera något av dessa lägen måste du skapa en egen mall för underhållssidor. Klicka på den här knappen och Elementor tar dig dit du behöver för att skapa mallen:

Skapa underhållsmall

Ge det ett namn och klicka på knappen “Publicera”:

Lägg till en ny mall

Klicka på den blå “Edit with Elementor” -knappen och kliva in i mallredigeraren:

Redigera med Elementor

Steg 3: Designa och lägga till innehåll på sidan

Att ställa in denna sida är som att ställa in någon annan sida med Elementor. Huvudskillnaden är dock att du vill ta bort alla spår i rubriken och menyn.

När din webbplats pågår bör åtkomst till den blockeras – varför det är bäst att ta bort frestelsen att utforska allt tillsammans.

För att göra detta klickar du på inställningsväxelsymbolen längst ner till vänster i verktygsfältet:

Elementorinställningar

Justera sedan dessa två inställningar:

Elementor Sidinställningar

Du kan dölja titelraden genom att växla inställningen till “Ja”. Ändra sedan sidlayouten till Elementor Canvas. Detta tar bort sidhuvud och sidfot.

Elementor Canvas

För att snabbt lägga till en Elementor-mall på underhållssidan, leta upp mappikonen för biblioteket i förhandsgranskningen.

Klicka på ikonen och öppna Elementors sidmallar. Sök efter “underhåll”:

Elementor Underhållsmallar

Det finns två gratis underhållssidesmallar och fyra premium. Välj den du vill använda och klicka på den gröna knappen “Infoga” för att lägga till den på sidan.

Anpassa sidan för underhållsläge

Du kan nu anpassa sidans design och innehåll. Eller, om du hellre bara vill bygga din egen, öppna Elementor Elements-fältet här:

Elementorelement

Dra och släpp dina element från vänster till den tomma sidan till höger.

Detta är det bästa sättet att skapa något 100% anpassat som innehåller alla de element du vill ha som din logotyp, sociala ikoner, blygenerationsform, animationer osv..

Steg 4: Förhandsgranska mall för underhållssida

När du är klar med att skapa din mall för underhållssida ska du titta. I Elementor kan du öppna en förhandsvisning från ögongulet längst ner i verktygsfältet:

Elementor Eyeball

Ge sidan en genomblick:

Elementors underhållssida Exempel

Om du är nöjd med det kan du spara dina ändringar. Om inte, uppdatera den, förhandsgranska en gång till och spara.

Steg 5: Aktivera underhållsläge med Elementor

Du kan nu återgå till Elementor> Verktyg-menyn för att aktivera underhållsläget.

Du hittar din nya mall för underhållssidor här:

Elementor Tools Underhållsläge

Välj det från rullgardinsmenyn. Välj det läge du vill placera din webbplats i. Klicka sedan på “Spara ändringar”.

Du kommer inte bara att kunna se din nya underhållssida på framsidan av din webbplats, men Elementor kommer att påminna dig om denna status med den röda meddelanden i din administratörsfält:

Underhållsläge på

Avaktivera underhållsläge

För att stänga av underhållsläget med Elementor (eller ditt tema) går du bara tillbaka till verktygssidan och inaktiverar det. Du kan också göra det från den ljusröda fliken i adminfältet.

Sammanfatta

Där har du det: tre sätt du kan använda WordPress-underhållsläge för att informera besökare om att din webbplats för närvarande inte är tillgänglig. Vilket alternativ du väljer beror på vilken typ av uppdatering du gör, hur lång tid det tar och vilken åtgärd du vill att de ska följa under tiden.

Om du har några frågor eller problem med att följa den här guiden, vänligen lämna en kommentar.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map