Pålitliga WordPress-handledningar, när du behöver dem som mest.
Nybörjarguide till WordPress
WPB Cup
25 miljoner+
Webbplatser som använder våra plugins
16+
År av WordPress-erfarenhet
3000+
WordPress-handledningar
av experter

Hur man redigerar en WordPress-webbplats (ultimat guide)

Varje gång du behöver uppdatera innehåll, lägga till en ny sida eller ändra något på din webbplats, ska du inte behöva vänta på en utvecklare eller känna dig fast med föråldrad information.

WordPress byggdes specifikt för att ge dig kontroll över din webbplats.

Vi har hjälpt människor genom WPBeginner i över ett decennium och har sett hur enkelt redigering blir med rätt tillvägagångssätt. De flesta ändringar du vill göra är faktiskt mycket enklare än de verkar.

I den här guiden går vi igenom alla sätt att redigera din WordPress-webbplats, från snabba innehållsuppdateringar till designändringar.

I slutet kommer du att ha självförtroendet att hålla din webbplats fräsch och uppdaterad när du behöver det.

Hur man redigerar en WordPress-webbplats (ultimat guide)

Hur man redigerar en WordPress-webbplats: En komplett översikt

Som ett innehållshanteringssystem med öppen källkod har WordPress många funktioner för att bygga och redigera din webbplats. Här är flera sätt du kan göra det på:

Blockredigeraren (Gutenberg): Detta är standardredigeraren i WordPress för att skapa och redigera inlägg och sidor.

Den är nybörjarvänlig och kommer med ett dra-och-släpp-gränssnitt och grundläggande anpassningsblock. Detta är vad vi använder för att skriva och publicera WPBeginner blogginnehåll.

Gutenberg-blockredigerarens gränssnitt

Fullständig webbplatsredigerare (FSE): Se detta som en förlängning av Gutenberg.

Det låter dig använda blockredigeraren för att anpassa blockbaserade WordPress-teman.

WordPress Full Site Editor

Temaanpassaren: Om du använder ett klassiskt tema är detta ditt verktyg för webbplatsomfattande ändringar.

Även om det inte är dra-och-släpp, erbjuder det enkla inställningar för att anpassa utseendet på ditt WordPress-tema.

Använda WordPress Theme Customizer för att redigera en webbplats för transport och logistik

Sidbyggarplugins (som SeedProd): När du behöver mer designflexibilitet är sidbyggare rätt väg att gå.

Vi använder SeedProd för våra landningssidor eftersom det erbjuder avancerade funktioner samtidigt som det är användarvänligt. Precis som Gutenberg har SeedProd en dra-och-släpp-funktion. Det erbjuder dock fler sätt att vara kreativ, som animationseffekter och fler innehållsblocksalternativ för att bygga dina sidor.

Detta är vad vi vanligtvis rekommenderar för WordPress-nybörjare.

Redigera temat för online-coachingverksamhet i SeedProd

Klassisk redigerare: Även om den inte längre är standard, föredrar vissa användare den traditionella klassiska redigeraren som känns mer som en dokumentredigerare.

Den här funktionen är inte längre aktiverad som standard i de senaste WordPress-versionerna. Den är dock fortfarande tillgänglig via ett plugin om du föredrar den gamla metoden.

Gränssnittet för den klassiska redigeraren

I den här artikeln visar vi hur du redigerar olika delar av din WordPress-webbplats med hjälp av de redigerare vi har nämnt.

Vi antar också att du redan har WordPress installerat och konfigurerat. Annars behöver du en WordPress-värd, ett domännamn och en WordPress-installation.

Vill du hoppa till ett specifikt avsnitt i den här handledningen? Använd gärna dessa snabblänkar nedan:

Hur man redigerar ett WordPress-tema

En av de första sakerna du bör göra efter att ha installerat WordPress är att välja och anpassa ditt tema. Vi kommer att visa dig 3 sätt att göra det på.

Anpassa ett blocktema med redigeraren för hela webbplatsen

Fullständig webbplatsredigering introducerades i WordPress 5.9. Den är utformad för att göra det enkelt att redigera WordPress blockteman med hjälp av blockredigeraren.

Enligt vår erfarenhet har Full Site Editor avsevärt förenklat anpassningen av teman för nybörjare, även om det fortfarande utvecklas.

Ett tydligt tecken på att du använder ett blockbaserat WordPress-tema är att du ser Utseende » Redigerare i ditt WordPress-adminområde. Om du istället ser Utseende » Anpassa kan du hoppa till att använda Theme Customizer.

Klicka på Utseende Redigerare i WordPress-admin

För att använda Full Site Editor behöver du ha ett blocktema installerat. Du kan hitta massor av dem i vår lista över de bästa blockteman för WordPress för Full Site Editing.

