Elementor Pro + Advanced Custom Fields = Revolutionary (2023)

Elementer Pro + Avanserte tilpassede felt

At CollectiveRay, vi er litt av en mashup, vi er tidligere utviklere, ble webdesignere, produktledere, og vi vil bare at nettstedet vårt skal gjøre det vi trenger dem til å gjøre uten å måtte hamre ting på plass. Derfor liker vi å eksperimentere med kombinasjoner av funksjoner og funksjoner for å lage ting bare arbeid. Den siste kombinasjonen vi har funnet å være revolusjonerende for måten vi jobber på, er Elementor kombinert med Advanced Custom Fields - virkelig, disse to plugins som fungerer sammen har tatt arbeidet vårt til neste nivå.

Bli med oss ​​for å se fullstendig på funksjonene til disse to pluginene og hvordan de kan kombineres for å skape en vinnerkombinasjon. Vi har nettopp besøkt artikkelen i September 2023 og oppdatert med alle relevante nye detaljer etter behov.

Oppsummering

   Elementor  Avansert egendefinerte felt
Pris Gratis eller Pro fra $59/år Gratis eller Pro fra $49/år
Gratis prøveperiode Elementor Designer Lite Avansert egendefinerte felt
Ytelse  Lett og raskt - spesielt sammenlignet med andre sidebygere Ikke aktuelt
Det vi likte  Ryddig, organisert UI / UX  Fleksibilitet, allsidighet
   Lett, bygget for fart  Utviklervennlige funksjoner
   Godt utvalg av elementer  Avanserte skjermregelsett
   Innebygde tilpassede skjemaer  Tilpasning av WordPress-backend uten koding
Alt i alt
nettsted Besøk Elementor Besøk ACF

Elementor gjennomgang

Elementor er den mest populære WordPress Page Builder. Takket være den gratis versjonen og den billige Pro-prisen ($ 59) har den sett fantastisk vekst. Det store antallet elementer den har betyr at du trenger svært få tilleggsprogrammer fra tredjeparter. Det har også temabyggingsegenskaper og et stort bibliotek med maler.

La oss starte med å dykke inn i det Elementor. Med sidebyggerne som raseri i disse dager, tar det litt å faktisk imponere oss, men Elementor hadde gjort nettopp det - imponere oss.

Førsteinntrykk 

Dette superpolerte pluginet for å bygge dra og slipp sider og innlegg er definitivt en sterk konkurrent for folk som oss å bruke som deres goto produkt for å designe sine egne nettsteder.

Det er ikke rart at dette pluginet er kjent som WordPress Pagebuilder # 1, og du vil finne det rangert som et av de beste produktene i en sammenligning av produkter i sin kategori.

En av de første tingene du vil legge merke til når du jobber med Elementor, er den absolutt rene designen. Ingen rot, pent organisert, denne pluginen vil være en glede å jobbe med for de som er obsessivt organisert, og selvfølgelig for alle som bare liker at ting skal være pent organisert.

Du kan se at elementene UI (til venstre) er veldig enkle å forstå og jobbe med. Den faktiske canvas (til høyre) holdes også veldig rent og holder alternativene borte fra veien til du faktisk klikker på et bestemt element. Først da vises alternativene. Disse holder alt til å se ut akkurat som det ville se ut på selve frontenden, når siden eller innlegget er publisert.

Elementor første gangs bruk

Ytelse

En annen ting som umiddelbart er tydelig når du bruker Elementor, er hvor lett det føles når du bruker. Etter å ha brukt ganske mange av de mer populære sidebyggerne, kan vi lett føle en virkelig merkbar forskjell. Mens slike plugins som Visual Composer og Divi kan ta noen sekunder å laste inn og føle seg klumpete å bruke, noe som ikke forringer faktisk å bruke dem. Selv om du til slutt må bli vant til det, er det ikke noe du noen gang får glede av, det er bare noe du må leve med fordi du rett og slett ikke har et alternativ.

Les mer: 

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

Dette. Denne er den andre siden et friskt pust. Ved å klikke på Rediger med Elementor, siden eller innlegget du trenger for å redigere, lastes nesten umiddelbart, vil vi tørre å si, ikke veldig annerledes enn om du måtte laste innlegget eller siden UTEN plugin aktivert, dvs. med den innfødte WordPress-redigereren. 

