Elementor Pro + avancerade anpassade fält = revolutionerande (2021)

Elementer Pro + avancerade anpassade fält

At CollectiveRay, vi är lite av en mashup, vi är tidigare utvecklare, blev webbdesigners, produktchefer och vi vill bara att vår webbplats ska göra det vi behöver för att de ska göra utan att behöva hamra saker på plats. Det är därför vi tycker om att experimentera med kombinationer av funktioner och funktioner för att skapa saker bara arbeta. Den senaste kombinationen som vi har funnit vara revolutionerande för vårt sätt att arbeta är Elementor kombinerat med Advanced Custom Fields - verkligen, dessa två plugins som fungerar tillsammans har tagit vårt arbete till nästa nivå.

Stanna hos oss för att få en fullständig titt på funktionerna i dessa två plugins och hur de kan kombineras för att skapa en vinnande kombination. Vi har just besökt artikeln igen Oktober 2021 och uppdateras med relevanta nya detaljer efter behov.

Innehåll[Show]

Sammanfattning

   Elementor  Avancerad anpassade fält
Pris Gratis eller Pro från $ 49 Gratis eller Pro från $ 25
Pröva På Elementor Designer Lite Avancerad anpassade fält
prestanda  Lätt och snabbt - särskilt jämfört med andra sidbyggare ej tillämplig
Vad vi gillade  Snyggt, organiserat UI / UX  Flexibilitet, mångsidighet
   Lätt, byggd för hastighet  Utvecklarvänliga funktioner
   Bra urval av element  Avancerade visningsregeluppsättningar
   Inbyggda anpassade formulär  Anpassning av WordPress-backend utan kodning
Övergripande
Webbplats Besök Elementor Besök ACF

Elementor recension

Elementor är den mest populära WordPress Page Builder. Tack vare sin kostnadsfria version och billiga Pro-pris ($ 49) har den sett en stark tillväxt. Det stora antalet element som det har innebär att du behöver väldigt få ytterligare plugins från tredje part. Det har också temabyggande funktioner och ett stort bibliotek med mallar.

Låt oss börja med att ta en djupdykning Elementor. Med sidbyggare som är raseri dessa dagar, tar det lite att faktiskt imponera på oss, men Elementor hade gjort just det - imponera på oss.

Första intrycken 

Detta superpolerade plugin för att bygga dra och släpp-sidor och inlägg är definitivt en stark utmanare för människor som oss att använda som deras goto-produkt för att designa sina egna webbplatser.

Det är inte konstigt att detta plugin är känt som # 1 WordPress Pagebuilder och att du hittar det rankat som en av de bästa produkterna i någon jämförelse av produkter i sin kategori.

En av de första sakerna du kommer att märka när du arbetar med Elementor är den absoluta rena designen. Inget rörigt, snyggt organiserat, det här pluginet kommer att vara ett nöje att arbeta med för dem som är obsessivt organiserade och naturligtvis för alla som bara gillar att saker och ting ska vara snyggt organiserade.

Du kan se att elementen UI (till vänster) är mycket lätt att förstå och arbeta med. Den riktiga canvas (till höger) hålls också mycket rena och håller alternativen borta tills du faktiskt klickar på ett specifikt element. Först då visas alternativen. Dessa får allt att se ut precis som det skulle se ut i själva framänden, när sidan eller inlägget har publicerats.

Elementor första användning

prestanda

En annan sak som omedelbart syns när du använder Elementor är hur lätt det känns när du använder det. Efter att ha använt en hel del av de mer populära sidbyggarna kan vi lätt känna en verklig märkbar skillnad. Medan sådana plugins som Visual Composer och Divi kan ta några sekunder att ladda och känna sig klumpiga att använda, vilket försvårar faktiskt att använda dem. Även om du så småningom måste vänja dig vid det, det är inte något du någonsin får njuta av, det är bara något du måste leva med eftersom du helt enkelt inte har något alternativ.

Läs mer: 

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

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

Recension av Divi-tema: https://www.collectiveray.com/divi-theme-review