Om du vill hitta några gratisalternativ, gå till Utseende » Teman. Klicka sedan på 'Lägg till nytt tema'.

Lägga till ett nytt WordPress-tema i adminområdet

Efter det, byt bara till fliken 'Blockteman'.

Du kommer då att se dussintals blockteman på din skärm. För installationsinstruktioner, kolla in vår steg-för-steg-guide om hur man installerar ett WordPress-tema.

Hitta blockteman för WordPress i administrationsområdet

När du har installerat temat måste du gå till Utseende » Redigerare för att komma åt webbplatsredigeraren.

Nu ser du instrumentpanelen för Full Site Editing. Du kan sedan redigera ditt temas navigeringsmeny, stilar, sidor, mallar och blockmönster.

Vi kommer att diskutera dessa ämnen i resten av handledningen, men vi kommer kort att visa dig hur du ändrar stilen på ditt tema.

För att göra detta, klicka på menyn ‘Stilar’.

Klicka på Stilar i gränssnittet för Full Site Editing

Nu kommer du att se en lista över färgscheman och typografikombinationer som tillhandahålls av temat.

Varje gång du klickar på en stil kommer gränssnittet att förhandsgranska den åt dig.

Välja en temastil i Full Site Editor

När du är nöjd med ditt val klickar du bara på 'Spara'. Alternativt kan du skapa en anpassad stil.

Du kan lära dig mer om detta och andra sätt att använda Full Site Editor i vår nybörjarguide till WordPress Full Site Editing.

Anpassa ett klassiskt tema med temaanpassaren

Om du använder ett klassiskt WordPress-tema, arbetar du med Temaanpassaren för att redigera det. Gå helt enkelt till Utseende » Anpassa från WordPress adminområde för att komma åt det.

Öppna anpassaren för WordPress-teman

Vad du kan anpassa här varierar beroende på vilket tema du använder.

Till exempel, om du har Astra-temat, kan du anpassa stilen på hela din webbplats, header, footer, sidofält, sida, logotyp och så vidare.

Av denna anledning rekommenderar vi att du läser ditt temas dokumentation för ytterligare instruktioner.

Hur Theme Customizer ser ut för Astra-temat

Vår guide om Temaanpassaren kan ge dig mer detaljerade tips.

När du har gjort dina ändringar kan du förhandsgranska webbplatsen i olika skärmupplösningar. Sedan kan du trycka på knappen 'Publicera' högst upp för att göra dina redigeringar live.

Publicera ett klassiskt WordPress-tema i Temaanpassaren

Vi har funnit att Theme Customizer är mindre flexibel än andra alternativ på listan. Om du känner så, rekommenderar vi att du använder nästa metod istället.

Anpassa ett WordPress-tema med ett sidbyggarplugin

Många WordPress-användare som inte är nöjda med plattformens inbyggda designfunktioner använder en sidbyggare för att redigera sin webbplats. Detta är ett WordPress-plugin som kan ersätta standardredigeraren för att designa olika delar av din webbplats.

De flesta sidbyggare kommer med en dra-och-släpp-funktionalitet, så de är lika lätta att använda som blockredigeraren. Dessutom kommer de med fler sidblock och mallar för att anpassa din webbplats.

Efter att ha testat många sidbyggare har vi konsekvent rekommenderat SeedProd som den bästa. Den kommer med över 300 mallar för olika branschkategorier, från e-handel och boende till tjänster.

För att lära dig mer, se vår detaljerade SeedProd-recension.

SeedProd Webbplats- och Temabyggare

Notera: Även om SeedProd finns i en gratis version, rekommenderar vi att du uppgraderar till Pro-planen för att få tillgång till Theme Builder. Det är den vi kommer att använda i den här handledningen.

För att använda SeedProd måste du först installera WordPress-pluginet. Därefter går du till SeedProd » Inställningar för att aktivera din Pro-planlicens. Ange helt enkelt din licensnyckel och klicka på 'Verifiera nyckel' för att slutföra detta steg.

Verifiera SeedProd Pro:s licensnyckel

Byt sedan till SeedProd » Temabyggare.

Klicka bara på ‘Temamallar‘ för att se dina temainställningar.

Åtkomst till SeedProds temamallar

Som du kan se finns det många temamallpaket tillgängliga, från webbutiker till tjänstwebbplatser. Använd gärna filtrerings- och sorteringsinställningarna för att hitta den som passar dina behov.

När du har gjort ditt val, hovra bara över temamallen och klicka på den orangea bockmarks-knappen för att använda den.

Välja en temamalluppsättning i SeedProd

Gå nu bara tillbaka till sidan Temabyggare och välj en temamall som du vill redigera.

För demonstrationsändamål visar vi hur du redigerar stilen på din SeedProd-temamall. För att göra detta, leta upp temamallen 'Global CSS', för muspekaren över den och klicka på 'Edit Design'.

Redigera en temamallupps globala CSS i SeedProd

Du är nu inne i SeedProd-sidbyggaren och kan anpassa din temamalls stil. Här kan du ändra din webbplats färger, typsnitt, bakgrunder, knappar, formulär och layout.

Låt oss se hur du ändrar temat standardtypsnitt. För att göra detta, öppna menyn ‘Typsnitt’. Välj sedan bara ett av SeedProds många alternativ för typsnitt och färger för rubrik- och brödtext.

Alla ändringar du gör visas automatiskt i förhandsgranskningen på höger sida.

Ändra ett typsnitt i en SeedProd-temamall i den globala CSS-temamallen

När du är nöjd med stilen, klicka bara på 'Spara' för att göra dessa ändringar officiella.

Sedan kan du gå tillbaka till SeedProd » Temabyggare och slå på växlingsknappen 'Aktivera SeedProd-tema' i det övre högra hörnet.

Aktivera SeedProd-temamall i WordPress

För mer information om att redigera WordPress-teman med SeedProd kan du se vår guide om hur man enkelt skapar ett anpassat WordPress-tema.

Hur man redigerar sidor eller inlägg i WordPress

Om du har uppdaterat WordPress till den senaste versionen, då kommer du troligtvis att använda Gutenberg blockredigerare för att redigera en sida eller ett inlägg.

Du kan skapa en ny sida genom att gå till Sidor » Lägg till ny Sida. Detta skapar automatiskt en helt tom sida och leder dig till blockredigeraren.

Å andra sidan, om du vill redigera en befintlig sida, som startsidan eller bloggsidan, kan du gå till Sidor » Alla sidor. Håll muspekaren över sidan du vill redigera och klicka sedan på 'Redigera'.

Klicka på knappen Redigera för att redigera en befintlig WordPress-sida

Alternativt finns det också funktionen Snabbredigering.

Detta gör att du kan ändra sidans titel, URL-slug och datum för senaste ändring.

Klicka på knappen Snabbreducering på sidan WordPress-sidor

Du kan göra olika saker med funktionen Snabbredigering.

Exempel inkluderar att ställa in ett lösenord för sidan, göra den privat, tilldela den som en huvudsida, ändra sidmallen, tillåta/avvisa kommentarer och ändra sidans status.

Funktionen Snabbreducering för WordPress-sidor

För att skapa ett nytt inlägg, gå helt enkelt till Inlägg » Lägg till nytt inlägg för att skapa ett nytt tomt inlägg och redigera det med blockredigeraren.

Som tidigare kan du redigera ett befintligt WordPress-blogginlägg genom att föra muspekaren över det valda inlägget och klicka på 'Redigera'.

WordPress-inläggsgränssnittet i WordPress adminområde

Snabbredigeringsfunktionen för inlägg är liknande men med några mindre skillnader.

Här kan du också lägga till taggar, tillåta/förbjuda pings och göra inlägget klistrigt (framträdande på din webbplats).

Funktionen Snabbreducering för WordPress-blogginlägg

När du har öppnat en WordPress-sida eller ett inlägg finns det många saker du kan göra i blockredigeraren.

Vanligtvis börjar du med att klicka på knappen '+ lägg till block' i det övre vänstra hörnet.

Här hittar du alla tillgängliga block från WordPress och de plugins du använder.

Öppna blockinfogaren i WordPress

Du kan sedan dra och släppa ett block till det huvudsakliga redigeringsområdet.

Därefter kan du använda blockets verktygsfält och inställningssidofält för att konfigurera blockets stil, dimensioner, utfyllnad, marginal, avstånd och mer.

Sidopanelen för blockinställningar i WordPress

Har du problem med att hålla reda på alla block på din sida? Eller har du svårt att klicka på exakt det block du vill redigera?

Ingen fara. Blockredigeraren har en praktisk funktion för ‘Listvy’ som du kan komma åt i det övre vänstra hörnet. Du kommer då att se en tydlig översikt över alla dina block, vilket gör det enkelt att välja, ordna om eller redigera vilket block som helst med ett enda klick.

Se listvy i blockredigeraren

Om du har installerat ett WordPress-plugin kan du också se vissa inställningar under redigeringsgränssnittet.

Till exempel kommer pluginet All in One SEO att visa dig ett avsnitt där du kan optimera sidans eller inläggets metatitel och beskrivning för sökmotorer.

AIOSEO-inställningarna i WordPress blockredigerare