Selv om du arbeider med selve dra-og-slipp-byggmesteren, kan du føle hvordan det er øyeblikkelig å legge til eller fjerne elementer. Du trenger ikke å vente på at byggherren skal fomle sammen og ha de få sekundene av "ventetid" til et element er lastet. Du velger, du drar, du slipper, du fortsetter å jobbe - verktøyet fungerer med deg, i ditt tempo.

Hvordan bruke det 

Det er to måter å bruke Elementor på. Måten du velger å jobbe med det avhenger av om du planlegger å bygge en side fra bunnen av, eller ønsker å starte fra en av de eksisterende malene som er tilgjengelige for de vanligste nettstedsscenariene.

Hvis du vil starte fra bunnen av, oppretter du bare en ny side eller et nytt innlegg, og deretter klikker du på Rediger med Elementor-knappen, og pluginet er lastet inn, klar for å begynne redigering.

Rediger med Elementor

Dette gir deg en ren side, klar til enten å legge til seksjonene (radene) du trenger eller laste inn fra en eksisterende mal (vi diskuterer dette snart).

Tom side eller post klar for å legge til seksjons widgets maler

 

Når du klikker for å legge til en seksjon (en rad), blir du bedt om å velge antall kolonner som denne delen faktisk vil ha. Innenfor hver kolonne kan du deretter legge til de forskjellige tilgjengelige elementene. 

Sett strukturen til seksjonen (kolonner)

Når du har angitt strukturen, kan du nå begynne å dra og slippe småprogram i de forskjellige seksjonene. Det er selvfølgelig mange forskjellige widgets å velge mellom, fra enkle elementer som følger med den gratis versjonen av pluginet, til de mer komplekse funksjonene og funksjonene som er tilgjengelige med PRO-versjonen.

Elementer tilgjengelig for å legge til

Tilgjengelige elementer

Mange av de forventede standardfunksjonene på et nettsted er tilgjengelige som widgets som kan legges til siden. Noen av de mer attraktive widgetene å bruke er:

  • ikoner
  • Google Maps
  • portefølje
  • Animert overskrift (roterende eller sirklet tekst)
  • Prisliste eller pristabell
  • Oppfordringer til handling
  • Tilbakemeldinger fra kunder
  • nedtellinger
  • Facebook kommentarer og innebygd
  • Forfatterboks
  • Fremgangsstenger
  • Bildegallerier eller karuseller
  • Kortkoder
  • osv. osv

Det er nok å si at i ett enkelt plugin er det alle elementene du noen gang kan trenge å bruke på en side.

Ikke bare det, men Elementor går utover de fleste andre plugins. 

Dette er fordi, foruten å støtte sine egne innfødte elementer, støtter pluginet også kortkoder og standard WordPress-widgets. Dette betyr at i tillegg til å støtte alle sine egne elementer, og ALLE WordPress-widgets, kan du også legge inn alle tredjepartsfunksjoner og funksjoner som er aktivert gjennom kortkoder. Dette betyr ganske mye at du er praktisk talt ubegrenset med hva du kan legge til på en side eller et innlegg som blir designet.

Prøv Elementor nå

Dynamiske elementer

En annen flott funksjon ved denne sidebyggeren er at den unike evnen til å designe sider ved hjelp av dynamisk innhold i stedet for statisk innhold. Dette er ganske nyskapende og definitivt noe vi ofte har kommet over (eller i det hele tatt).

Selvfølgelig er det flott at du kan dra og slippe elementene som er beskrevet ovenfor, men det har blitt en forventet funksjon fra denne typen verktøy.

Elementor har imidlertid gått utover det - ved å tillate dynamiske sideelementer. Den enkleste måten å forklare dette på, er å bruke tittelen eller overskriften på en side.

La oss si at du vil designe en side som viser gjeldende nyheter som du har relatert til din bedrift. Nå, i stedet for å bruke den verdslige tittelen "Siste nyheter", vil vi ha vår nåværende overskriftsbegivenhet. 

Så i stedet for å ha siden bygget med Elementor som viser en statisk "tittel" - bruker vi Theme Element innlegg Tittel som faktisk spør navnet på gjeldende tittel fra databasen og viser det i stedet for noe generisk innhold.