Detta. Den här andra sidan är ett friskt andetag. Om du klickar på Redigera med Elementor, sidan eller inlägget som du behöver för att redigera laddar nästan omedelbart, vågar vi säga, inte så mycket annorlunda än om du var tvungen att ladda inlägget eller sidan UTAN plugin aktiverat, dvs med den inbyggda WordPress-redigeraren. 

Även om du arbetar med den faktiska drag-and-drop-byggaren kan du känna hur du lägger till eller tar bort element direkt. Du behöver inte vänta på att byggaren ska fumla med och ha några sekunder av "väntetid" tills ett element laddas. Du väljer, du drar, du tappar, du fortsätter att arbeta - verktyget fungerar med dig, i din takt.

Hur man använder den 

Det finns två sätt att använda Elementor. Hur du väljer att arbeta med det beror på om du planerar att skapa en sida från grunden eller vill börja från en av de befintliga mallarna som finns tillgängliga för de vanligaste webbplatsens scenarier.

Om du vill börja om från början skapar du helt enkelt en ny sida eller ett inlägg och klickar sedan på knappen Redigera med Elementor så laddas plugin-programmet, redo för att du ska kunna redigera.

Redigera med Elementor

Detta ger dig en ren sida, redo att antingen börja lägga till de avsnitt (rader) du behöver eller ladda från en befintlig mall (vi diskuterar detta snart).

Tom sida eller inlägg redo för att lägga till sektions widgetsmallar

 

När du klickar för att lägga till ett avsnitt (en rad) ombeds du att välja antalet kolumner som det här avsnittet faktiskt kommer att ha. Inom varje kolumn kan du sedan lägga till de olika tillgängliga elementen. 

Ställ in sektionens struktur (kolumner)

När du väl har ställt in strukturen kan du nu börja dra och släppa widgets till de olika avsnitten. Det finns naturligtvis många olika widgets att välja mellan, från enkla element som kommer med den gratis versionen av plugin-programmet, till de mer komplexa funktioner och funktioner som finns tillgängliga med PRO-versionen.

Element tillgängliga för att lägga till

Tillgängliga element

Många av de förväntade standardfunktionerna på en webbplats är tillgängliga som widgets som kan läggas till på sidan. Några av de mer attraktiva widgetarna att använda är:

  • Ikoner
  • Google Maps
  • Portfölj
  • Animerad rubrik (roterande eller inringad text)
  • Prislista eller pristabell
  • Uppmaningar till handling
  • Referenser
  • nedräkningar
  • Facebook kommentarer och inbäddningar
  • Författarbox
  • Framstegsfält
  • Bildgallerier eller karuseller
  • Kortkoder
  • etc. etc.

Det räcker att säga, i ett enda plugin finns det alla element du någonsin kan behöva använda på en sida.

Inte bara det, men Elementor går utöver de flesta andra plugins. 

Detta beror på att, förutom att stödja sina egna inbyggda element, stöder plugin-programmet också kortkoder och vanliga WordPress-widgets. Detta betyder att förutom att stödja alla sina egna element och ALLA WordPress-widgets, kan du också bädda in alla funktioner från tredje part och funktioner som är aktiverade via kortkoder. Det betyder ganska mycket att du är praktiskt taget obegränsad i vad du kan lägga till på en sida eller ett inlägg som designas.

Prova Elementor nu

Dynamiska element

En annan stor egenskap hos denna sidbyggare är dess unika förmåga att utforma sidor med dynamiskt innehåll snarare än statiskt innehåll. Det här är en ganska innovativ funktion och definitivt något som vi har stött på ofta (eller alls).

Naturligtvis är det fantastiskt att du kan dra och släppa de element som beskrivs ovan, men det har blivit en förväntad funktion från denna typ av verktyg.

Elementor har dock gått utöver det - genom att möjliggöra dynamiska sidelement. Det enklaste sättet att förklara detta är att använda rubriken eller rubriken på en sida.

Låt oss säga att du vill utforma en sida som visar de aktuella nyheterna som du har relaterat till ditt företag. Nu, snarare än att använda den vardagliga titeln "Senaste nyheterna", vill vi presentera vår nuvarande rubrikhändelse. 

