Elementor Pro + Advanced Custom Fields = Revolutionerende (2024)

Elementer Pro + avancerede brugerdefinerede felter

At CollectiveRay, vi er lidt af en mashup, vi er tidligere udviklere, vendte webdesignere, produktchefer, og vi vil bare have, at vores websted gør, hvad vi har brug for dem til at gøre uden at skulle hamre tingene på plads. Derfor nyder vi at eksperimentere med kombinationer af funktioner og funktioner for at lave ting bare arbejde. Den seneste kombination, vi har fundet ud af at være revolutionerende for den måde, vi arbejder på, er Elementor kombineret med avancerede brugerdefinerede felter - virkelig, disse to plugins, der arbejder sammen, har taget vores arbejde til det næste niveau.

Bliv hos os for at få et fuldt kig på mulighederne for disse to plugins, og hvordan de kan kombineres for at skabe en vindende kombination. Vi har lige genset artiklen i marts 2024 og opdateret med alle relevante nye detaljer efter behov.

Resumé

   Elementor  Avanceret brugerdefinerede felter
Pris Gratis eller Pro fra $59/år Gratis eller Pro fra $49/år
Gratis prøveversion Elementor Designer Lite Avanceret brugerdefinerede felter
Ydeevne  Let og hurtigt - især sammenlignet med andre sidebygere Ikke relevant
Hvad vi kunne lide  Pænt, organiseret UI / UX  Fleksibilitet, alsidighed
   Letvægts, bygget til hastighed  Udviklervenlige funktioner
   Godt udvalg af elementer  Avancerede skærmregelsæt
   Indbyggede brugerdefinerede formularer  Tilpasning af WordPress-backend uden kodning
Samlet
Hjemmeside Besøg Elementor Besøg ACF

Elementor anmeldelse

Elementor er den mest populære WordPress Page Builder. Takket være sin gratis version og billige Pro-pris ($ 59) har den oplevet en fantastisk vækst. Det store antal elementer, den har, betyder, at du har brug for meget få ekstra tredjeparts-plugins. Det har også temaopbygningsfunktioner og et stort bibliotek med skabeloner.

Lad os starte med at gå dybt ind i Elementor. Da sidebygere er i vrede i disse dage, tager det lidt at faktisk imponere os, men Elementor havde gjort netop det - imponere os.

Førstehåndsindtryk 

Dette superpolerede plugin til opbygning af træk og slip-sider og indlæg er bestemt en stærk konkurrent for folk som os at bruge som deres goto-produkt til at designe deres egne websteder.

Det er ikke underligt, at dette plugin er kendt som # 1 WordPress Pagebuilder, og at du finder det bedømt som et af de bedste produkter i enhver sammenligning af produkter i sin kategori.

En af de første ting, du vil bemærke, når du arbejder med Elementor, er det absolutte rene design. Intet rod, pænt organiseret, dette plugin vil være en fornøjelse at arbejde med for dem, der er obsessivt organiseret, og selvfølgelig for alle, der bare kan lide, at ting er pænt organiseret.

Du kan se, at elementerne UI (til venstre) er meget let at forstå og arbejde med. Den aktuelle canvas (til højre) holdes også meget rent og holder mulighederne ude af vejen, indtil du rent faktisk klikker på et bestemt element. Først da vises mulighederne. Disse holder alting til at se ud, som det ville se på den faktiske frontend, når siden eller indlægget er offentliggjort.

Elementor første gang

Ydeevne

En anden ting, der er tydeligt, når du bruger Elementor, er, hvor let det føles, når du bruger. Efter at have brugt en hel del af de mere populære sidebygere kan vi let mærke en reel mærkbar forskel. Mens sådanne plugins som Visual Composer og Divi kan tage et par sekunder at indlæse og føle sig klodsede at bruge, hvilket ikke forringer faktisk at bruge dem. Selvom du til sidst skal vænne dig til det, er det ikke noget, du nogensinde kommer til at nyde, det er bare noget, som du skal leve med, fordi du simpelthen ikke har en mulighed.

Læs mere: 

Divi vs. Beaver Builder: https://www.collectiveray.com/beaver-builder-vs-divi

Elementor vs Divi: https://www.collectiveray.com/elementor-vs-divi

Divi-temaanmeldelse: https://www.collectiveray.com/divi-theme-review