En annen utmerket bruk i samme retning som dette er det valgte bildet. Ved å ha et dynamisk utvalgt bilde, kan du være sikker på at det er det siste utvalgte bildet ditt som faktisk vises (tilpasset den aktuelle overskriftshendelsen) i motsetning til et generisk bilde du må vise ved hjelp av de statiske elementene.

Ta en titt på forklaringsvideoen under 2 minutter om Elementors dynamiske elementer.

Elementor Maler

Ovenfor har vi sett hvordan en side eller et innlegg kan bygges fra bunnen av ved hjelp av de innebygde elementene som er tilgjengelige med dette produktet. Men det er en raskere, mer effektiv måte å lage sider på. Eller, i stedet for bare sider, kan du enkelt bygge fulle nettsteder på få minutter! Dette er ved bruk av Elementor Templates.

Dette er en funksjon som blir en ganske effektiv måte å bruke en sidebygger på. I hovedsak er ideen dette: i stedet for å lage sidene selv fra bunnen av, med risiko for at du kan ødelegge det, (spesielt hvis du ikke vanligvis blir utsatt for nettstedsdesign eller design generelt), bruker du en forhåndsdefinert sidemal .

Når du har valgt en mal, er den eneste jobben din å tilpasse elementene litt for å dekke behovet til siden eller innlegget du oppretter. Enten dette er for en klient eller for deg selv, vil arbeidet ditt være å tilpasse innholdet for å gjenspeile behovene til nettstedet du oppretter.

Dette vil selvfølgelig redusere designtiden betydelig. Ikke bare det, men det vil også sørge for at designet ditt kommer til å bli et profesjonelt designfirma, snarere enn det til noen som kanskje ikke er helt vant til å designe.

Det er mer enn 100 maler tilgjengelig som standard med Elementor Pro, men dette er ikke alt.

Elementor Templates er nå en nisjeindustri i seg selv. Du vil finne at det er hundrevis av andre gratis og premium plugins tilgjengelig for kjøp og nedlasting, for å dekke og nisje, industri eller behov.

Elementor maler

Bare for å nevne noen av malene som er tilgjengelige, kan man finne

  •  Interiør Design
  • Appmal
  • Kaffebar, restaurant og måltider
  • Produktsider
  • Fitness
  • Advokatfirma
  • Tekstforfatter
  • Byrå og reklamer
  • hoteller
  • Arkitekt
  • Bryllup
  • Grafisk Designer
  • oppstart
  • Personlig
  • CV
  • portefølje
  • EBok
  • og mange mange andre.

Elementor - fotograferingsside

Vi vil råde deg til å besøke library.elementor.com å se på den komplette listen over WordPress-landingssidemaler som er tilgjengelige som standard med pluginet, hvor du også kan se en faktisk demo av den eksakte siden som ville blitt opprettet av malen.

Priser

Elementor er tilgjengelig i fem smaker:

elementor prising

  • Gratis
  • Viktig (for 1 nettsted) - $59/år
  • Avansert for (3 nettsteder) - $99/år
  • Expert (for 25 nettsteder) - $199/år
  • Byrå (1000 nettsteder) - $399/år

Alle planene kommer med ett års oppdateringer og støtte. Med den latterlig billige prisen på $ 1, når det tar bokstavelig talt noen timer (basert på malene) å lage et helt nytt nettsted fra bunnen av - vi tror dette er utmerket verdi. 

Hvis du er designer, er det sannsynlig at du vil kaste ut mer enn fire nettsteder i løpet av et år (til og med gitt hastigheten på å utvikle nettsteder nå som du har Elementor i arsenalet ditt), så det anbefales på det sterkeste at du velger direkte for Ubegrenset plan umiddelbart. 

Elementor Rabattkode

Hver gang vi har en Elementor-rabattkode eller kupongkode, vil vi legge den ut her, slik at du får den beste prisen.

Koblingen nedenfor tar deg til det offisielle nettstedet der du får den beste prisen på Elementor i September 2023.

Klikk her for laveste pris på Elementor

 

Ta en titt på hva noen mennesker har sagt om pluginet:

attester

 

Avansert egendefinerte felt

Den neste delen av artikkelen vender oppmerksomheten mot et annet plugin vi elsker, Advanced Custom Fields.

