Elementor erbjuder regelbundet teman som hjälper dig skapa en webbplats komplett från dessa. Varje månad släpper vi nya teman som bygger på en specifik nisch, men ändå tillräckligt flexibla för att du äntligen kan anpassa dem efter dina egna behov.
Kombinerad med Elementor Pro, dessa teman hjälper dig att snabbt komma igång med varje del av din webbplats, inklusive:
pstatiska åldrar, som hemsidan,
- rubriken
- sidfoten
- sida 404
- arkivavsnittet
- bloggen
- Pop-ups och andra
I den här handledningen kommer vi att visa dig hur man skapar en webbplats slutföra med den visuella sidbyggaren Elementor.
Men tidigare, om du aldrig har installerat WordPress-upptäckt Hur man installerar en Wordpress-blogg 7 steg et Hur man hittar, installera och aktivera en Wordpress tema på din blogg
Tillbaka till varför vi är här.
Hur man bygger en komplett webbplats med elementära teman
I den här handledningen lär du dig hur du använder ett tema som grund för alla viktiga delar av din webbplats, och sedan sätter du ihop allt för skapa en webbplats sammanhängande.
Mer exakt, temat digital Agency.
Din webbplats kommer att ha ett antal grundläggande sidor, till exempel sidor:
- HEM
- Om Oss
- Tjänster
- Klienter
- Blogg
- Kontakta oss
Och det erbjuder också delar avsedda också för dynamiskt innehåll. Till exempel matchar dina blogginläggsarkiv och inläggsmallar automatiskt dina fristående sidor. Du kan också ändra sidhuvud, sidfot och sidor 404.
så här hur man skapar en webbplats med ett Elementor-tema:
1. Installera och aktivera Elementor Hello-temat
Eftersom du använder Elementor och en temamall för att bygga hela din webbplats behöver du inte söka efter andra element.
Istället behöver du bara en lätt, prestationsoptimerad webbplats som Elementor Hello-temat ger.
För att komma igång, gå till Utseende → Teman → Lägg till och sök " Hej elementor". Installera och aktivera sedan temat.
2. Konfigurera de grundläggande statiska sidorna på din webbplats
Gå sedan till menyn Sidor → Lägg till för att skapa de grundläggande sidorna på din webbplats.
Skapa först en sida som heter " HEM "Och klicka på knappen Redigera med Elementor för att starta Elementor.
Klicka på inställningar för att öppna sidinställningar och ändra dess layout så att den är lika med Elementor Fullwidth.
Öppna sedan Elementor-mallbiblioteket och sök efter "Digital Agency" under sidor :
Du bör se en lista med sidmallar för detta tema. Infoga mall Hemsida från listan över modeller.
Nu ska du se en fullständig hemsida. Rubriken ser lite tråkig ut för nu - men oroa dig inte, vi fixar det snart..
Lägg sedan till ytterligare en sida att använda för din " Om Oss".
Som tidigare, skapa en sida och ändra layouten till Elementor Fullwidth. Öppna sedan mallbiblioteket och sätt in mallen Om oss av Digital Agency-temat.
Nu bara upprepa samma process för att skapa alla andra sidor inklusive: tjänster, Kunder och Kontakta.
Oroa dig inte för bloggsidan ännu. Denna sida är inte statisk som de andra. Av den anledningen skapar du det där via en annan metod (som vi kommer att täcka senare i den här handledning).
För att slutföra konfigurationen av dina statiska sidor måste du berätta för din WordPress-installation att använda en statisk startsida. Att göra detta…
- Fortsätt Inställningar → Uppspelning
- välj En statisk sida (välj nedan) under dina hemsidan inställningar
- Välj den sida som integrerar tematets hemsidamall
3. Skapa de andra delarna av din webbplats
Nu är du redo att bygga de andra delarna av din webbplats med hjälp av Elementor. Elementor låter dig gå längre än att skapa statiska sidor (som du gjorde ovan).
Med Elementor kan du också designa sektioner som: en-huvud; sidfoten osv ...
Och tack vare Elementor-temat kommer du att kunna importera mallar för alla avsnitt som redan finns på de statiska sidorna du skapade i föregående steg.
För att komma åt Elementors visuella byggare, gå till Mallar→ Temabyggare. Du måste installera Elementor Pro för att kunna komma åt det.
Nu är det dags att skapa dina avsnitt
Header
Gå till fliken för att komma igång Sidhuvud på gränssnittet för visuella byggare, klicka sedan på Lägg till en ny. På nästa skärm kommer du att se ett urval av mallar i Elementor-biblioteket. Precis som du gjorde med statiska sidor, sök efter "Digital Agency" och infoga sedan:
Nu bör du se en visuell förhandsgranskning av din rubrik, samt en navigeringsmeny från mallen du infogade.
Om du vill ändra det
- Fortsätt Utseende → Menyer i din WordPress-instrumentpanel
- Skapa en ny meny
När du har skapat en meny kan du lägga till sidorna som du skapade i steg 2 till din navigeringsmeny.
Läs också: 10 automatiseringsverktyg för småföretagsmarknadsföring
När du är klar med att lägga till menyalternativ sparar du menyn och återgår till rubrikmallen i Elementor-gränssnittet.
sedan publicera din rubrik och använd visningsvillkor för att visa din rubrikmall på hela webbplatsen. Om du vill kan du också använda visningsvillkor för att skapa olika rubriker för olika typer av innehåll:
Tryck sedan på Spara och stäng
sidfot
Nu är det dags att skapa din sidfot:
- Återgå till gränssnittet för den visuella sidan
- Klicka på fliken Sidfot
- Klicka på knappen för att Lägg till ny sidfot
- I popup-fönstret, ge ett sidfot ett namn och klicka på Skapa mall
Nu ska du se en lista med sidfotmallar precis som du gjorde med din sidhuvud. Sök efter "Digital Agency" och sätt i sidfotmallen.
När du har satt in sidfotmallen bör du se en förhandsgranskning av sidfoten:
sedan publicera din sidfotmall och använd visningsvillkoren för att visa den på hela webbplatsen.
Blogg sida
Till skillnad från de statiska sidorna som du skapade i steg 2 är din webbplats bloggsida en " Arkiv ". I grund och botten innebär detta att den dynamiskt visar det senaste innehållet från din webbplats.
Om en användare klickar på ett specifikt objekt på bloggsidan kommer de att föras till en sida som visar innehållet i det objektet. Detta kallas "singelsidan". Din unika design säkerställer att allt ditt innehåll ser likadant ut – det enda som ändras är det faktiska innehållet (som inläggets titel, text, utvald bild, etc.).
Upptäck Hur man lägger till innehållsförteckning i WordPress med Elementor
För att skapa unika arkivsidor och sidmallar bör du använda Elementor visual builder - inte zoner sida ou Artikeln WordPress standard.
Att börja…
- Öppna Theme Builder-gränssnittet
- Gå till fliken Arkiv
- Klicka på Lägg till ny
- Ge det ett namn och klicka på Skapa mall
Som med din sidhuvud och sidfot ser du en lista med arkivsidesmallar. Leta efter "Digital Agency" -mallen och sätt in den.
Nu bör du se den grundläggande designen på din artikelsida.
Det bör noteras att om du bara ser en artikel är det normalt, eftersom WordPress bara kommer med ett standardexempel som är "Hello World! ".
För tillfället är allt du behöver göra publicera din arkivsida och ställ in den så att den visas i alla arkiv.
Läs vår guide om Hur man manuellt migrerar en WordPress-webbplats
Sedan kan du gå till inläggsmenyn i din instrumentpanel och skapa nya blogginlägg. Tilldela varje objekt en kategori som heter "Nyheter".
Nu, när du går till din bloggsida, bör du automatiskt se alla dessa nya inlägg:
Skapande av sidan för blogginläggsmall
Vid det här laget har din bloggsida ett ganska användarvänligt utseende. Men om du klickar på ett specifikt blogginlägg kommer layouten inte att matcha resten av din webbplats.
För att lösa detta problem måste du skapa en "unik" mall med Elementor:
- Öppen Elementor visuell byggare
- Gå till fliken Single Inlägg
- Klicka på Lägg till en ny
I popup-fönstret Ny mall :
- Ge det ett namn
- Välj Inlägg i listrutan Välj posttyp. Detta säger till Elementor att du vill använda den här mallen för dina blogginlägg (i motsats till sidor eller någon annan anpassad inläggstyp som du kan använda)
Återigen ser du Elementors mallbibliotek. Hitta den unika artikelmallen för "Digital Agency" -mallen och sätt in den.
Läs också Underhållsläge på WordPress: Förklaring och konfiguration
Om du vill kan du använda de många dynamiska publiceringsdata-widgetarna för att kontrollera utseendet på din sida.
Om du till exempel ändrar widgeten Postinfo, kommer du att kunna kontrollera de metadataelement som visas, till exempel på publikationen ...
- Författare
- Datum för publicering
- kommentarer
- Annat
När du är nöjd med din artikelmodell klickar du på offentliggöra. Sedan kan du använda visningsalternativen så att den här unika mallen endast gäller för inlägg i kategorin "Beyond News":
- Välj från kategori
- Välj kategori Nyheter
Tryck sedan på Spara & Stäng.
Nu bör alla dina blogginlägg ha en design som matchar resten av din webbplats.
För att avsluta saker, gå till Utseende → Menyer och lägg till din bloggsida i din navigeringsmeny. För att göra detta kan du lägga till en länk till kategorin "Nyheter" i avsnittet Kategorier.
sida 404
Slutligen måste du skapa 404-sidan på din webbplats. 404-sidan på din webbplats är vad besökare kommer att se om de följer en trasig länk eller försöker besöka en sida som inte finns.
Upptäck också vår 5 Wordpress plugins att bättre hantera fel 404
För att skapa din 404-sida, använd Elementors visuella byggare för att lägga till ytterligare en unik mall.
- Öppen Elementor visuell byggare
- Gå till fliken Fel 404
- Klicka på Lägg till en ny
- Infoga Digital Agency-mall från sidan 404
Publicera sedan din mall för att slutföra din webbplats.
Skaffa Elementor Pro nu!
Slutsats
Så ! Det var allt för den här guiden som visar dig steg för steg hur man skapar en webbplats komplett med Elementor. Om du har kommentarer eller förslag, tveka inte att meddela oss i det reserverade avsnittet.
Du kan dock också konsultera våra resurser, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande eller den på Divi: det bästa WordPress-temet genom tiderna.
Men under tiden dela den här artikeln på dina olika sociala nätverk.
.
