Gå till innehållet

Hur man bygger en komplett webbplats med Elementor

Divi: det enklaste WordPress-temat att använda

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. [Rekommenderas]

Elementor erbjuder regelbundet teman som hjälper dig att bygga en komplett webbplats ur 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.

Kombinerat med Elementor Pro hjälper dessa teman dig att komma igång snabbt med alla delar 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
  • Tjänster
  • klienter
  • Blogg
  • Kontakt

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.

öppet sidinställningar och ändra dess Layout så att det är lika med Elementor full bredd.

Öppna sedan Elementor-mallbiblioteket och sök efter "Digital Agency" under sidor :

Hur man skapar en komplett webbplatselement eller blogpascher 2.

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..

Hur man skapar en komplett webbplatselement eller blogpascher 3

Använd sedan Elementor Finder för att lägga till ytterligare en sida som ska användas för din sida "om".

Som tidigare, ändra layout - Sidlayout - à Elementor full bredd. Ö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.

Skapa enkelt din webbplats med Elementor

Med Elementor kan du enkelt skapa en webbdesign med ett professionellt utseende. Sluta betala dyra för vad du kan göra själv. [Fritt]

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 → Läsning
  • välj  Statisk sida 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 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 → Theme Builder. 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 ny rubrik. På nästa skärm, ge det ett namn och klicka sedan på Skapa mall.

Då ser du ett urval mallar i Elementor-biblioteket. Precis som du gjorde med de statiska sidorna, sök efter "Digital Agency" och sätt sedan in den:

Hur man skapar en komplett webbplatselement eller blogpascher 4

Nu ska du se en visuell förhandsvisning av din rubrik, liksom lite tomt utrymme för din navigationsmeny.

För närvarande är navigeringsmenyn tom eftersom du inte har skapat en meny än. För att skapa din meny ...

  • Fortsätt  Utseende → Menyer i din WordPress-instrumentpanel
  • Ge din meny ett namn
  • Klicka på Skapa menyn

Hur man skapar en komplett webbplatselement eller blogpascher 4

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:

Hur man skapar en komplett webbplatselement eller blogpascher 6

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:

Hur man skapar en komplett webbplatselement eller blogpascher 7

sedan publicera din sidfotmall och använd visningsvillkoren för att visa den på hela webbplatsen.

Letar du efter de bästa WordPress-teman och plugins?

Ladda ner de bästa plugins och WordPress-teman på Envato och enkelt skapa din webbplats. Redan mer än 49.720.000-nedladdningar. [EXKLUSIV]

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 betyder det att det dynamiskt visar det senaste innehållet på din webbplats.

Om en användare klickar på ett specifikt objekt på bloggsidan, kommer de att tas till en sida med det objektets innehåll. Detta kallas "enda" sida. Din unika design säkerställer att allt ditt innehåll kommer att ha samma grundläggande stil - det enda som ändras är det faktiska innehållet (som artikeltitel, brödtext, 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 nytt arkiv
  • Ge det ett namn och klicka på Skapa mall

Som med din sidhuvud och sidfot ser du en lista med arkivmallar. Leta efter "Digital Agency" -mallen och sätt in den.

Nu bör du se den grundläggande designen för din nyhetssida, även om det enda innehållet är standard "Hello World! Från WordPress:

Hur man skapar en komplett webbplatselement eller blogpascher 8

För tillfället är allt du behöver göra publicera din arkivsida och ställ in den för att visas i alla arkiv.

Läs vår guide om Hur man manuellt migrerar en WordPress-webbplats

Sedan kan du gå till det vanliga inläggsområdet i WordPress och skapa nya blogginlägg. Tilldela varje artikel till en kategori som heter "Beyond News".

Nu när du navigerar till din arkivsida bör du automatiskt se alla dessa nya inlägg:

Hur man skapar en komplett webbplatselement eller blogpascher 9

Skapande av sidan för blogginläggsmall

Just nu har din bloggsida ett ganska användarvänligt utseende. Men om du klickar på ett specifikt blogginlägg matchar inte layouten 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 Enstaka
  • Klicka på Lägg till ny singel

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 kommer du att se Elementor -mallbiblioteket. Hitta den unika artikelmallen i mallen "Digital byrå" 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

Hur man skapar en komplett webbplatselement eller blogpascher 10

När du är nöjd med din artikelmodell klickar du på Publicera. Sedan kan du använda visningsalternativen så att denna unika mall endast gäller inlägg i kategorin "Bortom nyheter":

  • Välj från kategori
  • Välj kategori Utöver nyheter

Hur man skapar en komplett webbplatselement eller blogpascher 11

Tryck sedan på Enregistrer et för nära.

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 "Bortom nyheter" i avsnittet Kategorier.

Skapa enkelt din webbutik

Ladda ner gratis WooCommerce, de bästa e-handelspluggarna för att sälja dina fysiska och digitala produkter på WordPress. [Rekommenderas]

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änder du Elementor visual builder för att lägga till en annan unik mall. Använd bara rullgardinsmenyn nu Välj posttyp att välja 404 sidan :

Hur man skapar en komplett webbplatselement eller blogpascher 12

Sätt in 404-sidmallen enligt ovan. 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

.

Den här artikeln innehåller kommentarer 0

Lämna en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.

Tillbaka till toppen
0 aktier
del
tweet
Enregistrer