Vi har gott om guider för dig att lära dig mer om att redigera inlägg och sidor, så se till att kolla in dem:

Hur man redigerar en WordPress-sida eller ett inlägg med klassisk redigerare

Även om vi generellt rekommenderar att använda blockredigeraren, förstår vi att vissa användare föredrar enkelheten hos den klassiska redigeraren för vissa uppgifter. Som att skriva långt innehåll eller snabbt redigera inlägg utan distraktioner från blockgränssnitt.

Om du vill använda Classic Editor måste du aktivera den. Du kan läsa vår artikel om hur man inaktiverar Gutenberg och aktiverar Classic Editor för att göra detta.

Därefter skapar du bara ett nytt inlägg eller en ny sida genom att gå till Inlägg » Lägg till nytt inlägg eller Sidor » Lägg till ny sida, så visas Classic Editor på din skärm.

WordPress klassiska redigerare

Till skillnad från blockredigeraren lägger du inte till block för att infoga innehåll på din sida eller i ditt inlägg. Istället kan du bara skriva text, formatera den med hjälp av kontrollerna högst upp i redigeringspanelen och lägga till mediefiler i ditt innehåll genom att klicka på knappen 'Lägg till media'.

Längst ner och på sidorna av redigeringsgränssnittet finns inställningar för att publicera sidan/inlägget, ställa in sidans eller inläggets kategorier/taggar, ladda upp en utvald bild och så vidare.

Du kan också växla mellan det visuella och textredigeringsläget. Med den andra redigeraren kan du ändra inläggets eller sidans HTML-kod.

Textredigeringsläget i WordPress klassiska redigerare

Hur man redigerar en WordPress-sida med en sidbyggare

Om du redan använder en sidbyggare som SeedProd för att redigera ditt tema, kan du använda den för att redigera en sida också. På så sätt kan du bibehålla din designs enhetlighet över alla dina sidor.

Du behöver skapa en ny sida och öppna blockredigeraren. Om SeedProd är aktivt ser du en knapp högst upp som säger 'Redigera med SeedProd'. Klicka på den.

Du kan också göra detta med en befintlig sida. Observera dock att innehållet inte kommer att överföras, och du måste skapa sidan från grunden.

Klicka på knappen Redigera med SeedProd i WordPress blockredigerare

I sidbyggaren kommer du att se att SeedProd-temats sidhuvud och sidfot har lagts till. Allt du behöver göra är att börja bygga sidan.

Välj först en av de 8 layouterna som ska användas på sidan.

Välja en layout för sektionen i en SeedProd-temamall

På vänster sida hittar du alla block och sektioner som du kan dra och släppa till höger sida, vilket är mallförhandsgranskningen.

Du kan använda dessa för att infoga innehåll på sidan.

SeedProds blockbibliotek

När du klickar på ett block eller en sektion visar vänster sida de tillgängliga inställningarna för att anpassa elementet.

I skärmdumpen nedan kan du se att om du klickar på textblocket visas blockinställningarna. Du kan anpassa texten, infoga dynamiskt innehåll, redigera HTML, ändra justeringen och så vidare.

Anpassa inställningarna för SeedProds textblock

När du är klar med att redigera sidan, glöm inte att klicka på ‘Spara’ för att göra ändringarna live.

För mer information, se bara vår guide om hur man skapar en anpassad sida i WordPress.

Om du vill skapa en anpassad landningssida från grunden, kan du också göra det med SeedProd. Allt du behöver göra är att gå till SeedProd » Landningssidor. Klicka sedan på knappen '+ Lägg till ny landningssida'.

Skapa en ny landningssida i SeedProd

För mer information, se vår handledning om hur man skapar en anpassad landningssida.

Alternativ: Thrive Architect är ett annat bra alternativ för sidbyggare för att designa attraktiva anpassade sidor. Dessutom kan du redigera inlägg, inte bara sidor.

Du kan läsa vår recension av Thrive Architect för mer information.

Du kanske också vill redigera WordPress sidhuvud, sidfot, sidofält och andra delar av ditt tema.

Detta är sektioner på din webbplats som inte är en del av sidans eller inläggets huvudinnehåll. De är dock viktiga för att ge ytterligare information eller hjälpsam navigering.

Hur du kan redigera dessa sektioner beror på vilket tema du använder, så låt oss gå igenom varje alternativ.

Hur man redigerar en blocktemas sidhuvud, sidfot och andra mallkomponenter

Om du har ett blocktema kan du använda Full Site Editor för att redigera ditt temas sidhuvud och sidfot.

I den fullständiga webbplatsredigeraren betraktas ett sidhuvud och en sidfot som mallkomponenter. Dessa är också kända som WordPress-mönster (en uppsättning återanvändbara block) som visas på hela din webbplats.