Så istället för att låta sidan byggas med Elementor som visar en statisk "titel" - använder vi temaelementet Post titel som faktiskt frågar namnet på den aktuella titeln från databasen och visar det istället för något generiskt innehåll.

En annan utmärkt användning i samma riktning som detta är den utvalda bilden. Genom att ha en dynamisk bild kan du vara säker på att det är din senaste bild som faktiskt visas (anpassad för den aktuella rubrikhändelsen) i motsats till en generisk bild som du måste visa med de statiska elementen.

Ta en titt på nedanstående 2-minuters förklaringsvideo om Elementors dynamiska element.

ruMtMAVVF_Y

Elementor Mallar

Ovan har vi sett hur en sida eller ett inlägg kan byggas från grunden med hjälp av de inbyggda elementen som finns med denna produkt. Men det finns en snabbare, effektivare sätt att skapa sidor. Eller snarare än bara sidor kan du enkelt bygga hela webbplatser på några minuter! Detta är genom användning av Elementor-mallar.

Detta är en funktion som blir ett ganska effektivt sätt att använda en sidbyggare. I huvudsak är tanken den här: snarare än att skapa sidorna själv från grunden, med risken att du kan förstöra det, (särskilt om du vanligtvis inte utsätts för webbdesign eller design i allmänhet) använder du en fördefinierad sidmall .

När du väl har valt en mall är ditt enda jobb att anpassa elementen något efter behovet av sidan eller inlägget du skapar. Oavsett om det här är för en klient eller för dig själv, skulle ditt arbete vara att justera innehållet för att återspegla behoven på webbplatsen du skapar.

Detta kommer naturligtvis att minska din designtid avsevärt. Inte bara det, men det kommer också att se till att din design kommer att bli den för ett professionellt designföretag, snarare än för någon som kanske inte är helt vana vid att designa.

Det finns mer än 100 mallar tillgängliga som standard med Elementor Pro, men det här är inte allt.

Elementor-mallar är nu en nischindustri i och för sig. Du kommer att upptäcka att det finns hundratals andra gratis- och premium-plugins tillgängliga för köp och nedladdning, för att täcka och nischa, industrin eller behov.

Elementormallar

Bara för att nämna några av de tillgängliga mallarna kan man hitta

  •  interiörer Design
  • Appmall
  • Kafé, restaurang och måltider
  • Produktsidor
  • Kondition
  • Advokatbyrå
  • Copywriter
  • Byrå och annonsmaterial
  • Hotell
  • Arkitekt
  • Bröllop
  • Graphic Designer
  • Startup
  • Personlig
  • CV
  • Portfölj
  • Ebook
  • och många många andra.

Elementor - målsida för fotografi

Vi rekommenderar att du besöker library.elementor.com för att ta en titt på den fullständiga listan över WordPress-målsidesmallar som är tillgängliga som standard med plugin-programmet, där du också kan se en faktisk demo av den exakta sidan som skulle skapas av mallen.

Priser

Elementor finns i sex smaker:

grundläggande prissättning

  • Fri
  • Väsentlig (för 1 webbplats) - $ 49
  • Advanced Open water (för 3 platser) - $ 99
  • Expert för (25 platser) - $ 199
  • Studio (för 100 platser) - $ 499
  • Obegränsat (obegränsade webbplatser) - $ 999

Alla planer kommer med ett års uppdateringar och support. Med det löjligt billiga priset på $ 1, när det tar bokstavligen några timmar högst (baserat på mallarna) att skapa en helt ny webbplats från grunden - vi tror att detta är utmärkt värde. 

Om du är designer är det troligt att du kommer att slita ut mer än fyra webbplatser på ett år (även med tanke på hastigheten att utveckla webbplatser nu när du har Elementor i din arsenal) så det rekommenderas starkt att du väljer direkt för Obegränsad plan omedelbart. 

Elementor rabattkod

Varje gång vi har en Elementor-rabattkod eller kupongkod kommer vi att publicera den här så att du får det bästa priset.

Länken nedan tar dig till den officiella webbplatsen där du får det bästa priset på Elementor i Oktober 2021.

Klicka här för lägsta pris på Elementor

 