Vi begynner med en kort oversikt over ACF, etter det, vil vi fokusere på hvordan du kan kombinere Advanced Custom Fields og Elementor for å oppnå fantastiske resultater. Revolutionerende til og med.

For uinnvidde tillater ACF en bruker å lage egendefinerte felt for å redigere skjermer for å forbedre både opplevelsen til brukeren som oppretter nettstedet og selvfølgelig til slutt brukeren som besøker nettstedet.

Akkurat som en kort intro

  • ACF feltbygger lar felt legges til WP redigeringsskjermbilder på sekunder
  • Feltene kan legges til alt innhold, innlegg, brukere, taksonomivilkår, media, kommentarer eller andre steder
  • Du kan da vise feltene hvor som helst, med utviklervennlige funksjoner

Så snart du ser ovennevnte, kan tankene dine raskt begynne å kjøre på de enorme mulighetene som utvikler / designer. Med det ovennevnte kan du bokstavelig talt lage en "tilpasset kopi" av WordPress som passer akkurat for behovet til hver eneste klient du har. 

Du vil sannsynligvis vite at de fleste klienter, selv om de gjerne vil bruke WordPress, fremdeles kommer til å ha sine egne spesifikke krav. Du vet også at tilpasning av kjernekoden for å implementere disse endringene vanligvis er en dårlig ide fordi det betyr at du ikke vil kunne få kjerneoppdateringer - noe som skaper betydelige sikkerhetsrisikoer for den installasjonen.

ACF lar deg "tilpasse" WordPress uten å berøre noen kjernekode, ganske enkelt gjennom et plugin.

Du kan lese mer om plugins her: https: // www.collectiveray.com/wp/plugins/

Og selvfølgelig er det ikke bare vi som blir begeistret for mulighetene for å bruke Advanced Custom Fields. Dette er en av de mest populære, installerte og høyt rangerte pluginene der ute. Gitt at dette er designer- / utviklerorientert, kan du se at installasjonsstatistikken nedenfor ikke er noe ekstraordinært.

Så før vi til og med dykker enda lenger, er det greit å merke seg at dette programtillegget har mer enn 1 million aktive installasjoner, og har en 5-stjerners vurdering fra mer enn 1000 anmeldelser. Det er en enestående prestasjon hvis du måtte spørre meg.

Avanserte egendefinerte felt, aktive installasjoner og aktuelle gjennomganger 

Opprette egendefinerte felt

ACFs sterke punkt er selvfølgelig å lage tilpassede felt som deretter kan kombineres fullt ut til komplekse former. Vi ser dette som veldig nyttig for å lage en rekke ting:

  • Tilpassede kontaktskjemaer ber en besøkende om detaljert og spesifikk informasjon som kan brukes til å svare på spørsmålene deres bedre. For eksempel, hvis kunden din er en tjeneste- eller produksjonsorientert type klient, kan du klientere et komplekst skjema som stiller veldig spesifikke spørsmål om den besøkendes behov. Til slutt kombinerte all denne informasjonen for å utstede en bedre klient eller gi bedre svar på den spesifikke spørringen.

Dette er bare å skrape overflaten av hva ACF kan gjøre i virkeligheten. Gitt hvor fokusert dette er på utviklere, er det ikke rart at dette pluginet er så populært. Når egendefinerte felt er opprettet, kan man enkelt legge disse feltene inn i

  • Temaer - som utvikler av et tema kan du faktisk inkludere de tilpassede feltene og funksjonene du opprettet for å tilpasse arbeidet ditt slik at brukerne dine kan dra nytte av disse tilpasningene - tenk for eksempel muligheten til å lage forskjellige tilpassede skjemaer for forskjellige nisjer
  • Plugins - nok en gang som en plugin-utvikler, kan du faktisk tilpasse spesifikke skjemaer for å lage utvidet funksjonalitet for spesifikke funksjoner i WordPress eller din egen plugin - du kan faktisk bruke ACF til å designe utvidede skjemafunksjonaliteter som kan brukes til å tilpasse datafangsten til din plugg inn

Nok en gang, som utvikler, eller til og med som webdesigner, kan du allerede begynne å se (og sannsynligvis bli begeistret) om potensialet til ACF.