Det her. Denne ene på den anden side er et frisk pust. Ved at klikke på Rediger med Elementor, den side eller det indlæg, du har brug for for at redigere indlæser næsten øjeblikkeligt, vil vi tør sige, ikke meget anderledes end hvis du skulle indlæse indlægget eller siden UDEN plugin aktiveret, dvs. med den oprindelige WordPress-editor. 

Selvom du arbejder med den faktiske træk og slip-builder, kan du mærke, hvordan tilføjelse eller fjernelse af elementer er øjeblikkelig. Du behøver ikke at vente på, at bygherren fumler sammen og har de få sekunder af "ventetid", indtil et element er indlæst. Du vælger, du trækker, du falder, du fortsætter med at arbejde - værktøjet fungerer sammen med dig i dit tempo.

Hvordan man bruger det 

Der er to måder at bruge Elementor på. Den måde, du vælger at arbejde med det afhænger af, om du planlægger at oprette en side fra bunden eller ønsker at starte fra en af ​​de eksisterende skabeloner, der er tilgængelige for de mest almindelige webstedsscenarier.

Hvis du vil starte fra bunden, skal du blot oprette en ny side eller et nyt indlæg og derefter klikke på knappen Rediger med Elementor, og pluginet er indlæst, klar til at begynde redigering.

Rediger med Elementor

Dette bringer derefter en ren side op, klar til enten at tilføje de sektioner (rækker), du har brug for, eller indlæse fra en eksisterende skabelon (vi diskuterer dette snart).

Tom side eller post klar til tilføjelse af sektions widgets skabeloner

 

Når du klikker for at tilføje et afsnit (en række), bliver du bedt om at vælge det antal kolonner, som dette afsnit faktisk vil have. Inden for hver kolonne kan du derefter tilføje de forskellige tilgængelige elementer. 

Indstil struktur for sektion (kolonner)

Når du har indstillet strukturen, kan du nu begynde at trække og slippe widgets i de forskellige sektioner. Der er naturligvis masser af forskellige widgets at vælge imellem, fra enkle elementer, der følger med den gratis version af pluginet, til de mere komplekse funktioner og funktioner, der er tilgængelige med PRO-versionen.

Elementer til rådighed for tilføjelse

Tilgængelige elementer

Mange af de forventede standardfunktioner på et websted er tilgængelige som widgets, der kan føjes til siden. Nogle af de mere attraktive widgets at bruge er:

  • Ikoner
  • Google Maps
  • Portefølje
  • Animeret overskrift (roterende eller cirklet tekst)
  • Prisliste eller pristabel
  • Opfordringer til handling
  • Udtalelser fra nogle af vores kunder
  • countdowns
  • Facebook kommentarer og indlejring
  • Forfatterboks
  • Fremskridt søjler
  • Billedgallerier eller karruseller
  • Kortkoder
  • osv. osv

Det er nok at sige, at der i et enkelt plugin er alle de elementer, du nogensinde har brug for at bruge på en side.

Ikke kun det, men Elementor går ud over de fleste andre plugins. 

Dette skyldes, at plugin'et ud over at understøtte dets egne oprindelige elementer også understøtter kortkoder og standard WordPress-widgets. Dette betyder, at udover at understøtte alle sine egne elementer og ALLE WordPress-widgets, kan du også integrere alle tredjepartsfunktioner og -funktioner, der er aktiveret via kortkoder. Dette betyder stort set, at du næsten er ubegrænset i, hvad du kan føje til en side eller et indlæg, der designes.

Prøv Elementor nu

Dynamiske elementer

Et andet godt træk ved denne sidebygger er den unikke evne til at designe sider ved hjælp af dynamisk indhold snarere end statisk indhold. Dette er en ganske innovativ funktion og bestemt noget, som vi ofte er stødt på (eller overhovedet).

Det er selvfølgelig dejligt, at du kan trække og slippe elementerne beskrevet ovenfor, men det er blevet en forventet funktion fra denne form for værktøj.

Elementor er dog gået ud over det - ved at give mulighed for dynamiske sideelementer. Den nemmeste måde at forklare dette på er at bruge titlen eller overskriften på en side.

Lad os sige, at du vil designe en side, der viser de aktuelle nyheder, som du har relateret til din virksomhed. Nu, i stedet for at bruge den verdslige titel "Seneste nyheder", vil vi have vores aktuelle overskriftsbegivenhed. 