Ta en titt på vad vissa människor har sagt om plugin:

vittnesmål

 

Avancerad anpassade fält

Nästa del av vår artikel flyttar uppmärksamheten till ett annat plugin vi älskar, Advanced Custom Fields.

Vi börjar med en kort översikt över ACFDärefter fokuserar vi på hur man kombinerar Advanced Custom Fields och Elementor för att uppnå fantastiska resultat. Revolutionerande till och med.

För oinitierade tillåter ACF en användare att skapa anpassade fält för att redigera skärmar för att förbättra både upplevelsen för användaren som skapar webbplatsen och naturligtvis, i slutändan, användaren som besöker webbplatsen.

Precis som en kort introduktion

  • ACF-fältbyggaren tillåter att fält läggs till WP-redigeringsskärmar på några sekunder
  • Fälten kan läggas till i allt innehåll, inlägg, användare, taxonomibegrepp, media, kommentarer eller någon annanstans
  • Du kan sedan visa fälten var som helst, med utvecklarvänliga funktioner

Så snart du ser ovan kan du som utvecklare / designer snabbt börja tävla med de enorma möjligheter som finns. Med ovanstående kan du bokstavligen skapa en "anpassad kopia" av WordPress som passar exakt för behovet hos varje klient du har. 

Du kommer förmodligen att veta att de flesta kunder, även om de gärna vill använda WordPress, fortfarande kommer att ha sina egna specifika krav. Du vet också att justera kärnkoden för att implementera dessa ändringar är vanligtvis en dålig idé eftersom det betyder att du inte kommer att kunna få kärnuppdateringar - vilket skapar betydande säkerhetsrisker för den installationen.

ACF låter dig "anpassa" WordPress utan att röra någon kärnkod, helt enkelt genom ett plugin.

Du kan läsa mer om plugins här: https: // www.collectiveray.com/wp/plugins/

Och naturligtvis är det inte bara vi som blir glada över möjligheterna att använda Advanced Custom Fields. Detta är en av de mest populära, installerade och högt rankade pluginsna där ute. Med tanke på att detta är designer- / utvecklarorienterat kan du se att nedanstående installationsstatistik är inget annat än extraordinärt.

Så innan vi ens gräver ännu längre är det bra att notera att detta plugin har mer än 1 miljon aktiva installationer och har ett 5-stjärnigt betyg från mer än 1000 recensioner. Det är en enastående prestation om du var tvungen att fråga mig.

Avancerade anpassade fält, aktiva installationer och aktuella recensioner 

Skapa anpassade fält

ACF: s starka punkt är naturligtvis att skapa anpassade fält som sedan kan kombineras till komplexa former. Vi ser detta som mycket användbart för att skapa en mängd olika saker:

  • Anpassade kontaktformulär ber en besökare om detaljerad och specifik information som kan användas för att besvara deras frågor bättre. Till exempel, om din kund är en service- eller tillverkningsorienterad klient, kan du klientera en komplex form som ställer mycket specifika frågor om besökarens behov. Så småningom kombineras all denna information för att ge en bättre klient eller ge ett bättre svar på den specifika frågan.

Allt detta skrapar bara ytan på vad ACF kan göra i verkligheten. Med tanke på hur fokus det här är på utvecklare är det inte konstigt att det här pluginet är så populärt. När de anpassade fälten har skapats kan man enkelt bädda in dessa fält i

  • Teman - som utvecklare av ett tema kan du faktiskt inkludera de anpassade fälten och funktionerna du skapade för att anpassa ditt arbete så att dina användare kan dra nytta av dessa anpassningar - tänk till exempel möjligheten att skapa olika anpassade former för olika nischer
  • Plugins - än en gång som plugin-utvecklare kan du faktiskt anpassa specifika formulär för att skapa utökad funktionalitet för specifika funktioner i WordPress eller ditt eget plugin - du kan faktiskt använda ACF för att designa utökad formfunktionalitet som kan användas för att anpassa datafångsten av plugin

Återigen, som utvecklare eller till och med som webbdesigner kan du redan börja se (och förmodligen bli upphetsad) om ACF: s potential.