Så la oss begynne å fikle litt med ACF og se hva den er i stand til. Ta en titt nedenfor på følgende skjema som vi har opprettet på et par minutter. Vi vil gjøre deg oppmerksom på noen få ting som vi ikke forventet.

Opprette et tilpasset skjema

I tillegg til dine standard skjemafelt som tekst, avkrysningsrute og velg, datepicker og din standard kjøring av møllealternativene, støtter ACF også

  • Relasjonelle innleggstyper - denne felttypen lar deg vise elementer (for eksempel innlegg og sider) som allerede finnes på det nåværende nettstedet. Så igjen, la oss for et øyeblikk forestille oss at vi er en temautvikler og vil gi brukeren muligheten til å velge noen få innlegg som skal vises på hjemmesiden. Ved hjelp av avanserte filtre i denne typen kan vi enkelt lage et brukergrensesnitt som lar oss gjøre alt dette. Vi har også tilgang til slike ting som sider, taksonomier, brukere og roller.
  • Google Maps, datovelger og ColorPicker - disse felttypene er alle jQuery-drevne og støttes alle ut av boksen (selv med gratisversjonen av ACF)
  • Regler - feltene kan vises eller ikke basert på betinget logikk som du kan definere gjennom ACF UI. Dette betyr at skjemaet ditt kan tilpasses brukerens innganger, viser flere felt eller skjuler andre etter behov basert på hva brukeren faktisk skriver inn
  • alternativer - finalen og kirsebær på kaken, lar deg bestemme de eksakte alternativene for hvordan og hvor du vil vise skjemaet ditt. Enten du vil vise skjemaet øverst på siden (i backend), ved hjelp av en Metabox eller ikke, og andre alternativer.

Her er en fullstendig liste over alle tilgjengelige felttyper:

  • Tekst - Tekstfelt med en linje med valgfri HTML-støtte og tegnbegrensninger
  • Tekstområde - Samme som tekst, men kan ha flere linjer
  • Number - Number-felt som kan ha valgfrie min / maks-verdier for grenser og validering
  • E-post - Egendefinert felt for e-postinngang inkludert validering
  • Passord - Passordinngang med tekstmaskering
  • WYSIWYG Editor - WordPress-editorinngang med muligheter for medieinnsetting og redigeringsknapper
  • Bilde - Last opp et bilde eller velg et fra mediebiblioteket. Returnerer et objekt, en URL eller ID.
  • Fil - Samme som bildet, men generelt for filer
  • Velg - rullegardinmeny med støtte for flere valg
  • Avkrysningsrute - Avkrysningsfelt for enkelt- eller flere elementer
  • Radio Button - Velg et enkelt element via radioknappen
  • True / False - Grunnleggende sant eller falsk velger
  • Sidekobling - Returnerer nettadressen til et innlegg eller en side. Kan begrenses til bestemte innleggstyper.
  • Innleggsobjekt - Returnerer et WordPress-objekt av innlegg eller sider, innleggstype eller taksonomi
  • Forhold - Samme som innleggsobjekt, men med et avansert grensesnitt og ombestilling via dra og slipp
  • Taksonomi - Returnerer et objekt eller ID for en eller flere taksonomier. Kan begrenses til koder, kategorier eller tilpassede taksonomibetingelser.
  • Bruker - Velg en eller flere brukere. Mulighet for å begrense valget etter brukerrolle.
  • Google Map - Angi et senter, zoomnivå og bredde
  • Datovelger - Velg en kalenderdato og returner en formatert datostreng
  • Fargevelger - Velg en heksadesimal farge
  • Melding - Legg igjen en melding
  • Tab - Kombiner felt til et faneblad 

 

Det er vanskelig å tenke på scenarier som funksjonene ovenfor ikke dekker. Det er ikke rart at pluginet heter Advanced Custom Forms, fordi funksjonaliteten som tilbys er veldig kraftig i hendene på noen som vet hvordan de skal utnytte disse funksjonene. det er ekstremt fleksibelt og kan gjøre det mulig å utvide standard WordPress-funksjoner, bare begrenset av fantasien.

Det som er bra, er at all denne tilpasningen gjøres uten å berøre en kodelinje, og enda viktigere, uten å berøre noen kjernefiler - slik at du ikke lager noen sikkerhetsproblemer for nettstedene du tilpasser.

Dette er uten tvil en spillveksler.