Så i stedet for at få siden bygget ved hjælp af Elementor, der viser en statisk "titel" - bruger vi temaelementet Indlæg Titel som faktisk spørger navnet på den aktuelle titel fra databasen og viser det i stedet for noget generisk indhold.

En anden fremragende brug i samme retning som dette er det valgte billede. Ved at have et dynamisk fremhævet billede kan du være sikker på, at det er dit seneste fremhævede billede, der faktisk vises (tilpasset til den aktuelle overskriftsbegivenhed) i modsætning til et generisk billede, du skal vise ved hjælp af de statiske elementer.

Elementor Skabeloner

Ovenfor har vi set, hvordan en side eller et indlæg kan bygges fra bunden ved hjælp af de indbyggede elementer, der er tilgængelige med dette produkt. Men der er en hurtigere, mere effektiv måde at oprette sider på. Eller snarere end bare sider kan du nemt oprette fulde websteder på få minutter! Dette er ved brug af Elementor-skabeloner.

Dette er en funktion, der bliver en ganske effektiv måde at bruge en sidebygger på. I det væsentlige er ideen denne: i stedet for at oprette siderne selv fra bunden med risikoen for, at du måske ødelægger det (især hvis du ikke typisk udsættes for webstedsdesign eller design generelt), bruger du en foruddefineret sideskabelon. .

Når du har valgt en skabelon, er dit eneste job at tilpasse elementerne en smule efter behov for den side eller det indlæg, du opretter. Uanset om dette er for en klient eller for dig selv, ville dit arbejde være at finjustere indholdet for at afspejle behovene på det websted, du opretter.

Dette vil naturligvis reducere din designtid betydeligt. Ikke kun det, men det vil også sikre, at dit design bliver et professionelt designfirma, snarere end det hos nogen, der måske ikke er helt vant til at designe.

Der er mere end 100 skabeloner tilgængelige som standard med Elementor Pro, men det er ikke alt.

Elementor Templates er nu en nicheindustri i sig selv. Du finder ud af, at der er hundredvis af andre gratis og premium-plugins tilgængelige til køb og download, til dækning og niche, industri eller behov.

Elementorskabeloner

Bare for at nævne nogle få af de tilgængelige skabeloner, kan man finde

  •  Interior Design
  • App-skabelon
  • Kaffebar, restaurant og måltider
  • Produktsider
  • Fitness
  • Advokatfirma
  • Tekstforfatter
  • Agentur og reklamer
  • Hoteller
  • Arkitekt
  • Bryllup
  • Grafisk designer
  • Startup
  • Personlig
  • CV
  • Portefølje
  • Ebook
  • og mange mange andre.

Elementor - landingsside for fotografering

Vi vil råde dig til at besøge library.elementor.com at se på den komplette liste over skabeloner til WordPress-destinationssider, der er tilgængelige som standard med pluginet, hvor du også kan se en faktisk demo af den nøjagtige side, som oprettes af skabelonen.

Priser

Elementor fås i fem smagsvarianter:

prisfastsættelse af elementer

  • Gratis
  • Væsentlig (for 1 websted) - $59/år
  • Avanceret for (3 websteder) - $99/år
  • Expert (for 25 websteder) - $199/år
  • Bureau (1000 websteder) - $399/år

Alle planer kommer med 1 års opdateringer og support. Med den latterligt billige pris på $ 59, når det bogstaveligt talt tager et par timer højst (baseret på skabelonerne) at oprette et helt nyt sted fra bunden - vi mener, det er fremragende værdi. 

Hvis du er designer, er det sandsynligt, at du kaster ud mere end 4 websteder om et år (selv i betragtning af hastigheden ved at udvikle websteder, nu hvor du har Elementor i dit arsenal), så det anbefales stærkt, at du vælger direkte til Ubegrænset plan med det samme. 

Elementor Rabatkode

Hver gang vi har en Elementor-rabatkode eller en kuponkode, sender vi den her, så du får den bedste pris.

Linket nedenfor fører dig til det officielle websted, hvor du får den bedste pris på Elementor i marts 2024.

Klik her for den laveste pris på Elementor

 

Se på, hvad nogle mennesker har sagt om pluginet:

testimonials

 

Avanceret brugerdefinerede felter

Den næste del af vores artikel skifter opmærksomhed til et andet plugin, vi elsker, Advanced Custom Fields.