Så låt oss börja lura lite med ACF och se vad den kan. Ta en titt nedan på följande formulär som vi har skapat på några minuter. Vi vill göra dig uppmärksam på några saker som vi inte förväntade oss.

Skapa ett anpassat formulär

Förutom dina standardformulärfält som text, kryssruta och välj, datapicker och din standardkörning av kvarnalternativen, stöder ACF också

  • Relationella inläggstyper - den här fälttypen låter dig visa objekt (som inlägg och sidor) som redan finns på den aktuella webbplatsen. Så återigen, låt oss för ett ögonblick föreställa oss att vi är temautvecklare och vill ge användaren möjlighet att välja några inlägg att visa på hemsidan. Med hjälp av avancerade filter i den här typen kan vi enkelt skapa ett användargränssnitt som låter oss göra allt detta. Vi har också tillgång till sådana saker som sidor, taxonomier, användare och roller.
  • Google Maps, Datumväljare och ColorPicker - dessa fälttyper är alla jQuery-drivna och alla stöds ur lådan (även med gratisversionen av ACF)
  • regler - fälten kan visas eller inte baserat på villkorlig logik som du kan definiera via ACF UI. Detta innebär att din form kan anpassas till användarens ingångar, visar ytterligare fält eller döljer andra efter behov baserat på vad användaren faktiskt matar in
  • Tillbehör - final och körsbär på kakan, låter dig bestämma de exakta alternativen för hur och var du vill visa ditt formulär. Oavsett om du vill visa formuläret högst upp på sidan (i backend), med en Metabox eller inte och andra alternativ.

Här är en fullständig lista över alla tillgängliga fälttyper:

  • Text - Enstaka textfält med valfritt HTML-stöd och teckenbegränsningar
  • Textområde - Samma som text men kan ha flera rader
  • Number - Number-fält som kan ha valfria min / max-värden för gränser och validering
  • E-post - Anpassat fält för e-postinmatning inklusive validering
  • Lösenord - Lösenordsinmatning med textmaskering
  • WYSIWYG Editor - WordPress-editorinmatning med alternativ för medieinsättning och redigerarknappar
  • Bild - Ladda upp en bild eller välj en från mediebiblioteket. Returnerar ett objekt, en URL eller ett ID.
  • File - Samma som bilden men för filer i allmänhet
  • Välj - rullgardinsmeny med stöd för flera val
  • Kryssruta - Kryssruta för enstaka eller flera objekt
  • Radioknapp - Välj ett objekt via radioknappen
  • True / False - Grundläggande sant eller falsk väljare
  • Sidlänk - Returnerar webbadressen till alla inlägg eller sidor. Kan begränsas till specifika inläggstyper.
  • Inläggsobjekt - Returnerar ett WordPress-objekt av ett inlägg eller sida, inläggstyp eller taxonomi
  • Relation - Samma som inläggsobjekt men med ett avancerat gränssnitt och ordning via dra och släpp
  • Taxonomi - Returnerar ett objekt eller ID för en eller flera taxonomier. Kan begränsas till taggar, kategorier eller anpassade taxonomibetingelser.
  • Användare - Välj en eller flera användare. Alternativ för att begränsa valet efter användarroll.
  • Google Map - Ställ in mitt, zoomnivå och bredd
  • Datumväljare - Välj ett kalenderdatum och returnera en formaterad datumsträng
  • Färgväljare - Välj en hexadecimal färg
  • Meddelande - Lämna ett meddelande
  • Flik - Kombinera fält till ett flikgränssnitt 

 

Det är svårt att tänka på några scenarier som ovanstående funktioner inte täcker. Det är inte konstigt att pluginet heter Advanced Custom Forms, eftersom den tillhandahållna funktionaliteten är mycket kraftfull i händerna på någon som vet hur man utnyttjar dessa funktioner. den är extremt flexibel och kan möjliggöra förlängning av WordPress-standardfunktionerna, endast begränsad av din fantasi.

Det fantastiska är att all denna anpassning görs utan att röra en kodrad, och ännu viktigare, utan att röra några kärnfiler - så att du inte skapar några säkerhetsproblem för de webbplatser du anpassar.

