Skabeloner er den hurtigste måde at importere design på en webside. Mange ved ikke, hvordan man konverterer HTML til Elementor-sideskabeloner. Som følge heraf bliver tingene mere komplicerede. For at løse dette problem vil vi vise dig, hvordan du nemt kan oprette en Elementor-skabelon.
Mens vi opretter skabelonen, skal du huske, at vi har brug for en færdiglavet side. Du kan selvfølgelig oprette en webside lige nu og begynde at arbejde med den. Vi vil designe vores side i Elementor.
Til denne begivenhed bruger vi dog widgets lavet af Element Pack. Sørg for at læse denne blog grundigt for at finde ud af, hvordan du konverterer HTML til elementor-skabelon.
Trin 1: Design af side til skabelon
Først og fremmest skal vi lave vores side. Lad os komme i gang.
Gå til din WordPress Dashboard> Sider> Tilføj ny.
Giv din side et navn, og klik på Rediger med Elementor. Nu åbnes din side i Elementor-editoren.
Lav derefter din side, som du vil. På billedet ovenfor har vi oprettet siden ved hjælp af widgetten Overskrift, Scroll Nav, Avanceret knap, Søg og Slider. Disse elementor addon widgets er alle lavet af Element Pack. Nu er vores side klar til at blive konverteret til en elementor-skabelon.
Trin 2: Konvertering til Elementor-side-skabelon
For at lave en skabelon skal vi udføre et par trin. Først skal du følge billedet ovenfor og klikke på Gem som skabelon nederst i menuen i højre side. Du skal klikke på pilen ved siden af knappen Opdater for at få indstillingen frem. Dette er det første skridt til at oprette en elementor-side-skabelon.
Derefter vises et nyt popup-vindue. Derfra kan du give din skabelon et navn og trykke på Gem. Din skabelon vil blive gemt i dit elementor-bibliotek.
Nogle brugere spørger også, om der findes en html-til-elementor-konverter online eller et html-til-elementor-plugin, der kan forenkle processen. Selv om Elementor ikke har en direkte konverter, kan du nemt bygge og gemme dine designs ved at følge disse trin.
Trin 3: Eksport af skabelon til lokalt drev
Når du gemmer skabelonen, kommer dit skabelonbibliotek frem. Derfra skal du klikke på de markerede prikker på din nylavede skabelon. Du vil se to muligheder dukke op. Klik nu på Import.
Din skabelon vil blive downloadet og gemt i Json-format. Nu kan du placere denne fil i din lokale mappe> wp-content> templates. Denne fil er også kendt som elementor-skabelonens json-fil.
Hvis du gemmer filen på denne måde, kan du få adgang til denne skabelon fra ethvert WordPress-dashboard.
Hvis du arbejder med brugerdefineret HTML, kan du se vejledninger om html til json elementor eller html til elementor json, men Elementor håndterer det meste af dette automatisk, når man eksporterer og importerer skabeloner.
Bedste webløsning: Vil du booste din hjemmeside med vores produkt?
Trin 4: Indsæt elementor-side-skabelonen
Du har skabelonens Json-fil i din lokale mappe, hvilket betyder, at den nu er i WordPress-biblioteket. Lad os nu se, hvordan du kan indsætte den på din side.
Opret først en ny side, og rediger den med elementor. Klik derefter på skabelonmappen, der er vist på billedet ovenfor.
Nu kan du se dit skabelonbibliotek. Derfra skal du holde musen over din skabelon, klikke på Indsæt og trykke på Ja.
Og så er den klar! Din elementor-skabelon vises på din side i stedet for HTML. Det er især nyttigt, hvis du ønsker at konvertere hjemmesider til elementor eller genbruge design.
Hvordan skjuler man html-elementer på en Elementor-side?
Hvis du ikke ønsker at konvertere HTML-skabelonen til elementor, kan du bare skjule den midlertidigt, så du igen kan få html-versionen tilbage.
Her er de nemmeste trin til at skjule html-skabelon på elementor-side nedenfor:
Trin 1: Gå til din Elementor side og vælg elementor html-widget.
Trin 2: Fra den venstre menulinje skal du klikke på Gå videre tab.
Trin 3: Rul ned, og find den responsive menu på listen.
Trin 4: Aktivér skiftet til at skjule for desktop, mobil, tablet, alt efter behov.
Sådan er det bare. Dine HTML-skabeloner vil ikke blive vist på din Elementor-side. Men det er et midlertidigt skjul, du kan gøre det synligt når som helst ved at deaktivere skiftet.
Ofte stillede spørgsmål:
Hvordan kan jeg se HTML-kildekoden på en side, der er oprettet med Elementor?
Højreklik på siden, og klik på “Vis sidekilde”. Dette viser html-elementor struktur.
Hvordan redigerer man HTML i Elementor?
Søg efter HTML i menuen til venstre. Brug knappen elementor html-kode og tryk efter redigering på Udgiv for at gemme ændringerne.
Hvordan tilføjer man HTML-kode i WordPress Elementor?
Indsæt den wordpress elementor html-kode blokken eller elementor html-widget og tilføj koden mellem .
Kan jeg eksportere Elementor-designs som HTML?
Ja, men Elementor eksporterer JSON som standard. Du skal bruge værktøjer eller manuelle metoder til konverter elementor-side til htmleller eksporter elementor til html.
Konklusion
Det er ikke svært at konvertere HTML til en elementor-skabelon eller blot at eksportere dit Elementor-design som JSON, og du kan også gøre det. Du skal bare følge trinnene korrekt.
Nogle brugere foretrækker den omvendte proces og leder efter en elementor til html-konverter eller måder at eksporter elementor-side til html. I sådanne tilfælde kan du enten bruge browserens gemmefunktion eller plugins, der konverter elementor til html.
Denne blog er sponsoreret af Element Pack, en alt-i-en widget-pakke til Elementor. Tak, fordi du læste denne blog. Hav en god dag.