Vi begynder med en kort oversigt over ACFderefter fokuserer vi på, hvordan man kombinerer Advanced Custom Fields og Elementor for at opnå fantastiske resultater. Selv revolutionerende.

For de uindviede tillader ACF en bruger at oprette brugerdefinerede felter for at redigere skærme for at forbedre både oplevelsen af ​​brugeren, der opretter webstedet, og selvfølgelig i sidste ende brugeren, der besøger webstedet.

Ligesom en kort introduktion

  • ACF-feltbyggeren tillader, at felter tilføjes WP-redigeringsskærme på få sekunder
  • Felterne kan føjes til ethvert indhold, indlæg, brugere, taksonomibetingelser, medier, kommentarer eller andre steder
  • Du kan derefter vise felterne hvor som helst med udviklervenlige funktioner

Som udvikler / designer kan dit sind hurtigt begynde at køre med de enorme muligheder, så snart du ser ovenstående. Med ovenstående kan du bogstaveligt talt oprette en "brugerdefineret kopi" af WordPress, der passer nøjagtigt til behovet for hver eneste klient, du har. 

Du ved sandsynligvis, at de fleste kunder, selvom de gerne vil bruge WordPress, stadig vil have deres egne særlige krav. Du ved også, at tilpasning af kernekoden til implementering af disse ændringer typisk er en dårlig idé, fordi det betyder, at du ikke vil kunne få kerneopdateringer - hvilket skaber væsentlige sikkerhedsrisici for denne installation.

ACF giver dig mulighed for at "tilpasse" WordPress uden at røre ved nogen kernekode, blot ved hjælp af et plugin.

Du kan læse mere om plugins her: https: // www.collectiveray.com/wp/plugins/

Og selvfølgelig er det ikke kun os, der bliver alle begejstrede for mulighederne for at bruge Advanced Custom Fields. Dette er et af de mest populære, installerede og højt vurderede plugins derude. I betragtning af at dette er designer / udviklerorienteret, kan du se, at nedenstående installationsstatistikker ikke er noget ekstraordinært.

Så før vi overhovedet dykker endnu længere, er det godt at bemærke, at dette plugin har mere end 1 million aktive installationer og har en 5-stjernet vurdering fra mere end 1000 anmeldelser. Det er en fremragende præstation, hvis du skulle spørge mig.

Avancerede brugerdefinerede felter, aktive installationer og aktuelle anmeldelser 

Oprettelse af brugerdefinerede felter

ACF's stærke punkt er naturligvis at skabe brugerdefinerede felter, som derefter fuldt ud kan kombineres til komplekse former. Vi ser dette som meget nyttigt til at skabe en række ting:

  • Tilpassede kontaktformularer beder en besøgende om detaljerede og specifikke oplysninger, der kan bruges til at besvare deres forespørgsler bedre. For eksempel, hvis din kunde er en service- eller fremstillingsorienteret slags klient, kan du klientere en kompleks form, der stiller meget specifikke spørgsmål om den besøgende. Til sidst kombinerer al denne information for at udstede en bedre klient eller give et bedre svar på den specifikke forespørgsel.

Alt dette skraber bare overfladen af, hvad ACF kan gøre i virkeligheden. I betragtning af hvor fokus dette er på udviklere, er det ikke underligt, at dette plugin er så populært. Når de brugerdefinerede felter er oprettet, kan man nemt integrere disse felter i

  • Temaer - som udvikler af et tema kan du faktisk inkludere de brugerdefinerede felter og funktioner, du oprettede for at tilpasse dit arbejde, så dine brugere kan drage fordel af disse tilpasninger - tænk f.eks. På muligheden for at oprette forskellige brugerdefinerede formularer til forskellige nicher
  • Plugins - igen som en plugin-udvikler kan du faktisk tilpasse bestemte formularer for at oprette udvidet funktionalitet til bestemte funktioner i WordPress eller dit eget plugin - du kan faktisk bruge ACF til at designe udvidet formularfunktionalitet, der kan bruges til at tilpasse datafangst til din plugin

Igen, som en udvikler eller endda som en webdesigner, kan du allerede begynde at se (og sandsynligvis blive begejstret) om ACF's potentiale.

Så lad os begynde at snuble lidt med ACF og se, hvad den er i stand til. Se nedenfor på følgende form, som vi har oprettet om et par minutter. Vi vil gerne gøre dig opmærksom på et par ting, som vi ikke havde forventet.