Detta är utan tvekan en spelväxlare.

Frontend vs Backend 

Från exemplen och alternativen ovan kan du se att ACF kan användas både i fronten och i backend. Nu, verkligen och riktigt, vet vi att det finns en miljon och en form plugins där ute, som låter dig skapa anpassade formulär för backend.

Den verkliga fördelen kommer från möjligheten att finjustera WordPress: s administratörssidor - det här gör i princip den här produkten till en produkt som utvecklats av utvecklare för utvecklare och designers. Som utvecklare känner och förstår de begränsningarna för att fungera enbart inom WordPress-gränserna.

Så det här är en produkt som gör det möjligt för utvecklare och designers att skjuta gränserna för WordPress, inte från frontend utan särskilt när det gäller möjligheterna till WordPress-administratören eller webbansvarig.

Nu när vi har sett funktionerna hos ACF och Elementor, låt oss ge några exempel på hur dessa kan fungera tillsammans.

Anpassade kontaktformulär

Vi har redan diskuterat ovan hur ett anpassat kontaktformulär specifikt för din tjänst, bransch eller produkt kommer att gå långt för att stänga nytt företag. Så låt oss ta en titt på vad vi kan göra med Elementor och Advanced Custom Fields.

Vi har redan skapat ett anpassat formulär för en viss bransch (det är fortfarande ganska generiskt, men du får idén, du kan sedan anpassa och lägga till fält enligt ditt specifika fall).

Så nu vill vi lägga till det här formuläret på en Kontakta oss-sida skapad av Elementor. Vi skapar sidan Kontakta oss och i stället för att designa den från grund kommer vi att hämta en mall från de färdiga.

kontakt sida mall

Nu när vi har en bas varifrån vi ska börja, låt oss lägga till vårt eget anpassade formulär:

Vi tog bort det befintliga Kontaktformulär och tappade formulärwidgeten och anpassade kontaktformuläret för att skapa vårt eget anpassade offertformulär - bokstavligen på några minuter var vi klara.

Designa anpassat offertformulär

Och det är det fina med att använda dessa två plugins. Oavsett om du vill skapa anpassade formulär i backend för dina egna teman och plugins, eller om du vill använda anpassade formulär i front-end, är möjligheterna slutless.

En sak som vi önskade att vi skulle kunna göra, och vi är säkra på att teamet på Elementor så småningom kommer att integreras i sina produkter, skulle vara möjligheten att skapa formulär med ACF och lägga till dem direkt i sidbyggaren. 

UPPDATERING september 2018 - de nya versionerna av dessa två plugins kan nu integreras direkt. Anpassade formulär skapade i ACF kan nu integreras direkt i Elementor med hjälp av anpassade inläggstyper.

Kombinera ACF och Elementor

Så det har varit något som de två plugins missade upp till för några månader sedan när vi granskade dessa två produkter. Våra läsare har också upptäckt något förvirrande och nedslående att inte kunna göra detta.

Som en bra granskare borde göra, kom vi i kontakt med utvecklingsteamet och föreslog att detta borde vara något som borde byggas in i dessa två produkter för att kunna skapa en vacker lösning för integration mellan de två.

Och som ett bra team som ser upp för sina kunder hoppade de snabbt på detta och bara några månader senare har vi nya versioner av båda produkterna som nu erbjuder en direkt integration.

Detta kan vara möjligt med anpassade inläggstyper i WordPress. Bara för de som inte är bekanta är de vanligaste anpassade inläggstyperna inlägg, sidor och bilagor, men det finns fler. Andra vanliga inläggstyper som du kanske har sett är WooCommerce-produkter, vittnesmål, händelser, recensioner, portföljer ... och många andra. 

Med andra ord är anpassade inläggstyper en specifik typ av "innehåll" som har ett visst format.

Man måste notera att det också är 100% möjligt att definiera nya anpassade inläggstyper om du har specifikt innehåll som behöver "struktureras".

I grund och botten är vad du behöver göra för att skapa en anpassad posttyp antingen att använda ett anpassat post-plugin för att definiera de nya fälten du behöver eller göra detta med kod.