Frontend vs Backend 

Fra eksemplene og alternativene ovenfor kan du se at ACF kan brukes både i frontenden og på bakenden. Nå, virkelig og virkelig, vet vi at det er en million og ett skjema plugins der ute, som lar deg lage tilpassede skjemaer for backend.

Den virkelige fordelen kommer fra muligheten til å tilpasse WordPress admin-sider - dette gjør i hovedsak dette produktet til et produkt bygget av utviklere for utviklere og designere. Som utviklere kjenner og forstår de begrensningene ved å operere utelukkende innenfor WordPress-grenser.

Så dette er et produkt som gjør det mulig for utviklere og designere å skyve grensene for WordPress, ikke fra frontend, men spesielt når det gjelder mulighetene WordPress-administratoren eller nettredaktøren gir.

Nå som vi har sett funksjonene til ACF og Elementor, la oss gi noen eksempler på hvordan disse kan fungere sammen.

Tilpasset Kontakt oss Skjemaer

Vi har allerede diskutert ovenfor hvordan et tilpasset kontaktskjema spesielt for din tjeneste, bransje eller produkt vil komme langt i retning av å stenge ny virksomhet. Så la oss ta en titt på hva vi kan gjøre ved å bruke Elementor og Advanced Custom Fields.

Vi har allerede laget et tilpasset skjema for en bestemt bransje (det er fortsatt ganske generelt, men du får ideen, du kan deretter tilpasse og legge til felt i henhold til ditt spesifikke tilfelle).

Så nå vil vi legge til dette skjemaet på en Kontakt oss-side opprettet av Elementor. Vi oppretter siden Kontakt oss, og i stedet for å designe den fra bunnen av, skal vi hente en mal fra de ferdige.

kontaktsidemal

Nå som vi har et grunnlag fra hvor vi skal begynne, la oss legge til vårt eget tilpassede skjema:

Vi fjernet det eksisterende Kontakt skjema og droppet skjema-widgeten og tilpasset kontaktskjemaet for å lage vårt eget tilpassede tilbudskjema - bokstavelig talt om et par minutter var vi ferdige.

Designe tilpasset tilbud

Og det er det fine med å bruke disse to pluginene. Enten du vil lage egendefinerte skjemaer i backend for dine egne temaer og plugins, eller om du vil bruke egendefinerte skjemaer i front-end, er mulighetene sluttless.

En ting som vi ønsket at vi kunne gjøre, og vi er sikre på at teamet på Elementor til slutt vil integrere seg i produktene deres, vil være muligheten for å lage skjemaer ved hjelp av ACF og legge dem direkte i sidebyggeren. 

OPPDATERING september 2018 - de nye utgivelsene av disse to pluginene kan nå integreres direkte. Egendefinerte skjemaer opprettet i ACF kan nå integreres direkte i Elementor ved hjelp av tilpassede innleggstyper.

Kombinere ACF og Elementor

Så dette har vært noe som de to pluginene savnet for noen måneder siden da vi gjennomgikk disse to produktene. Leserne våre har også funnet ut noe forvirrende og skuffende over ikke å kunne gjøre dette.

Som en god anmelder skal gjøre, kom vi i kontakt med utviklingsteamet og foreslo at dette skulle være noe som skulle bygges inn i disse to produktene, for å kunne skape en vakker løsning for integrasjon mellom de to.

Og som et godt team som ser etter kundene sine, hoppet de raskt på dette, og bare noen få måneder senere har vi nye versjoner av begge produktene som nå tilbyr en direkte integrasjon.

Dette kan være mulig ved å bruke egendefinerte innleggstyper i WordPress. Bare for de som ikke er kjent, er de vanligste tilpassede innleggstyper innlegg, sider og vedlegg, men det er flere. Andre vanlige innleggstyper du kanskje har sett er WooCommerce-produkter, attester, hendelser, anmeldelser, porteføljer ... og mange andre. 

Med andre ord, egendefinerte innleggstyper er en bestemt type "innhold" som tar et bestemt format.

Man må merke seg at det også er 100% mulig å definere nye tilpassede innleggstyper hvis du har spesifikt innhold som må "struktureres".

I hovedsak er det du må gjøre for å opprette en tilpasset innleggstype, enten bruke et tilpasset innleggsprogram for å definere de nye feltene du trenger, eller gjøre dette ved hjelp av kode.

