Gå til hovedindhold

Sådan oprettes et layout med Elementor

Divi: Det nemmeste WordPress tema at bruge

Divi: Det bedste WordPress tema hele tiden!

mere 901.000 downloads, Divi er det mest populære WordPress tema i verden. Den er komplet, nem at bruge og leveres med mere end 62 gratis skabeloner. [Anbefalet]

Vil du oprette et layout med Elementor? Ønsker du nemt at oprette et professionelt WordPress-websted? Så skal du Download WordPress Elementor-pluginet her.

 Elementor er en visuel sidebygger, der tilbyder funktionen "Træk og slip", der giver dig mulighed for nemt at oprette tilpassede layouts på WordPress uden nogen kodningskendskab.

I denne vejledning viser vi dig, hvordan du nemt opretter brugerdefinerede WordPress-layout med Elementor med blot et par klik. Vi tilbyder dig også Tjek de andre alternativer til dette smukke WordPress-plugin.

Men før, hvis du aldrig har installeret WordPress-opdagelse Sådan installeres en WordPress blog 7 trin et Hvordan at finde, installere og aktivere et WordPress tema på din blog 

Så tilbage til, hvorfor vi er her.

opret et layout med Elementor

Hvorfor og hvornår skal du oprette tilpassede layouts på WordPress?

Før du starter, kan du opdage på dette WordPress-plugin ved at konsultere artiklerne Præsentation af en WordPress-builder-side: Elementor eller opdage Elementorvejledning: Introduktion af interface 

Mange gratis og premium WordPress-temaer tilbyder flere layoutvalg til forskellige typer sider. Nogle gange imødekommer ingen af ​​disse layoutskabeloner dine behov.

Hvis du imidlertid er fan af PHP, HTML og CSS, har du muligheden for at oprette dine egne sideskabeloner eller endda oprette et underordnet tema til dit websted. Men størstedelen af ​​WordPress-brugere er ikke udviklere, så denne mulighed fungerer ikke for dem.

Oplev også disse 8 WordPress plugins til nemt at oprette dine layouter

Ville det ikke være dejligt at oprette layout ved hjælp af en simpel grænseflade (Træk og slip)?

Dette er præcis, hvad Elementor gør. Dette er et WordPress-sidebygger-plugin, der giver dig mulighed for nemt at oprette dine egne brugerdefinerede WordPress-layout uden kodningsfærdigheder.

Den har en intuitiv brugergrænseflade, der giver dig mulighed for at oprette brugerdefinerede layouts med realtidsvisning. Den leveres med masser af færdige moduler til alle typer webdesignelementer.

Det tilbyder flere professionelt designede sideskabeloner, som du kan indlæse og bruge med det samme som udgangspunkt. Når det er sagt, lad os se på, hvordan man opretter tilpassede WordPress-layout med WordPress Elementor-pluginet.

Kom godt i gang med Elementor

Først skal du købe pluginet " Elementor Pro ". Dette er den betalte version af pluginet " Elementor Gratis, som giver dig adgang til yderligere funktioner og 1s kundesupport.

Derefter bliver du nødt til at installere og aktivere Elementor-plugin. Yderligere oplysninger finder du i vores trin-for-trin-guide til måde at installere et WordPress-plugin på.

Efter aktivering skal du besøge " Elementor> Indstillinger Sådan konfigureres driften af ​​dette plugin.

Elementorindstillinger

Her kan du aktivere “Elementor” for forskellige posttyper. Som standard er det aktiveret til dine WordPress-indlæg og sider. Hvis du har tilpassede indlægsformater på dit websted, vises de også her, og du kan også aktivere dem.

Du vil være i stand til at ekskludere eller inkludere brugerroller, der kan bruge Elementor, mens du skriver indlæg eller sider. Som standard er det kun aktiveret for administratorer.

Opdag vores 8 WordPress plugins til at styre roller og brugere

Glem ikke at klikke på knappen « Gem ændringer For at gemme dine indstillinger.

Opret nemt dit websted med Elementor

Elementor giver dig mulighed for nemt at oprette ethvert webstedsdesign med et professionelt look. Stop med at betale dyre for hvad du selv kan gøre. [Gratis]