Oprettelse af en brugerdefineret form

Udover dine standardformularfelter som tekst, afkrydsningsfelt og vælg, datepicker og din standardkørsel af møllemulighederne understøtter ACF også

  • Relationelle indlægstyper - denne felttype giver dig mulighed for at vise emner (såsom indlæg og sider), der allerede findes på det aktuelle websted. Så lad os endnu en gang forestille os, at vi er en temaudvikler og vil give brugeren mulighed for at vælge et par indlæg, der skal vises på startsiden. Ved hjælp af avancerede filtre i denne type kan vi nemt oprette et brugergrænseflade, der giver os mulighed for at gøre alt dette. Vi har også adgang til sådanne ting som sider, taksonomier, brugere og roller.
  • Google Maps, datovælger og ColorPicker - disse felttyper er alle jQuery-drevne og understøttes alle uden for boksen (selv med den gratis version af ACF)
  • Regler - felterne kan vises eller ikke er baseret på betinget logik, som du kan definere via ACF UI. Dette betyder, at din formular kan tilpasses brugerens input, viser yderligere felter eller skjuler andre efter behov baseret på hvad brugeren faktisk indtaster
  • Indstillinger - finalen og kirsebær på kagen, giver dig mulighed for at bestemme de nøjagtige muligheder for, hvordan og hvor du vil vise din form. Uanset om du vil vise formularen øverst på siden (i backend) ved hjælp af en Metabox eller ikke og andre muligheder.

Her er en komplet liste over alle tilgængelige felttyper:

  • Tekst - Tekstfelt med en linje med valgfri HTML-understøttelse og tegnbegrænsninger
  • Tekstområde - Samme som tekst, men kan have flere linjer
  • Nummer - Nummerfelt, der kan have valgfri min / max-værdier til begrænsninger og validering
  • E-mail - Brugerdefineret felt til e-mail-input inklusive validering
  • Adgangskode - Adgangskode med tekstmaskering
  • WYSIWYG Editor - WordPress editor input med muligheder for medieindsættelse og editor knapper
  • Billede - Upload et billede, eller vælg et fra mediebiblioteket. Returnerer et objekt, en URL eller et id.
  • Fil - Samme som billedet, men generelt for filer
  • Vælg - rullemenu med understøttelse af flere valg
  • Afkrydsningsfelt - afkrydsningsfelt for enkelt eller flere emner
  • Radioknap - Vælg et enkelt element via radioknappen
  • Sand / falsk - Grundlæggende sand eller falsk vælger
  • Sidelink - Returnerer URL'en til ethvert indlæg eller side. Kan begrænses til specifikke posttyper.
  • Indlægsobjekt - Returnerer et WordPress-objekt af ethvert indlæg eller side, indlægstype eller taksonomi
  • Forhold - Samme som post-objekt, men med en avanceret grænseflade og ombestilling via træk og slip
  • Taksonomi - Returnerer et objekt eller ID for en eller flere taksonomier. Kan begrænses til tags, kategorier eller tilpassede taksonomibetingelser.
  • Bruger - Vælg en eller flere brugere. Mulighed for at begrænse valget efter brugerrolle.
  • Google Map - Indstil et center, zoomniveau og bredde
  • Datovælger - Vælg en kalenderdato, og returner en formateret datostreng
  • Farvevælger - Vælg en hexadecimal farve
  • Besked - Efterlad en besked
  • Faneblad - Kombiner felter i en grænseflade med faner 

 

Det er svært at tænke på scenarier, som ovenstående funktioner ikke dækker. Det er ikke underligt, at pluginet hedder Advanced Custom Forms, fordi den leverede funktionalitet er meget kraftig i hænderne på nogen, der ved, hvordan man udnytter disse funktioner. det er ekstremt fleksibelt og kan muliggøre udvidelse af WordPress-standardfunktionerne, kun begrænset af din fantasi.

Det fantastiske er, at al denne tilpasning udføres uden at røre ved en kodelinje, og vigtigere, uden at røre ved kernefiler - hvilket sikrer, at du ikke opretter nogen sikkerhedsproblemer for de websteder, du tilpasser.

Dette er uden tvivl en gamechanger.

Frontend vs Backend 

