Behöver du anpassa ett WordPress-tema? Du kanske precis har startat din personliga webbplats, men standardteman för WordPress gör dig inte glad.
Som tur är erbjuder WordPress en mängd alternativ för att hjälpa dig att ändra och designa din webbplatss tema efter dina önskemål. Vi visar dig hur du kommer igång.
Steg 1: Ändra standardtema
För närvarande kommer en grundläggande WordPress-installation med Twenty-Twenty Two-temat som standard. Men som du kanske har märkt har standardtemat inte alla klockor och visselpipor du vill ha på din webbplats. Visst, den laddas snabbt och levererar det som behövs, men du vill också att din webbplats ska se bra ut.
Därför bör du överväga att ersätta standard WordPress-temat med något mer anpassningsbart. Några bra exempel är GeneratePress, Astra, OceanWP, Kadence WP, etc.
För att göra det, logga in på din webbplats WordPress-instrumentpanel och välj Utseende från vänster sidofält. Byt sedan till teman avsnitt och klicka Lägg till ny för att installera ett nytt tema. WordPress kommer att presentera en katalog över de mest populära och senaste teman. Du kan antingen välja ett från den här listan eller manuellt skriva in namnet på det tema du vill installera i sökfältet.
Hur som helst, håll muspekaren över temaposten när du ser den och klicka Installera. Klicka sedan Aktivera för att tillämpa temat på livewebbplatsen. Många WordPress-teman ser fantastiska ut direkt, medan du kanske måste anpassa till och med den grundläggande webbplatslayouten själv i vissa fall.
Steg 2: Ändra några allmänna webbplatsvariabler
När du har installerat temat du gillar är nästa steg att ställa in några grundläggande variabler som påverkar hela din webbplats, som ditt webbplatsnamn, tagline och logotyp. Gå över till Utseende avsnitt och klicka Anpassa för att öppna WordPress-anpassaren. Här hittar du inställningar för att ändra din webbplatsstruktur, design och typografi.
Observera att alternativetiketterna som nämns nedan kan vara olika beroende på det tema du har installerat, men de flesta funktionerna kommer att finnas i anpassaren, precis under en annan etikett. Så se till att leka med alternativen innan du gör några faktiska ändringar på webbplatsen.
För att börja, gå till Webbplatsidentitet sektionen och ange webbplatsens namn och slogan. Skapa sedan två olika logotyper för din webbplats: rubriklogotypen och faviconen. WordPress kommer att ange de rekommenderade måtten för favicon; du behöver bara skapa bilden och ladda upp den till biblioteket. Resten är lätt!
Du kan också välja att dölja webbplatsens namn och slagord om du laddar upp en anpassad logotyp.
Gå sedan vidare till att ändra webbplatsens layout genom att byta till Layout sektion. Här kan du ändra den primära behållarens bredd, rubrikjustering, navigeringsmeny, sidofält och mycket mer.
Det rekommenderas att du skapar dina sidhuvuds- och sidfotsmenyer vid det här laget—med hjälp av Menyer avsnitt – så att du enbart kan fokusera på designsidan av saker och ting senare.
Steg 3: Gå vidare till mer avancerade stylingar
Nu när de grundläggande sakerna är ur vägen, skulle du ha en basstruktur för hur din webbplats kommer att se ut. Oroa dig inte om det inte ser bra ut än. Gå över till Färger och välj primärfärgerna för din webbplats. Du kan använda en webbsida för att skapa färgpaletter för ditt varumärke.
Byt sedan till Typografi och lägg till alla teckensnitt som du vill ha på din webbplats. När du har valt ett rent och läsbart teckensnitt, gå vidare till Widgets. Det finns en mängd widgets du kan lägga till på din webbplats: sökfält, senaste kommentarer, relaterade artiklar, galleri, anpassad HTML-kod, textvisning, etc.
Välj platsen där du vill visa widgeten och lägg sedan helt enkelt till en med hjälp av WordPress-blockwidgetfunktionen.
Steg 4: Använd anpassad kod för att anpassa ditt WordPress-tema
En av många funktioner i WordPress är dess förmåga att hantera anpassad kod. Du kan lägga till din kod ovanpå WordPress och den kommer att återspegla ändringarna utan att bryta något. Den enda fångsten? Du måste vara skicklig i CSS för styling av HTML och PHP för att ändra standardfunktionaliteten i WordPress.
För att lägga till anpassad CSS till din webbplats, gå till Ytterligare CSS avsnitt i WordPress-anpassaren. Här kan du använda klasser och ID: n för att välja och utforma HTML-element efter din smak. För att få elementidentifieraren för en HTML-entitet, använd webbläsarutvecklingsverktyg som erbjuds av Google Chrome och Mozilla Firefox.
För att anpassa hur temat fungerar, gå till din WordPress-instrumentpanel och välj Utseende från vänster sidofält. Under Temafilredigerare, hittar du en lista över alla temafiler och en redigerare som du kan använda för att ändra dem.
Du kan ändra allt från hur inlägg visas på dina kategorisidor till hur kommentarerna visas och filtreras genom att redigera PHP-filer.
Steg 5: Skapa ett barntema för att spara anpassningar
Dina anpassningar kommer att få din webbplats att se vacker ut. Men bara tills utvecklaren släpper en temauppdatering. Ändringarna du gör i ditt tema kommer att gå förlorade så snart du uppgraderar ditt WordPress-tema. För att motverka detta kan du skapa ett barntema av ditt huvudtema i WordPress.
Ett underordnat tema ärver det överordnade temats stil, utseende och funktioner och låter dig lägga till dina anpassningar ovanpå det. På så sätt, när det finns en ny uppdatering av huvudtemat, kan du vara säker på att uppdateringen bara kommer att påverka det överordnade temat, och dina anpassningar kommer att förbli intakta.
Bonustips: Använd en sidbyggare eller mallar för att designa din webbplats
Om du inte vill lägga tid på att skapa en varumärkesfärgpalett och anpassa varje aspekt av din webbplats, överväg att använda förbyggda mallar. En ansvarsfriskrivning: inte alla WordPress-teman erbjuder mallar till sina användare gratis, men det finns många som gör det.
Så om du har ont om tid och snabbt behöver skapa en personlig eller företagswebbplats, installera ett tema som kommer med olika mallar som du kan välja mellan.
Så här ser demowebbplatsen ut efter att ha applicerat en mall av GeneratePress:
Ännu bättre, du kan använda en sidbyggare som låter dig skapa anpassade sidor med hjälp av dra-och-släpp-verktyg. Du kan också redigera och skapa anpassade sidhuvuden och sidfötter med sådana verktyg.
WordPress-sidbyggare gillar Elementor och Divi är en livräddare för dem som inte har erfarenhet av frontend-teknologier och bara behöver ett snabbt sätt att skapa vackra webbplatser som drivs av WordPress utan kodning.
Bygga en professionell webbplats med WordPress
Att starta en webbplats tar tid. Du måste köpa ett domännamn och sätta upp hosting, och det är efter att du lyckats komma på ett varumärke.
Det finns nästan 1,7 miljarder webbplatser på internet för närvarande, och fler läggs till varje dag. Därför är det viktigt att välja ett unikt domännamn som hjälper ditt varumärke att sticka ut från mängden.