Killarna på Elementor har skapat en mycket detaljerad artikel i långform om hur man utför denna integration.

Det enklaste sättet att göra detta är att använda CPT UI-plugin som du hittar här. Vi kommer inte att gå igenom alla detaljer för att skapa en anpassad posttyp, det finns gott om artiklar där ute, även om vi rekommenderar att du besöker den här.

CPT UI anpassad posttyp

När du väl har skapat den anpassade inläggstypen måste du nu skapa de anpassade fälten med ACF och bara visa de specifika fälten baserat på om inläggstypen är en du precis har definierat.

skapa anpassade fält med acf

 

För att kunna visa dessa anpassade inläggstyper på bloggsidor måste man förstå hur dessa anpassade inläggstyper fungerar i de olika områdena på din webbplats.

Om du var tvungen att föreställa dig en anpassad inläggstyp kan du lägga till den på vilken sida eller inlägg du använder. Du kan också skapa ett fullständigt "inlägg" med den anpassade inläggstypen.

För att använda dem med Elementor kommer vi att använda mallar och det här är stegen du måste följa:

  • Skapa en ny enstaka mall, du kan ge den namnet på din nya typ och lägga till en ny textwidget. För exemplets skull använder vi rubrikwidgeten. 
  • Klicka på den dynamiska ikonen och välj ACF-fält. Klicka på den igen och välj den anpassade inläggstypen du skapade under "tangent". Innehållet du lade till tidigare visas nu.
  • Nu återstår allt att publicera och nu kan du använda den här mallen i ditt innehåll.

 

Om du vill kunna återanvända dessa innehållstyper och fält kan du använda dem i Elementor-mallar. Med hjälp av Theme Builder-funktionen kan du skapa mallar med dessa anpassade typer genom att välja fälten från det dynamiska innehållet.

Besök Elementor för en längre förklaring av anpassade inläggstyper

Elementor Extra

Nu när vi har pratat om dessa två fantastiska produkter i detalj vill vi förgrena oss lite. När plugins som dessa två växer till en sådan popularitet är det oundvikligt att de blir en nisch och bransch helt egna och börjar dra in programvaruleverantörer som faktiskt skapar andra tillägg för att utöka funktionerna hos dessa plugins.

Så vi ska titta på ett antal Elementor-extra du kanske vill överväga för att ytterligare driva funktionaliteten.

Ultimate Addons för Elementor

Detta är en uppsättning widgets som är inriktade på att lägga till mer funktionalitet och flexibilitet för sidbyggaren. Med tanke på att dessa widgets kommer från Brainstorm Force, företaget bakom WP Astra, kan du förstå att kvaliteten på dessa funktioner är på en mycket hög nivå.

Ultimate tillägg

Det finns mer än 24 widgets i skrivande stund, inklusive men inte begränsade till:

  • tidslinje - det här är ett fantastiskt sätt att visa tidslinjediagram, färdplaner eller andra tidsbaserade objekt
  • Innehållsbyte - detta gör att slutanvändaren kan växla mellan specifika delar av innehållet, till exempel vill du visa månadsvis eller årlig prissättning eller andra liknande prisväxlar
  • Modal popup - ett rent och enkelt sätt att skapa popup-fönster, för sådana saker som prenumerationer på nyhetsbrev eller annat innehåll som du vill ha.
  • ÖPPETTIDER - används för att göra dina öppettider mer attraktiva och professionella
  • Google Map - en viktig funktion för varje webbplats för ett lokalt företag, för att säkerställa att kunderna vet var du befinner dig
  • Prislista och prislåda - prissättning är naturligtvis en annan viktig funktion om du säljer tjänster eller paket

Skönheten i detta paket med widgets är de olika prissättningsstrukturerna. Om du väljer byråpaketet får du till och med en gratis kopia av plugin-programmet Astra Pro och WP Portfolio förutom ett antal färdiga startwebbplatser för att starta din webbdesign arbete.

Crocoblock