Fra eksemplerne og mulighederne ovenfor kan du se, at ACF kan bruges både i frontenden og på backend. Nu, virkelig og sandt, ved vi, at der er en million og en formular-plugins derude, som giver dig mulighed for at oprette brugerdefinerede formularer til backend.

Den virkelige fordel kommer fra muligheden for at tilpasse WordPress's admin-sider - dette gør i det væsentlige dette produkt til et produkt bygget af udviklere til udviklere og designere. Som udviklere kender og forstår de begrænsningerne ved at fungere udelukkende inden for WordPress-grænser.

Så dette er et produkt, der giver udviklere og designere mulighed for at skubbe WordPress-grænserne, ikke fra frontend, men især med hensyn til mulighederne, der gives til WordPress-administratoren eller webmasteren.

Nu hvor vi har set mulighederne i ACF og Elementor, lad os give et par eksempler på, hvordan disse kan arbejde sammen.

Brugerdefinerede Kontakt os formularer

Vi har allerede diskuteret ovenfor, hvordan en brugerdefineret kontaktformular specifikt til din service, branche eller produkt vil gå langt i retning af at lukke ny virksomhed. Så lad os se på, hvad vi kan gøre ved hjælp af Elementor og Advanced Custom Fields.

Vi har allerede oprettet en brugerdefineret form til en bestemt branche (den er stadig ret generisk, men du får ideen, du kan derefter tilpasse og tilføje felter i henhold til dit specifikke tilfælde).

Så nu vil vi tilføje denne formular til en Kontakt os-side oprettet af Elementor. Vi opretter siden Kontakt os, og i stedet for at designe det fra bunden, vil vi hente en skabelon fra de færdige.

skabelon til kontaktside

Nu hvor vi har et grundlag, hvorfra vi skal starte, lad os tilføje vores egen tilpassede form:

Vi fjernede det eksisterende kontaktformular og droppede formularwidgeten og tilpassede kontaktformularen til at oprette vores egen brugerdefinerede tilbudsformular - bogstaveligt talt om et par minutter var vi færdige.

Design af brugerdefineret citatformular

Og det er skønheden ved at bruge disse to plugins. Uanset om du vil oprette brugerdefinerede formularer i backend til dine egne temaer og plugins, eller om du vil bruge brugerdefinerede formularer i front-end, er mulighederne slutless.

Én ting, som vi ønskede, at vi kunne gøre, og vi er sikre på, at teamet hos Elementor til sidst vil integrere sig i deres produkter, ville være muligheden for at oprette formularer ved hjælp af ACF og tilføje dem direkte i sidebyggeren. 

OPDATERING september 2018 - de nye udgivelser af disse to plugins kan nu integreres direkte. Brugerdefinerede formularer oprettet i ACF kan nu integreres direkte i Elementor ved hjælp af tilpassede posttyper.

Kombinerer ACF og Elementor

Så dette har været noget, som de to plugins gik glip af for et par måneder siden, da vi gennemgik disse to produkter. Vores læsere har også fundet ud af noget forvirrende og skuffende over ikke at være i stand til at gøre dette.

Som en god anmelder skal gøre, kom vi i kontakt med udviklingsteamet og foreslog, at dette skulle være noget, der skulle indbygges i disse to produkter for at kunne skabe en smuk løsning til integration mellem de to.

Og som et godt team, der holder øje med deres kunder, sprang de hurtigt på dette, og kun få måneder senere har vi nye versioner af begge produkter, som nu tilbyder en direkte integration.

Dette kan være muligt ved hjælp af brugerdefinerede posttyper i WordPress. Bare for dem, der ikke kender, er de mest almindelige brugerdefinerede indlægstyper indlæg, sider og vedhæftede filer, men der er flere. Andre almindelige posttyper, du måske har set, er WooCommerce-produkter, udtalelser, begivenheder, anmeldelser, porteføljer ... og masser af andre. 

Med andre ord er tilpassede posttyper en bestemt type "indhold", der har et bestemt format.

Man skal bemærke, at det også er 100% muligt at definere nye tilpassede posttyper, hvis du har specifikt indhold, der skal "struktureres".

I det væsentlige skal du bruge et Custom Post-plugin til at definere de nye felter, du har brug for, eller gøre dette ved hjælp af kode.

Fyrene på Elementor har oprettet en meget detaljeret langformet artikel om hvordan man udfører denne integration.