Andra exempel på en mall-del inkluderar kommentarsavsnittet och inläggsmetadata.

Som ett exempel visar vi hur du redigerar ditt WordPress-sidhuvud, men du kan upprepa dessa steg med andra mall-delar.

Gå först till Utseende » Redigerare. När du är i Redigeraren för hela webbplatsen klickar du bara på ‘Mönster’.

Klicka på menyn Mönster i redigeraren för hela webbplatsen

Du kommer nu att se en lista över mönster som tillhandahålls av ditt WordPress-tema.

Fortsätt och skrolla ner till avsnittet Malldelar. Välj sedan 'Header' och klicka på malldelen Header.

Öppna sidhuvudets mallkomponent i WordPress Full Site Editor

Nu behöver du klicka på pennknappen bredvid texten Sidhuvud.

Detta öppnar blockredigeraren.

Klicka på pennknappen för att redigera headern med Full Site Editor

Blockredigeraren fungerar på samma sätt med mallkomponenter som med sidor och inlägg. Du kan lägga till olika block i sidhuvudet, konfigurera blocket och uppdatera ändringarna när du är klar.

Sidhuvuden inkluderar vanligtvis en webbplatslogotyp (eller favicon), så lägg gärna till den här också.

Lägga till blocket Webbplatslogotyp i sidhuvudet i Redigeraren för hela webbplatsen

Om du helt vill ändra hur sidhuvudet ser ut men inte vet var du ska börja, klicka på knappen ‘+’ lägg till block i det övre vänstra hörnet.

Navigera sedan till fliken 'Mönster' och klicka på 'Sidhuvuden'. Du hittar många färdiga sidhuvudlayouter där.

Hitta WordPress-sidhuvudsmönster i Full Site Editor

För mer information, se vår guide om hur du anpassar din WordPress-rubrik.

När du är klar med att ändra sidhuvudet klickar du på 'Spara'. Eftersom sidhuvudet är en synkroniserad mallkomponent kommer alla ändringar du gör här att tillämpas på alla sidor som använder sidhuvudet.

Nu, om du vill skapa en ny rubrik eller några andra mallkomponenter istället för att redigera befintliga, kan du gå tillbaka till sidan 'Mönster'. Klicka sedan på knappen '+ Skapa mönster' och välj 'Skapa mallkomponent'.

Skapa en ny mallkomponent i Full Site Editor

I popup-fönstret, ge mall-delen ett namn och välj typ av mall-del.

Klicka sedan på 'Skapa'. Du kommer sedan att dirigeras till blockredigeraren och du kan redigera malldelen som vanligt.

Popup-fönstret Skapa malldel i WordPress Full Site Editor

För mer information kan du se vår kompletta guide till WordPress redigering av hela webbplatsen.

Hur man redigerar en WordPress-rubrik, sidfot och andra widget-klara områden i ett klassiskt tema

I ett klassiskt tema är en WordPress-widget i princip ett block som du kan lägga till i widget-redo områden, som rubriker, sidfötter, sidofält och så vidare.

Varje klassiskt WordPress-tema har olika widget-redo områden. Vissa kan inkludera en sidofält, och vissa kanske inte. Så se till att kontrollera ditt temas dokumentation för mer information.

För att använda widgets måste du gå till Utseende » Widgets. Här kan du lägga till, konfigurera och ta bort block i de tillgängliga widget-klara områdena.

Lägga till FlipBox-widgeten till en sidopanel eller liknande sektion

Du kan läsa mer information om widgets i vår artikel om hur man lägger till och använder widgets i WordPress.

Kolla också in vår guide om skillnaden mellan widgets och block för att förstå mer om den här funktionen.

Hur man redigerar en WordPress-header, footer och andra mallkomponenter med en sidbyggare

En av fördelarna med att använda en sidbyggare är att du får fler alternativ för att anpassa sidhuvuden, sidfötter, sidofält och andra delar av ditt tema.

Om du använder SeedProd kan du gå till SeedProd » Temabyggare. Vi antar att du har installerat ett tema-mallkit från tidigare.

Kitet innehåller vanligtvis olika temamallar. Detta kan vara en inbyggd sidmall, som en 404 eller inlägg, eller en del av en sida, som en header, footer, prislistor och så vidare.

Håll muspekaren över en temamall. Klicka sedan på 'Redigera design'.

Redigera sidhuvudets temamall i SeedProd

Nu kan du redigera sidhuvudet på samma sätt som du skulle göra med en sida.

Låt oss säga att du vill lägga till dina sociala medier-länkar här. Vad du kan göra är att föra muspekaren över rubriken tills den blå ramen visas och klicka på knappen '+ Lägg till rad'. Gå sedan vidare och välj en radlayout.