Oprettelse af et brugerdefineret layout med Elementor

Først skal du oprette en ny side (eller post) på dit WordPress-websted. På siden med redigeringsindlæg vil du bemærke den nye "Rediger med Elementor" -knap.

Rediger med elementor

Hvis du klikker på det, startes Elementor UI, hvor du kan redigere din side ved hjælp af den visuelle sidebygger med træk og slip-funktionalitet.

Træk og slip elementor

Du kan nu tilføje sektioner og oprette din side fra bunden, eller du kan stadig indlæse en af ​​de standardforsendte skabeloner.

Modeller er en hurtigere måde at komme hurtigt i gang. Elementor tilbyder således flere professionelt designede skabeloner, som du kan tilpasse så meget, som du ønsker.

Lad os starte med en skabelon ved at klikke på knappen " Tilføj en skabelon '.

Dette viser et pop op-vindue, hvor du kan se de forskellige tilgængelige modeller. Du skal kigge efter en model, der ligner det, du ønsker. 

Layout elemntor plugin

Klik nu for at vælge den ønskede model, og klik derefter på knappen indsætte For at føje det til din side.

Elementor indlæser skabelonen for dig.

Du kan nu begynde at ændre skabelonen, så den passer til dine behov. Bare peg og klik på et hvilket som helst element for at vælge det, og Elementor viser dig dets indstillinger i venstre kolonne.

Start af side redigering på elementor

Lad os nu tale om, hvordan Elementors layout fungerer.

De modeller, der tilbydes af Elementor-plugin, er bygget på sektioner, kolonner og widgets. Sektioner er som linjer eller blokke, som du placerer på din side.

Hver sektion kan have flere kolonner, og hver sektion og kolonne kan have sine egne stilarter, farver, indhold osv.

Redigering af en side med elementor

Du har mulighed for at tilføje elementer i dine kolonner og sektioner ved hjælp af de widgets, som Elementor tilbyder.

Disse widgets er typer indholdsblokke, som du kan placere i sektioner af dine sider.

Leder du efter de bedste WordPress-temaer og plugins?

Download de bedste plugins og WordPress-temaer på Envato og nemt oprette dit websted. Allerede mere end 49.720.000 downloads. [EXCLUSIVE]

Vælg bare en widget og slip den i din sektion eller kolonne. Der er et stort sæt widgets til rådighed, der dækker alle populære webdesignelementer, du kan forestille dig.

Element e design med elementor

Du kan tilføje billeder, tekster, emner, billedgallerier, videoer, kort, ikoner, vidnesbyrd, skydere, karruseller og meget mere.

Se også vores 15 Elementor-temaer og skabeloner til oprettelse af et websted

Du kan også tilføje standard WordPress-widgets og endda widgets oprettet af andre WordPress-plugins til dit websted.

Når du er færdig med at oprette dit eget eller ændre dit layout, kan du klikke på knappen " Tilmeld For at bevare dine ændringer.

Tilpas layoutet med elementor

Remarque: Hvis du gemmer et layout, offentliggøres siden ikke på dit WordPress-websted. Det gemmer simpelthen dit layout.

På dette tidspunkt har du mulighed for at forhåndsvise din side eller gå til WordPress-dashboardet. Hvilket vil bringe dig tilbage til standard WordPress-indlægseditoren. Du kan nu gemme din WordPress-side eller offentliggøre den på dit websted.

Layoutpublikation med elementor

Det er det, så færdig med at oprette en side med WordPress Elementor-pluginet.

Men som mange sidebygere tilbyder det også udvidelser hvilket giver dig mulighed for nemt og hurtigt at oprette nye layouts ved at bringe flere designelementer til standard plugin.

Download Elementor

Oplev også nogle premium WordPress-plugins  

Du kan bruge andre WordPress-plugins til at give et moderne look og optimere grebet på din blog eller dit websted.

Vi tilbyder dig her nogle premium WordPress-plugins, der hjælper dig med det.

1. JetElements 