Den nemmeste måde at gøre dette på er at bruge CPT UI-pluginet, som du kan finde her. Vi gennemgår ikke alle detaljerne i oprettelse af en brugerdefineret posttype, der er masser af artikler derude, selvom vi stærkt anbefaler, at du besøger denne.

CPT UI brugerdefineret posttype

Når du har oprettet den tilpassede posttype, skal du nu oprette de brugerdefinerede felter ved hjælp af ACF og kun vise de specifikke felter baseret på, om posttypen er en, du lige har defineret.

Opret brugerdefinerede felter med ACF

 

For at kunne vise disse brugerdefinerede indlægstyper på blogsiderne, skal man forstå, hvordan disse tilpassede indsendte typer fungerer i de forskellige områder af dit websted.

Hvis du skulle forestille dig en testimonial tilpasset posttype, kan du tilføje denne på en hvilken som helst side eller et indlæg, du bruger. Du kan også oprette et komplet "indlæg" ved hjælp af den tilpassede posttype.

For at bruge dem med Elementor bruger vi skabeloner, og det er disse trin, du skal følge:

  • Opret en ny enkelt skabelon, du kan give den navnet på din nye type og tilføje en ny tekstwidget. Af hensyn til eksemplet bruger vi overskriften widget. 
  • Klik på det dynamiske ikon, og vælg ACF-felt. Klik på det igen, og vælg den tilpassede posttype, du oprettede under 'nøgle'. Det indhold, du tilføjede tidligere, vises nu.
  • Nu er alt, hvad der er tilbage, at offentliggøre, og nu kan du bruge denne skabelon i dit indhold.

 

Hvis du vil kunne genbruge disse indholdstyper og felt, kan du bruge dem i Elementor-skabeloner. Ved hjælp af Theme Builder-funktionaliteten kan du oprette skabeloner ved hjælp af disse brugerdefinerede typer ved at vælge felterne fra det dynamiske indhold.

Besøg Elementor for en forklaring på længere form af tilpassede posttyper

Elementor Ekstra

Nu hvor vi har talt om disse to gode produkter i detaljer, vil vi bare forgrene mig lidt. Når plugins som disse to vokser til en sådan popularitet, er det uundgåeligt, at de bliver en niche og en helt egen industri og begynder at trække i softwareleverandører, der faktisk opretter andre udvidelser for at udvide funktionaliteten af ​​disse plugins.

Så vi skal se på et antal Elementor-ekstramateriale, du måske overvejer for yderligere at skubbe funktionaliteten.

Ultimate Addons til Elementor

Dette er et sæt widgets, der er målrettet mod at tilføje mere funktionalitet og fleksibilitet til sidebyggeren. I betragtning af at disse widgets kommer fra Brainstorm Force, virksomheden bag WP Astra, kan du forstå, at kvaliteten af ​​disse funktioner er på et meget højt niveau.

Ultimative tilføjelser

Der er mere end 24 widgets tilgængelige i skrivende stund, inklusive, men ikke begrænset til:

  • Timeline - dette er en fantastisk måde at vise tidslinjediagrammer, køreplaner eller andre tidsbaserede emner på
  • Indhold skift - dette giver din slutbruger mulighed for at skifte mellem bestemte stykker indhold, for eksempel vil du gerne vise månedlig vs årlig prisfastsættelse eller andre lignende prisskifter
  • Modal pop op - en ren og nem måde at oprette pop op-vinduer til f.eks. nyhedsbrevsabonnementer eller andet indhold, du gerne vil have.
  • Åbningstider - bruges til at gøre dine åbningstider mere attraktive og professionelle
  • Google Map - en vigtig funktion for ethvert sted for en lokal virksomhed for at sikre, at klienter ved, hvor du er placeret
  • Prisliste og prisboks - Prissætning er naturligvis en anden vigtig funktion, hvis du er i gang med at sælge tjenester eller bundter

Skønheden i denne pakke med widgets er de forskellige prisstrukturer. Hvis du vælger agenturpakken, får du endda en gratis kopi af Astra Pro- og WP Portfolio-plugin udover et antal færdige startwebsteder til at starte dit webdesign arbejde.

Crocoblock