I vårt exempel vill vi lägga till ytterligare en kolumn så att headern kan rymma bilden, menyn och länkarna till sociala medier. Det innebär att vi behöver tre kolumner i en rad.

Välja en radlayout i SeedProd

Du kan sedan dra och släppa blocken från den översta raden till den nya raden.

Ta sedan bort den översta raden så att din nya rad blir den nya rubriken.

Ta bort en tidigare rad i en SeedProd-sektion

Leta nu bara efter blocket Sociala profiler i panelen till vänster.

Dra det till rätt kolumn, så är du klar.

Lägga till blocket Sociala profiler i sidhuvudet i SeedProd

För mer information om att redigera mallkomponenter kan du läsa dessa WordPress-handledningar:

Hur man redigerar en navigeringsmeny i WordPress

En navigeringsmeny gör det enkelt för besökare att utforska allt ditt innehåll utan att gå vilse på din webbplats. Därför är det viktigt att designa en meny som visar dina viktigaste sidor och länkar till annan relevant information.

Om du använder ett blockbaserat WordPress-tema kan du välja menyn 'Navigation' från sidan Full Site Editor.

Välja navigering i WordPress Full Site Editing

Vår artikel om att lägga till anpassade navigeringsmenyer i WordPress kan guida dig genom resten av stegen.

Om du använder ett klassiskt WordPress-tema kan du gå till Utseende » Menyer. Detta är en dedikerad sida där du kan lägga till, ordna och ta bort sidor/inlägg och länkar till dina menyer.

Hur du lägger till en WordPress-navigeringsmeny på din webbplats eller blogg

För steg-för-steg-instruktioner kan du ta en titt på vår nybörjarguide om hur man lägger till en navigeringsmeny i WordPress.

Om du använder en sidbyggare som SeedProd, kan din navigeringsmeny (Nav Menu-block) ha bäddats in i din sidhuvudsmall.

Navigeringsmenyn kommer redan att inkludera alla dina sidor, men du kan också lägga till nya objekt.

Gå först till SeedProd » Temabyggare från din WordPress-instrumentpanel. Hitta sedan mallen ‘Header’ och klicka på ‘Redigera design’.

Redigera sidhuvudets temamall i SeedProd

Håll nu muspekaren över blocket som ser ut som en meny. Det bör vara blocket 'Nav Menu'.

Därefter, scrolla ner i den vänstra panelen och klicka på '+ Lägg till nytt objekt'.

Du kan sedan anpassa ankaretexten, ange URL:en, få den att öppnas i ett nytt fönster och ställa in den som nofollow.

Lägga till nya menyalternativ i SeedProd

Mot botten kan du ändra länkarnas teckenstorlek, mellanrum, avdelare och justering.

Glöm inte att klicka på 'Spara' för att göra ändringarna live.

Konfigurera Navigeringsmeny-blocket i SeedProd

Hur man redigerar en WordPress-webbplats med kod

Om du är bekväm med kod kan du också använda anpassade kodavsnitt för att redigera din WordPress-webbplats. Vi rekommenderar dock bara denna metod om du har rätt teknisk kunskap för att undvika att bryta din webbplats.

Ett sätt du kan redigera en WordPress-webbplats med kod är genom att lägga till CSS, vilket är ett stilark som kan ändra hur HTML ser ut på framsidan.

Användare av klassiska teman kan gå till Utseende » Anpassa och hitta fältet 'Ytterligare CSS' i Temanpassaren.

Här kan du infoga CSS-kod för att styla olika HTML-element som färger och typsnitt.

Detta kan vara användbart om ditt temas inbyggda alternativ inte räcker till för dina behov.

Lägga till anpassad CSS i WordPress

För användare av blockteman kan du inte lägga till anpassad CSS i Full Site Editor.

Istället måste du gå till URL:en nedan för att öppna Temam Anpassaren och hitta fältet Ytterligare CSS. Se till att ersätta domännamnet med ditt eget.

https://example.com/wp-admin/customize.php

För mer information, se vår guide om hur du åtgärdar saknad Theme Customizer i WordPress-admin.

Ett annat sätt att lägga till CSS är med CSS Hero. Detta plugin gör det enkelt att lägga till anpassad CSS till WordPress-teman, även för nybörjare.

Om du är intresserad av att använda den, kolla bara in vår CSS Hero-recension och dessa handledningar:

Hur man redigerar WordPress-temafiler

Ibland kan vissa handledningar kräva att du redigerar dina WordPress-temafiler för att göra ändringar utöver vad dina inbyggda temafunktioner tillåter. Med det sagt rekommenderar vi bara att redigera temafiler direkt om det är det enda sättet som fungerar för att uppnå dina mål.