Gutta på Elementor har laget en veldig detaljert langformet artikkel om hvordan du utfører denne integrasjonen.

Den enkleste måten å gjøre dette på er å bruke CPT UI plugin som du finner her.. Vi vil ikke gå gjennom alle detaljene for å lage en tilpasset innleggstype, det er mange artikler der ute, Selv om vi anbefaler deg å besøke denne.

CPT UI tilpasset innleggstype

Når du har opprettet den egendefinerte innleggstypen, må du nå opprette de egendefinerte feltene ved hjelp av ACF og bare vise de spesifikke feltene basert på om innleggstypen er en du nettopp har definert.

lage egendefinerte felt med acf

 

For å kunne vise disse egendefinerte innleggstypene på bloggsider, må man forstå hvordan disse egendefinerte postene fungerer i de forskjellige områdene på nettstedet ditt.

Hvis du måtte forestille deg en tilpasset innleggstype, kan du legge til denne på hvilken som helst side eller innlegg du bruker. Du kan også opprette et komplett "innlegg" ved hjelp av den tilpassede innleggstypen.

For å bruke dem med Elementor, bruker vi maler, og dette er trinnene du må følge:

  • Opprett en ny enkeltmal, du kan gi den navnet på den nye typen, og legge til en ny tekstwidget. For eksempel skal vi bruke overskriftsmodulen. 
  • Klikk på det dynamiske ikonet, og velg ACF-felt. Klikk på den igjen, og velg den egendefinerte innleggstypen du opprettet under 'nøkkel'. Innholdet du la til tidligere vises nå.
  • Nå er det bare å publisere, og nå kan du bruke denne malen i innholdet ditt.

 

Hvis du vil kunne gjenbruke disse innholdstyper og felt, kan du bruke dem i Elementor-maler. Ved hjelp av Theme Builder-funksjonaliteten kan du lage maler ved hjelp av disse egendefinerte typene, ved å velge feltene fra det dynamiske innholdet.

Besøk Elementor for en lengre formforklaring av egendefinerte innleggstyper

Elementor Ekstra

Nå som vi har snakket om disse to flotte produktene i detalj, vil vi gjerne forgrene oss litt. Når plugins som disse to vokser til en slik popularitet, er det uunngåelig at de blir en egen nisje og bransje og begynner å hente inn programvareleverandører som faktisk lager andre utvidelser for å utvide funksjonaliteten til disse pluginene.

Så vi skal se på en rekke Elementor-tillegg som du kanskje vil vurdere for å presse funksjonaliteten ytterligere.

Ultimate tillegg for Elementor

Dette er et sett med widgets som er målrettet mot å legge til mer funksjonalitet og fleksibilitet til sidebyggeren. Gitt at disse widgetene kommer fra Brainstorm Force, selskapet bak WP Astra, kan du forstå at kvaliteten på disse funksjonene er på et meget høyt nivå.

Ultimate tillegg

Det er mer enn 24 widgets tilgjengelig i skrivende stund, inkludert, men ikke begrenset til:

  • Tidslinje - dette er en fantastisk måte å vise tidslinjediagrammer, veikart eller andre tidsbaserte elementer
  • Innhold veksle - dette gjør at sluttbrukeren kan veksle mellom bestemte deler av innholdet, for eksempel vil du vise prissetting per måned eller årlig eller andre lignende prisbrytere
  • Modal popup - en ren og enkel måte å lage popup-vinduer for for eksempel ting som nyhetsbrevabonnementer eller annet innhold du vil ha.
  • Åpningstider - brukes til å gjøre åpningstidene dine mer attraktive og profesjonelle
  • Google Map - en viktig funksjon for ethvert nettsted for en lokal bedrift, for å sikre at kundene vet hvor du er
  • Prisliste og prisboks - Prissetting er selvfølgelig en annen viktig funksjon hvis du skal selge tjenester eller pakker

Det fine med denne pakken med widgets er de forskjellige prisstrukturene. Hvis du velger byråpakken, får du til og med en gratis kopi av plugin-modulen Astra Pro og WP Portfolio i tillegg til en rekke ferdige startnettsteder for å starte webdesignet ditt. arbeid.

Crocoblock

