Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar.

Elementor erbjuder regelbundet teman som hjälper dig att skapa en komplett webbplats från dem. 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

Så i den här tutorialen ska vi visa dig hur du bygger en komplett webbplats med hjälp av Elementors visuella sidbyggare.

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 handledning kommer du att lära dig att använda ett tema som bas för alla viktiga delar på din webbplats och sedan sätta samman allt för att skapa en sammanhängande webbplats.

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.

Hur man skapar en komplett webbplatselement eller blogpascher 1

Så här skapar du 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".

Skapa enkelt din webbplats med Elementor

Elementor låter dig skapa Enkelt och gratis vilken webb- eller bloggdesign som helst med ett professionellt utseende. Sluta betala mycket för en webbplats du kan göra själv.

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:

Elementor - infoga rubrikmall

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.

Vill du sälja dina produkter på internet?

Ladda ner WooCommerce gratis, de bästa plugins för e-handel för att sälja dina fysiska och digitala produkter på WordPress och enkelt skapa din onlinebutik. Perfekt för nybörjare.

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
404 sida - skapa en komplett webbplats

Publicera sedan din mall för att slutföra din webbplats.

Skaffa Elementor Pro nu!

Slutsats

Här är ! Det är det för den här guiden som visar dig steg för steg hur du bygger en komplett webbplats 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

.

%d bloggare gillar denna sida: