Det här inlägget innehåller affiliate-länkar, vilket betyder att jag kan tjäna lite provision: Mer information.
En webbplats är nödvändig för alla företag, särskilt i denna tid av teknologi och pandemi, eftersom de flesta företag har vänt sig till onlineutrymmet för att växa sina företag. En webbplats är det första intrycket av ditt företag. Om du inte sticker ut kommer användaren att tveka att göra affärer med dig, det är ett faktum.
Sedan början av Internet har webbplatser varit på modet. Att göra en hemsida var dock väldigt komplicerat och man kunde inte göra det om man inte hade den tekniska kunskapen.
Snabbspola fram några decennier och boom: WordPress. WordPress är ett innehållshanteringsprogram som låter dig skapa en webbplats och hantera den utan några tekniska kunskaper med hjälp av teman eller mallar. Som? Fortsätt läsa den här artikeln för att lära dig och skapa din egen webbplats på mindre än en timme!
För demot har jag valt ut mitt favorittema genom tiderna: Astra.
Astra är ett väldigt lättanvänt tema som kan användas för att skapa professionella hemsidor för ett företag, en hälsosam hemsida för din personliga blogg, en iögonfallande hemsida för din webbutik. Detta är, som vissa säger (jag), en fråga som styr dem alla. Astra designades för nybörjare som du och jag, det betyder att vi inte behöver gå vilse i oändlig kod.
Naturligtvis glömde utvecklarna inte sina medutvecklare, och temat tillåter anpassningar av koden när det behövs. Astra stöder även Right Text Line, vilket innebär att du kan ha en tvåspråkig webbplats samtidigt. Hur coolt är inte det?
Även om Astra är bland de mest nedladdade teman, har utvecklarna fortfarande en gratisversion för temat att använda och kanske kommer de att uppdatera det senare om du vill lägga till några anmärkningsvärda funktioner. Astra har mer än 1 000 000 nedladdningar.
Dessutom är detta tema, tror jag, det mest kompatibla med sidbyggare inklusive WPBakery, Elementor, Divi Builder, etc., och WordPress-plugins. Genom att ladda ner och installera Astra kan du importera otaliga webbplatsmallar av hög kvalitet med en knapptryckning. Hur coolt är inte det?
Astra är superlätt, vilket innebär att din webbplats laddas snabbare än Flash kan slockna och ge dig en bagel. Ändå tror jag personligen att kompatibiliteten med stora sidbyggare är temats unika försäljningsargument och framgång.
Astra Pro priser
Astra Pro-planer börjar på $59 per år eller $249 om du väljer ett livstidspaket. En av de fantastiska sakerna med Astra är att de erbjuder vit märkning på alla professionella planer; Det betyder att du kan använda Astra-temat på dina kunders webbplatser med ditt eget varumärke.
Medan Growth-paketet också erbjuder ytterligare produkter som Convert Pro Plugin, Schema Pro Plugin, Ultimate Addons for Beaver Builder och Elementor, SkillJet Academy Membership, etc.
Om du funderar på att starta en enkel blogg eller en digital byrå är Astra Pro-paketen mer än tillräckligt för att möta dina behov.
Astra startmallar
Astra erbjuder hundratals gratis och premium startmallar som du kan använda för att importera alla typer av webbplatser med ett enda klick.
Dessa startmallar är byggda med Astra med hjälp av sidbyggare som Gutenberg, Elementor, Beaver builder och Brizy.
Hur installerar man Astra-tema?
Det kostnadsfria Astra-temat kan laddas ner från WordPress.org eller från webbplatsens adminpanel.
Steg 1: Logga in på din adminpanel med /wp-admin efter din URL:
www.dinwebbplats.com/wp-admin
Steg 2: I menyn ser du “Utseende”. När du klickar på den kommer du att se “Teman” som i bilden nedan. Klicka på det.
Steg 3:
I sökfältet, sök efter “Astra” och installera det. Inom några minuter bör du se den på skärmen och aktivera den.
Steg 4:
Välj “Startmallar” från menyn, och du bör se samma som bilden nedan.
Klicka på en mall som passar dina behov och klicka på den. Tryck på “Importera hela webbplatsen”.
Det kommer att fråga din erfarenhetsnivå och vem du designar webbplatsen för, dig själv/företaget eller en kund. Detta påverkar inte din upplevelse. Du kommer också att bli ombedd att ange ditt namn och din e-postadress. Astra skickar ett välkomstmeddelande till dig tillsammans med en överraskning i ditt mejl.
När importen är klar kommer du att bli ombedd att klicka på en knapp som omdirigerar dig till huvudsidan på din webbplats.
Voila! Du har precis installerat det bästa temat i mindre än fem enkla steg!
Installera en sidbyggare
Nu när vi har importerat temat och demoinnehållet, låt oss installera en sidbyggare för att anpassa layouten och enkelt ändra text och bilder.
I menyn kommer du att se “Plugins”. När du klickar på den kommer du att se “Lägg till ny”. Klicka på den och sök efter “Elementor”. Installera den och aktivera den.
Låt anpassningarna börja!
Klicka på “Utseende” och klicka på Anpassa. Du kommer att tas till en skärm där du kan göra allmänna ändringar inklusive typografi, logotyp, färger, anpassa knappar och mycket mer.
Så här lägger du till logotypen:
Klicka på “Header Builder” och sedan på “Site Identity and Logo.” Du kan lägga till din logotyp, justera logotypens bredd. Du kan till och med välja att visa en tagline under din logotyp.
Slutligen, den bästa delen. Du kan enkelt justera logotypen och menyutformningen. Logotypen kan finnas på tre ställen i rubriken; vänster, mitten eller höger. Detsamma gäller menyn. Experimentera med detta och välj den layout du gillar.
Typografi och färger
Gillar du inte typsnitten som används i det importerade temat? Inga problem. Astra låter dig enkelt ändra teckensnitt på hela webbplatsen.
Klicka på “Global” under “Anpassa” och du kommer att se ett alternativ för att ändra typografi, färger och knappar.
Låt oss först titta på typografin:
När du klickar på typografi ser du ytterligare två alternativ; Bastypografi och rubriker.
“Bastypografi“ låter dig ändra teckensnittsfamiljens storlek för brödtext och justera styckemarginaler.
“Rubriker“ låter dig ställa in teckensnittsfamiljen för titlar. En ytterligare funktion som erbjuds är att ställa in olika teckensnitt för varje titel. Du kan ha Calibri för titel 1 och Arial för titel 2. Du kan också definiera vilka storlekar du vill. Om du ska behålla ett typsnitt för alla kan du ställa in det på “ärva” och alla rubriker blir desamma som de du ställer in överst på sidan.
Låt oss nu se hur vi kan ändra webbsidans färger:
Klicka på “Färger”. Här kan du välja färg på brödtexten. Du kan också ändra temafärgen. Du kan också ändra länkfärgerna och deras färg när du för musen över dem. Alla är inte fan av vit bakgrund. Du kan också välja färg på bakgrunderna härifrån. Slutligen vill alla att deras titlar ska sticka ut. Du kan också ändra färgen på titlarna!
Klicka på Klicka – Knappar
Detta dedikerade menyalternativ låter dig anpassa knapparna. Du kan välja bakgrundsfärg och textfärg på knappen. Du kan också ställa in kantradie och kantfärg om du vill ha en kontur. Du kan också välja knapptypsnitt i det här avsnittet.
När du har gjort dessa ändringar, se till att trycka på “Publicera” högst upp för att spara dina ändringar och återgå till instrumentpanelen.
Hur redigerar man menyalternativ?
Återgå till administrationspanelen. Under Utseende ser du “menyer”. Klicka på det.
Det är här du kan hantera din menystruktur. Du kan lägga till och ta bort nya menyalternativ. Du kan också använda färdiga sidor och lägga till dem i menyn. Du kan också ha dedikerade sidor för kategorier. Detta är mycket användbart när du driver en e-handelsbutik eller blogg och bara vill ha en specifik kategori på en sida. Du kan också ändra ordningen på menyalternativen. Låt oss säga att du vill att fliken “Tjänster” ska vara efter “Produkter”. Det är här du kan få det att hända.
Hur man redigerar innehållssidor med Elementor
När du är på sidan du vill redigera kan du se ett alternativ i det övre fältet som säger “Redigera sida”. Klicka på det.
När du klickar på “Redigera sida” bör du se din sida tillsammans med dessa alternativ. Eftersom vi installerade en Page Builder, låt oss klicka på “Redigera med Elementor”.
När sidan öppnas i Elementor bör du se en liknande skärm.
Klicka nu på ett avsnitt och på vänster sida ser du allt som kan redigeras. För texten kan du också klicka på den och ändra den på höger sida.
När du har gjort önskade ändringar, se till att uppdatera sidan.
Dricks: Öppna din webbplats på en inkognitoflik så att du snabbt kan se ändringar. Att stänga och öppna Elementor, om och om igen, kan vara kontraproduktivt, eller så kan du klicka på “öga”-ikonen längst ner på sidan för att se det.
Hur man lägger till nya sektioner med Elementor
Scrolla ner till botten av sidan; Precis ovanför sidfoten ser du dessa alternativ (bilden nedan):
“Plusikonen (+)” låter dig lägga till ett nytt avsnitt på sidan. Du kan välja design från en mängd olika tillgängliga alternativ.
När du har lagt till avsnittet bör du se olika element som du kan använda för att slutföra avsnittet. Börja med en rubrik, kanske lägg till ett litet stycke, några bilder.
Sidfot – Krediter
För att redigera sidfoten måste du gå tillbaka till “Anpassa”. Tryck på “Footer Builder”.
Du kan lägga till, ta bort widgets, lägga till genvägar och redigera upphovsrättssektionen. Du kan också ordna widgetarna som du vill.
Slutsats
Så om du följer den här artikeln bör du ha en anständig webbplats redo. Webbutveckling har blivit mer tillgänglig tack vare sidbyggare som Elementor. Hojta till teamet bakom dem, så att människor som oss kan lansera en webbplats snabbt. Det finns fortfarande massor av saker du kan leka med inom Astra. Tveka inte. Prova olika mönster, prova olika färger innan du slutför. Det bästa knepet är att hitta något som är relevant för ditt företag och anpassa det. På så sätt behöver du inte göra för många ändringar.
Vi hoppas att den här artikeln har hjälpt dig, och kanske en dag får vi se en webbplats skapad av en av läsarna; ingenting kommer att göra oss lyckligare. Du kommer att behöva mycket tålamod för att utveckla en webbplats; Det kan ta längre tid än väntat, men ge inte upp. Astra och Elementor är de bästa kombinationerna och tillsammans hjälper de dig att gå live!