I det här fallet rekommenderar vi:

  • Skapa ett barntema först. Detta är som en kopia av ditt WordPress-tema som du säkert kan anpassa med lite kodning.
  • Säkerhetskopiera din webbplats. Det är en bra åtgärd att göra så att du kan återställa din webbplats till en tidigare version vid fel.

Att redigera en WordPress-temafil kräver att du går till din WordPress-filkatalog från backend. För att göra detta behöver du öppna din webbhotells filhanterare eller ansluta till din webbplats med en FTP-klient.

Om du använder Bluehost kan du gå till din instrumentpanel och öppna fliken 'Webbplatser'. Klicka sedan på 'Inställningar' för den webbplats för vilken du vill öppna temafiler.

Öppna Bluehosts webbplatsinställningar

Skrolla nu bara ner till avsnittet 'Snabblänkar'.

Klicka sedan på ‘Filhanteraren’. Om du är osäker på var din rotmapp finns kan du använda funktionen ‘Dokumentrot’ för att se dess sökväg.

Öppna Bluehosts filhanterare

När du är inne i filhanteraren kan du gå till din webbplats rotmapp (vanligtvis kallad public_html).

Gå sedan till /wp-content/themes och hitta din nuvarande temamapp.

Ett exempel på hur WordPress-temafiler ser ut i Bluehosts filhanterare

Därefter hittar du alla dina WordPress-temafiler, som du kan redigera med en textredigerare.

Här är några saker du kan göra genom att redigera WordPress-temafiler:

Hur man säkert infogar anpassad kod i WordPress

Om du vill lägga till ny anpassad kod i WordPress, rekommenderar vi att du använder WPCode. I våra tester har WPCode visat sig vara ett säkrare och mer användarvänligt alternativ till att redigera temafiler direkt.

WPCode - Bästa plugin för WordPress-kodavsnitt

Med det här pluginet behöver du inte oroa dig för att av misstag förstöra din webbplats. WPCode kommer att meddela dig om det finns fel i koden och inaktivera den. Dessutom kan du skapa PHP-kortkoder för att infoga anpassat innehåll på din webbplats.

För att se WPCode i aktion kan du läsa vår fullständiga WPCode-recension i WPBeginner Solution Center.

Vad är det bästa sättet att redigera en WordPress-webbplats för nybörjare?

För nybörjare rekommenderar vi alltid att installera ett sidbyggarplugin som SeedProd för att redigera WordPress-webbplatser. Anledningen är att det är lika lätt att använda som blockredigeraren men ger dig mycket mer kontroll över din WordPress-design.

Om du inte vill använda ett plugin, är nästa bästa alternativ ett blocktema med Full Site Editor. Den här funktionen är inte helt utvecklad än eftersom WordPress ständigt arbetar med Gutenberg-projektet. Men som det är nu är det ganska användarvänligt.

Temaanpassaren är inte lika flexibel som Full Site Editor eftersom den saknar dra-och-släpp-funktionalitet. Därför föreslår vi att användare av klassiska teman installerar SeedProd för att förbättra sin användarupplevelse.

När det gäller kodning rekommenderar vi det bara om du har skapat ett barn-tema och säkerhetskopior av din webbplats för att undvika fel. Men med pluginet WPCode är det mycket säkrare att lägga till anpassad kod för att redigera din WordPress-webbplats och det kommer inte att orsaka några fel eller bryta din webbplats.

Vanliga frågor

Här är några vanliga frågor från våra läsare om att redigera en WordPress-webbplats:

Vad är skillnaden mellan att redigera ett inlägg kontra att redigera hela webbplatsen?

Att redigera ett inlägg eller en sida innebär att uppdatera innehållet – som text, bilder eller videor – på en specifik sida på din webbplats. Detta är användbart för bloggartiklar, landningssidor eller tjänstesidor.

Att redigera din webbplats (webbplatsomfattande) innebär ändringar som påverkar varje sida, som din webbplats sidhuvud, sidfot, typsnitt, färger eller meny. Detta görs via verktyg som Webbplatsredigeraren eller Anpassaren, beroende på ditt tema.

Är det säkert att redigera min webbplats medan den är live?

Ja, men var försiktig. Enkla innehållsändringar som att ändra text eller lägga till bilder går bra att göra live.

Om du däremot gör större design- eller layoutändringar är det säkrare att använda en staging-miljö.

Vissa hostingleverantörer erbjuder staging med ett klick. Du kan också använda plugins som WP Staging för att skapa en testversion av din webbplats där du kan prova ändringar utan att påverka verkliga besökare.

Vad ska jag göra om jag förstör något när jag redigerar?