Dette plugin forbedrer din Elementor-pakke med en lang række moduler, som vil være yderst nyttige, når du bygger dit websted. Kraftige elementer er specielt oprettet for at integrere med Elementors funktionalitet for at give dig alsidige løsninger og stilfulde elementer.

Elementor wordpress plugin jetelement

Dets vigtigste funktioner er: mange nyttige moduler, der indeholder mange stilindstillinger, funktionelle parametre og absolut tilpassbare elementer, utrolige elementer til hurtigt at starte din online butik, support til RTL-sprog, WPML-plugin support og et modul Kontakt formular 7 fantastisk, hvilket giver dig mulighed for at tilføje dine kontaktformularer og integrere dem på dit websted.

Downloade | demo | Web-hosting

2. JetMenu 

JetMenu er en udvidelse meget funktionel plugin Elementor, som giver dig mulighed for at oprette megamenus med letanvendelige rulleelementer. Dette plugin begrænser ikke din fantasi og har potentialet til at skabe fantastiske menuer og forny dem i henhold til din vision og dine behov.

Jetmenu wordpress elementor plugin

Dets vigtigste funktioner er: Ingen kodningskendskab er påkrævet, rige funktioner, der kombinerer perfekt med enkelhed og klarhed, et stort udvalg af indholdsmoduler, specielt udviklet til at hjælpe dig med at oprette dine menuer, et meget responsivt layout med mere.

Hvis du vil krydre menuer eller megamenus på dit websted, er dette WordPress-plugin at konsultere.

Downloade | demo | Web-hosting

Opret nemt din online butik

Download gratis WooCommerce, de bedste e-handels-plugins til at sælge dine fysiske og digitale produkter på WordPress. [Anbefalet]

3. JetWooBuilder 

JetWooBuilder er et must-have addon, der giver dig mulighed for at oprette fulde WooCommerce produktsider med Elementor.

Jetwoobuilder wordpress elementor plugin

Som funktioner finder du blandt andet: flere unikke produktsideskabeloner, mange visuals at oprette produktsider personalized name jewellerymange iøjnefaldende indholds-widgets, såsom Tilføj til indkøbskurv, Preview, Image, Rating, Related og mange flere, evnen til at vise produkt taxonomier og mere.

Downloade | demo | Web-hosting

Nogle nyttige ressourcer:

Konklusion:

Her er ! Det er det til denne tutorial, jeg håber, det giver dig mulighed for at oprette moderne og professionelle layouts med pluginet Elementor.

Du vil dog også kunne konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse eller den ene på Divi: tidenes bedste WordPress-tema.

Del især denne artikel på dine forskellige sociale netværk.

...