Dette er et firma, der er enorme fans af Elementor og har oprettet et stort antal premium-plugins som:

  • JETElements - et antal smukke widgets til at style dine sider smukt som prissætningstabeller, indbygget SVG, tidslinjer, statusbjælker, murværkslayouter og meget meget mere, der er mere end 40 widgets at vælge imellem
  • JETM menu - en nem måde at skabe en brugervenlig og tilpasselig Mega Menu på
  • JETabs - en fantastisk måde at organisere overfyldte sider på, som kræver masser af vigtig information såsom produktsider
  • JETWoobuilder - dette er et andet godt produkt, som i det væsentlige er en fantastisk måde at oprette WooCommerce-sider, der sælger
  • Flymotor - dette er et plugin, der er fremragende til at skabe dynamisk indhold på dine sider, såsom dynamiske felter, meta, links og endda billeder og layout.

Crocoblock-plugins

Alt i alt med Crocoblock, har du en enkelt leverandør, der kan imødekomme alle dine WordPress-behov. Både deres Kava-tema, de mange Elementor-widgets, forskellige plugins og meget mere, alt sammen tilgængeligt til enorm værdi via Lifetime-pakken, dette er en glimrende aftale.  

 

Elementor vs. Beaver Builder

Anbefalet læsning: Beaver Builder vs Elementor - En ultimativ guide og sammenligning (2019) 

Der er mange forskellige produkter derude til at oprette WordPress-websteder. Uden tøven kan vi sige, at dette produkt helt sikkert er et af de mest populære og succesrige produkter derude, der rammer 5 millioner aktive installationer i september 2020.

Men det er bestemt ikke det eneste, du kan bruge. For eksempel, mens webdesignere og webstedsadministratorer har en præference for træk og slip sidebygger, har webudviklere typisk en tendens til at foretrække sådanne rammer som Beaver Builder hvilket giver dem mere fleksibilitet frem for kun at give dem den mulighed, som pluginet understøtter.

Der er mange flere punkter at diskutere, når det kommer til at sammenligne Elementor med Beaver Builder. Faktisk har vi lige gennemgået begge disse elementer og skabt en fuld sammenligning og ultimativ vejledning, som du kan se på linket ovenfor.

Afsluttende tanker

Vi tror, ​​at Elementor sætter bjælken, når det kommer til sidebygere - og det sætter det ret højt.

Dette er bestemt en af ​​de bedste sidebygere derude, og andre leverandører ville gøre sig selv en tjeneste, hvis de ser på dette produkt for at sikre, at de i det mindste giver det samme niveau af funktioner som Elementor gør.

Ikke kun det, men som designer og udvikler giver kombinationen af ​​at bruge Elementor og ACF sammen til at drive dine egne brugerdefinerede temaer dig muligheder for at starte med at skabe meget niche-temaer, der imødekommer meget specifikke industrier på en måde, som næppe var muligt før.

Vi tror, ​​at begge disse plugins i sig selv er spilskiftere, men sammen - en rigtig vinderkombination.

Klik her for den laveste pris på Elementor

Om forfatteren
David Attard
David har arbejdet i eller omkring online- og digitalindustrien i de sidste 21 år. Han har stor erfaring i software- og webdesignindustrien ved at bruge WordPress, Joomla og nicher omkring dem. Han har arbejdet med softwareudviklingsbureauer, internationale softwarevirksomheder, lokale marketingbureauer og er nu Head of Marketing Operations hos Aphex Media - et SEO-bureau. Som digital konsulent er hans fokus på at hjælpe virksomheder med at få en konkurrencefordel ved at bruge en kombination af deres hjemmeside og digitale platforme, der er tilgængelige i dag. Hans blanding af teknologisk ekspertise kombineret med et stærkt forretningssans giver hans forfatterskab en konkurrencefordel.

En ting mere... Vidste du, at folk, der deler nyttige ting som dette indlæg, også ser FANTASTISKE ud? ;-)
Vær venlig at forlade a nyttigt kommenter med dine tanker, så del dette på din Facebook-gruppe (r), der ville finde det nyttigt, og lad os høste fordelene sammen. Tak fordi du delte og var god!

Afsløring: Denne side kan indeholde links til eksterne websteder for produkter, som vi elsker og helhjertet anbefaler. Hvis du køber produkter, vi foreslår, tjener vi muligvis et henvisningsgebyr. Sådanne gebyrer påvirker ikke vores anbefalinger, og vi accepterer ikke betalinger for positive anmeldelser.

Forfatter (e) Fremhævet den:  Inc Magazine-logo   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot logo   WPMU DEV-logo   og mange flere ...