Bli inte panikslagen! WordPress har inbyggd revisionshistorik för inlägg och sidor, så du kan ångra de flesta ändringar. För designändringar eller temajusteringar kan du:

  • Återställ en säkerhetskopia om du skapade en innan du redigerade.
  • Använd din webbhotells säkerhetskopieringsverktyg.
  • Inaktivera ett plugin eller tema om det orsakade problemet.
  • Be din hosting-support om hjälp (många erbjuder gratis lösningar).

I framtiden, överväg att använda ett barntema eller göra redigeringar i en staging-miljö för att vara säker.

Kan jag byta redigerare senare (t.ex. från Gutenberg till en sidbyggare)?

Ja, men gör det försiktigt. Du kan installera en sidbyggare som Elementor eller SeedProd även om du började med blockredigeraren.

Notera bara att byte av redigerare kan kräva omformatering av delar av dina sidor. Vissa byggare lagrar innehåll i sitt eget format, så du kanske inte kan gå tillbaka enkelt utan viss rensning.

Det är bäst att välja en huvudsaklig redigeringsmetod tidigt och hålla sig till den för konsekvens.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du redigerar en WordPress-webbplats. Du kanske också vill kolla in våra experters val av de bästa WordPress-temabyggarna och vår lista över utmärkta WordPress-webbplats exempel du bör kolla in.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.

Upplysning: Vårt innehåll stöds av läsarna. Det innebär att om du klickar på några av våra länkar kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt och hur du kan stödja oss. Här är vår redaktionella process.

Det ultimata WordPress-verktyget

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som alla proffs bör ha!

Läsarnas interaktioner

7 CommentsLeave a Reply

  1. Av 10 är detta den första artikeln jag nyligen har läst som inte rekommenderar Elementor först, utan snarare Seedprod.

    Om jag förstår saken rätt, beror det på att Seedprod är en mycket bra utgångspunkt och fortfarande har många möjligheter att skapa en webbplats som konverterar bra, eller hur? Jag tror att Elementor är mer av en tekniskt avancerad lösning.

  2. Det är bra att du fokuserar främst på blockredigeraren för redigering av webbplatsinnehåll. Gutenberg gav mig alltid mycket problem eftersom jag aldrig riktigt vänjde mig vid det. Faktum är att det var anledningen till att jag lämnade WordPress i flera år. Jag upptäckte de nya WordPress-möjligheterna först genom Elementor och senare Seed Prod efter ett tag. Därför uppskattar jag varje artikel du ägnar åt Gutenberg. Tack vare dessa artiklar har jag lärt mig mycket nytt om Gutenberg från dig, och jag är tacksam för det.

  3. tack för den här detaljerade artikeln för nybörjare. Det var genom din gratis 101 videohandledning som jag fick en solid grund i wordpress och nu lägger den här artikeln till mer smak till det jag redan vet. Den här nya nivån av flexibilitet, särskilt när det gäller att redigera blockteman, skiljer wordpress från mängden av andra innehållshanteringssystem. tack, detta är en mycket användbar artikel

  4. Jag har märkt att alla skärmdumpar som används i det här inlägget är i skrivbordsstorlek. Detta visar att användaren använde sin bärbara dator för redigeringen. Betyder detta att man inte kan använda en mobiltelefon för att redigera? Eller kan vissa använda den för att redigera? Eftersom inte alla WordPress-webbplatsägare har en bärbar dator eller stationär dator? Vad har du att säga om detta?

    • Det är inte nödvändigt att använda en bärbar dator för att redigera en WordPress-webbplats, men det rekommenderas normalt eftersom du kan testa en mobilvy på en bärbar dator/stationär dator, men att testa en bärbar dator/stationär dator-vy på mobilen är mycket svårt.

      Admin

    • För redigering kan du använda en mobiltelefon, och det finns till och med appar tillgängliga för både Android- och Apple-enheter. Det enda kravet är att ha XML-RPC aktiverat på din webbplats, åtminstone för den IP-adress från vilken din mobila enhet ansluter, eller helst ha XML-RPC helt aktiverat. Att använda en mobil enhet för att redigera WordPress är dock verkligen en sista utväg. Jag har provat det flera gånger när jag akut behövde redigera artikeltext. Det fungerar rimligt bra i den klassiska blockredigeraren. Verktyg som Elementor är dock praktiskt taget oanvändbara på mobilen. Enligt min mening ger användning av en mobil enhet för WordPress-redigering ingen mening när det gäller produktivitet och komfort när man arbetar med en webbplats.

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt vår kommentarspolicy, och din e-postadress kommer INTE att publiceras. Använd INTE nyckelord i namn fältet. Låt oss ha en personlig och meningsfull konversation.