Detta är ett företag som är enorma fans av Elementor och har skapat ett stort antal premium-plugins som:

  • JETElements - ett antal vackra widgets för att utforma dina sidor vackert som prissättningstabeller, inbyggda SVG, tidslinjer, förloppsindikatorer, murade layouter och mycket mycket mer, det finns mer än 40 widgets att välja mellan
  • JETMeny - ett enkelt sätt att skapa en lättanvänd och anpassningsbar Mega-meny
  • JETabs - ett utmärkt sätt att organisera trånga sidor som kräver mycket viktig information som produktsidor
  • JETWOobuilder - det här är en annan bra produkt som i grunden är ett utmärkt sätt att skapa WooCommerce-sidor som säljer
  • Jetmotor - detta är ett plugin som är utmärkt för att skapa dynamiskt innehåll på dina sidor, till exempel dynamiska fält, meta, länkar och till och med bilder och layouter.

Crocoblock-plugins

Sammantaget med Crocoblock, har du en enda leverantör som kan tillgodose alla dina WordPress-behov. Både deras Kava-tema, flera Elementor-widgets, olika plugins och mycket mer, allt tillgängligt till stort värde via Lifetime-paketet, det här är en utmärkt affär.  

 

Elementor vs. Beaver Builder

Rekommenderad läsning: Beaver Builder vs Elementor - En ultimat guide och jämförelse (2019) 

Det finns många olika produkter där ute för att bygga WordPress-webbplatser. Utan tvekan kan vi säga att den här produkten säkert är en av de mest populära och framgångsrika produkterna där ute, och slog 5 miljoner aktiva installationer i september 2020.

Men det är säkert inte det enda du kan använda. Till exempel, medan webbdesigners och webbplatsadministratörer har en preferens för att dra och släppa sidbyggare, tenderar webbutvecklare vanligtvis att föredra sådana ramar som Beaver Builder vilket ger dem lite mer flexibilitet snarare än att ge dem bara det alternativ som plugin -programmet stöder.

Det finns många fler punkter att diskutera när det gäller att jämföra Elementor med Beaver Builder. Faktum är att vi just granskade båda dessa artiklar och skapade en fullständig jämförelse och ultimat guide som du kan se på länken ovan.

Avslutande tankar

Vi tror att Elementor sätter fältet när det gäller sidbyggare - och det sätter det ganska högt.

Detta är definitivt en av de bästa sidbyggarna där ute och andra leverantörer skulle göra sig själva en tjänst om de tittar på den här produkten för att se till att de åtminstone ger samma nivå av funktioner som Elementor gör.

Inte bara det utan som designer och utvecklare ger kombinationen av att använda Elementor och ACF tillsammans för att driva dina egna anpassade teman dig möjligheter att börja skapa mycket nischade teman, som tillgodoser mycket specifika industrier, på ett sätt som knappast var möjligt tidigare.

Vi tror att båda dessa plugins är spelbytare i sig, men tillsammans - en riktig vinnande kombination.

Klicka här för det lägsta priset på Elementor

Om författaren
David Attard
Författare: David Attardwebbplats: https://www.linkedin.com/in/dattard/
David har arbetat i eller runt online / digital industrin under de senaste 18 åren. Han har stor erfarenhet av mjukvaru- och webbdesignindustrin med WordPress, Joomla och nischer som omger dem. Som digital konsult fokuserar han på att hjälpa företag att få en konkurrensfördel med en kombination av deras webbplats och digitala plattformar som finns idag.

En sak till... Visste du att människor som delar användbara saker som det här inlägget ser fantastiska ut också? ;-)
Tveka inte, lämna en användbara kommentera med dina tankar, dela sedan detta på din Facebook-grupp (er) som skulle tycka att det var användbart och låt oss skörda fördelarna tillsammans. Tack för att du delade och var trevlig!

Upplysningar: Denna sida kan innehålla länkar till externa webbplatser för produkter som vi älskar och rekommenderar helhjärtat. Om du köper produkter vi föreslår kan vi tjäna en remissavgift. Sådana avgifter påverkar inte våra rekommendationer och vi accepterar inte betalningar för positiva recensioner.

Författare Utvalda på:  Inc Magazine-logotyp   Sitepoint-logotyp   CSS Tricks-logotyp    webbdesignerdepot-logotyp   WPMU DEV-logotyp   och många fler ...