Denne artikel indeholder kommentarer 24

  1. Thierry Hej!

    Mange tak for dette fantastiske indlæg.
    Jeg bruger ELEMENTOR PRO, og jeg oprettede en side, hvor jeg via ELEMENTOR downloadede et allerede opbygget layout, men jeg forstår det ikke, denne findes på ALT min hjemmeside ... al min webarkitektur er ændret, og det er dette layout, som jeg finder på alle siderne på mit websted. På den anden side er det gamle layout ikke slettet, men findes nederst på siden. Når jeg klikker på "REDIGER med ELEMENTOR", kan jeg ikke slette det ... nogen idé hvor det kommer fra?
    En stor tak!

  2. Hej Thierry
    Hjerteligt tak for artiklen. Nu har jeg en bekymring, der har generet mig i et par dage, jeg er ny på wordpress, og jeg bruger ocean WP som tema, og så installerede jeg elementor som en gratis version, så med denne gratis version startede jeg med at oprette mine sider og det er godt, men problemet, der opstod for mig, er at når jeg offentliggør min side eller artiklen, når jeg først har det, vises store bogstaver ikke efter et punkt eller i begyndelsen af ​​min sætning er det nødvendigt indstillinger på typografien eller på fontfamilien valgt kort for at hjælpe mig med bedre at forstå, hvor det er den gratis version, der ikke har store bogstaver efter et punkt. Tak for forståelsen.

    1. Hej,

      Jeg anbefaler, at du kontakter support til Elementor-plugin på dens WordPress.org-side. Du vil helt sikkert finde et svar fra forfatterne.

  3. Hej
    Jeg har oprettet min hjemmeside via den brugerdefinerede fane i min wordpress-grænseflade. Hvorfor finder jeg ikke det samme i elementor? på elementor er min menulinje ikke på samme sted, og jeg har ikke mit logo, der vises! Jeg foretrækker den ene på wordpress, men når jeg gør en visualisering af mit websted, er elementorens hjemmeside, der vises! Kan du fortælle mig, hvordan man gør det?
    Tak p

  4. Hej,
    Jeg har et problem I et par måneder har jeg ikke opdateret mit websted, hvor jeg bruger dette element; i dag forsøgte jeg at gøre det, men jeg har et problem, de fleste af sektionerne viser mig en afkrydsningsfelt med ordet OFF SECTION, og der er intet jeg kan gøre. Jeg kan kun redigere et afsnit på siden, det sted, hvor jeg har selve teksten.
    Ved du, hvad det kan fungere?

  5. Hej,
    Jeg lærer at oprette et websted med WordPress, Elementor er et godt plugin, det hjælper meget, jeg opdager noget nyt.
    Også problemer;) Jeg plejer at beskæftige mig med løsninger. Ikke nu.

    Jeg har et problem med tekstredigering. Både afsnittet og overskrifterne er stive, og jeg kan ikke ændre skrifttype, farve, vægt osv. På trods af ændringerne i indstillingerne ændres intet. Det er ikke et mønsterproblem, da det har et andet skrifttype og farveskema end hvad Elementor giver mig.
    Jeg ved ikke, hvordan jeg ændrer denne skabelonparameter, der skete for mig selv med header 1, men jeg ændrede det ved at indtaste html-kode i headeren og hjalp, nu fungerer det ikke.

    Hvordan vil dette ændre sig? - hjælp venligst.

    1. Hej,

      Prøv at deaktivere alle WordPress-plugins og prøv igen. Hvis dit problem er løst, når de alle er deaktiveret, starter du ved at aktivere dem en efter én, så tjekke hver gang.

      Hvis det er et kompatibilitetsproblem med et andet plugin, ved du hvilket.

  6. Bonsoir.
    Jeg tilføjede et foto på siden (landingsside), og jeg forsøgte at skifte til et andet, jeg ikke kunne ... slette flere gange, og jeg satte det nye foto, men det indlæses ikke ... det gamle foto forbliver ...
    Vil du være i stand til at hjælpe mig?

  7. Hej og tak for denne artikel, der bekræfter mit valg af Elementor som min sidebygger. ^^

    På den anden side, hvad synes du om oprettelsen af ​​et underordnet websted inden ændringer. Er dette nødvendigt med Elementor?

    Min frygt er, at alle foretagne ændringer overskrives, når temaet opdateres? Er der ikke en risiko?

    Tak for dit svar,
    Bien à vous,
    Nicolas

  8. Hej og tak for denne meget interessante artikel.
    Jeg begyndte at bruge Elementor og spekulerede på, om der er behov, før jeg fortsatte med at lave et børnetema for det, jeg bruger. Ellers er der ikke en risiko for, at opdateringerne af temaet eller plugins alle overskriver det layout, der er bygget med Elementor?
    Tak for din retur,

  9. Hej,

    Jeg vil gerne vide, hvordan man får PHP-koden til ELEMENTOR-udvidelsen til at integrere den på min startside?

    Tak for din opmærksomhed på min anmodning.

  10. Hej,

    meget interessant artikel.
    Jeg har et spørgsmål til den pro elementor, du er.
    Er det muligt at tilføje en metode = "POST" i de genererede formularer?

    Jeanson

  11. meget god artikel, vil gerne spørge, hvornår jeg begyndte at gå til elementor, eller hvorfor det ser ud til at der er en header og footernya, hvordan man ser tom ud

Skriv en kommentar

Din e-mail-adresse vil ikke blive offentliggjort. Påkrævede felter er markeret med *

Dette websted bruger Akismet til at reducere uønskede. Få flere oplysninger om, hvordan dine kommentarer data bruges.

Tilbage til toppen