Dette er et selskap som er enorme fans av Elementor og har laget et stort antall premium plugins som:

  • JETElements - en rekke vakre widgets for å style sidene dine vakkert, for eksempel pristabeller, innebygde SVG, tidslinjer, fremdriftslinjer, muroppsett og mye mye mer, det er mer enn 40 widgets å velge mellom
  • JET Meny - en enkel måte å lage en brukervennlig og tilpassbar Mega Menu
  • JETabs - en flott måte å organisere overfylte sider som krever rikelig med viktig informasjon, for eksempel produktsider
  • JETWOobuilder - dette er et annet flott produkt som egentlig er en flott måte å lage WooCommerce-sider som selger
  • Jetmotor - dette er et plugin som er utmerket for å lage dynamisk innhold på sidene dine, for eksempel dynamiske felt, meta, lenker og til og med bilder og layouter.

Crocoblock-plugins

Alt i alt med Crocoblock, har du en enkelt leverandør som kan dekke alle dine WordPress-behov. Både Kava-temaet, flere Elementor-widgets, forskjellige plugins og mye mer, alt tilgjengelig til stor verdi via Lifetime-pakken, dette er en utmerket avtale.  

 

Elementor vs. Beaver Builder

Anbefalt lesning: Beaver Builder vs Elementor - En ultimat guide og sammenligning (2019) 

Det er mange forskjellige produkter der ute for å bygge WordPress-nettsteder. Uten å nøle kan vi si at dette produktet absolutt er en av de mest populære og vellykkede produktene der ute, og som treffer 5 millioner aktive installasjoner i september 2020.

Men det er sikkert ikke det eneste du kan bruke. For eksempel, mens webdesignere og nettstedadministratorer har en preferanse for dra og slipp sidebygger, har webutviklere vanligvis en tendens til å foretrekke slike rammer som Beaver Builder som gir dem litt mer fleksibilitet i stedet for å gi dem bare alternativet som pluginet støtter.

Det er mange flere punkter å diskutere når det gjelder å sammenligne Elementor med Beaver Builder. Faktisk gjorde vi bare, gjennomgikk begge disse elementene og laget en fullstendig sammenligning og ultimate guide som du kan se på lenken ovenfor.

Final Thoughts

Vi tror at Elementor setter baren når det gjelder sidebygger - og det setter den ganske høyt.

Dette er definitivt en av de beste sidebyggerne der ute, og andre leverandører vil gjøre seg selv en tjeneste hvis de ser på dette produktet for å sikre at de i det minste gir samme nivå av funksjoner som Elementor gjør.

Ikke bare det, men som designer og utvikler gir kombinasjonen av å bruke Elementor og ACF sammen for å drive dine egne tilpassede temaer deg muligheter til å begynne å lage veldig nisjetemaer, som imøtekommer veldig spesifikke bransjer, på en måte som knapt var mulig før.

Vi tror begge disse pluginene er spillbyttere av seg selv, men sammen - en ekte vinnerkombinasjon.

Klikk her for den laveste prisen på Elementor

om forfatteren
David Attard
David har jobbet i eller rundt den elektroniske / digitale industrien de siste 18 årene. Han har lang erfaring innen programvare- og webdesignindustrien ved å bruke WordPress, Joomla og nisjer rundt dem. Som digital konsulent er hans fokus på å hjelpe bedrifter med å få et konkurransefortrinn ved å bruke en kombinasjon av deres nettside og digitale plattformer som er tilgjengelige i dag.

En ting til... Visste du at folk som deler nyttige ting som dette innlegget også ser FANTASTISK ut? ;-)
Vær så snill forlate en nyttig kommenter med tankene dine, så del dette på Facebook-gruppen din (e) som synes dette er nyttig, og la oss høste fordelene sammen. Takk for at du delte og var hyggelig!

Avsløring: Denne siden kan inneholde lenker til eksterne nettsteder for produkter som vi elsker og anbefaler helhjertet. Hvis du kjøper produkter vi foreslår, kan vi tjene et henvisningsgebyr. Slike avgifter påvirker ikke våre anbefalinger, og vi godtar ikke betaling for positive anmeldelser.

Forfatter (e) Fremvist på:  Inc Magazine-logoen   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot-logo   WPMU DEV-logo   og mange flere ...