Elementor Pro + edistyneet mukautetut kentät = vallankumouksellinen (2021)

Elementer Pro + edistyneet mukautetut kentät

At CollectiveRay, olemme hieman mashup, olemme entisiä kehittäjiä, kääntyneet web-suunnittelijoiksi, tuotepäälliköiksi ja haluamme vain, että verkkosivustomme tekee sen, mitä tarvitsemme heidän ilman, että meidän tarvitsee lyödä asioita paikoilleen. Siksi nautimme kokeilusta ominaisuuksien ja toimintojen yhdistelmillä tehdäksemme asioita vain työtä. Viimeisin yhdistelmä, jonka olemme havainneet mullistavaksi työtapamme suhteen, on Elementor yhdistettynä edistyneisiin mukautettuihin kenttiin - nämä kaksi rinnakkain toimivaa laajennusta ovat todella vieneet työmme seuraavalle tasolle.

Pysy luonamme saadaksesi täydellisen kuvan näiden kahden laajennuksen ominaisuuksista ja siitä, miten ne voidaan yhdistää voittavan yhdistelmän luomiseksi. Olemme juuri tarkastelleet artikkelia syyskuu 2021 ja päivitettävä tarvittavilla uusilla tiedoilla.

Yhteenveto

   Elementor  Muokatut kentät
Hinta Ilmainen tai Pro alkaen 49 dollaria Ilmainen tai Pro alkaen 25 dollaria
Kokeile Ilmaiseksi Elementor Designer Lite Muokatut kentät
Suorituskyky  Kevyt ja nopea - varsinkin verrattuna muihin sivunrakentajiin Ei sovellettavissa
Mitä pidimme  Siisti, organisoitu käyttöliittymä / käyttöjärjestelmä  Joustavuus, monipuolisuus
   Kevyt, rakennettu nopeutta varten  Kehittäjäystävälliset ominaisuudet
   Hyvä valikoima elementtejä  Edistyneet näyttösääntöjoukot
   Sisäänrakennetut mukautetut lomakkeet  WordPress-taustajärjestelmän mukauttaminen ilman koodausta
Yleinen
Verkkosivu Käy Elementorissa Käy ACF: ssä

Elementor-arvostelu

Elementor on suosituin WordPress Page Builder. Ilmaisen version ja halvan Pro-hinnan (49 dollaria) ansiosta se on kasvanut tähtien mukaan. Pelkästään siinä olevien elementtien lukumäärä tarkoittaa, että tarvitset vain vähän muita kolmannen osapuolen laajennuksia. Siinä on myös teemanrakennusominaisuudet ja laaja mallipohjainen kirjasto.

Aloitetaan syvällisestä sukelluksesta Elementor. Kun sivunrakentajat ovat olleet kaikki raivot näinä päivinä, se vaatii vähän, jotta voimme todella tehdä vaikutuksen meihin, mutta Elementor oli tehnyt juuri niin - vaikutuksen meihin.

Ensivaikutelmat 

Tämä erittäin kiillotettu laajennus vetämällä ja pudottamalla -sivujen ja viestien luomiseen on ehdottomasti vahva kilpailija kaltaisillemme ihmisille, joita hän voi käyttää goto-tuotteena omien sivustojensa suunnittelussa.

Ei ole ihme, että tämä laajennus tunnetaan nimellä # 1 WordPress Pagebuilder ja löydät sen luokitelluksi yhdeksi suosituimmista tuotteista kategoriansa tuotteiden vertailussa.

Yksi ensimmäisistä asioista, jotka huomaat työskennellessäsi Elementorin kanssa, on ehdottoman puhdas muotoilu. Ei sotkua, siististi järjestetty, tämä laajennus on ilo työskennellä niille, jotka ovat pakkomielteisesti järjestettyjä, ja tietysti kaikille, jotka vain haluavat, että asiat järjestetään hienosti.

Näet, että elementtien käyttöliittymä (vasemmalla) on erittäin helppo ymmärtää ja käyttää. Todellinen canvas (oikealla) pidetään myös erittäin puhtaina pitämällä vaihtoehdot poissa tieltä, kunnes napsautat tiettyä elementtiä. Vasta sitten vaihtoehdot näkyvät. Nämä pitävät kaiken näyttävän aivan samalta kuin varsinaisessa käyttöliittymässä, kun sivu tai viesti on julkaistu.

Elementor ensimmäinen käyttö

Suorituskyky

Toinen asia, joka ilmenee heti, kun käytät Elementoria, on kuinka kevyt tuntuu käytettäessä. Kun olemme käyttäneet useita suosituimpia sivunrakentajia, voimme helposti tuntea todellisen havaittavan eron. Vaikka sellaisten laajennusten kuten Visual Composer ja Divi lataaminen voi kestää muutaman sekunnin, ja niiden käyttö tuntuu hankalalta, mikä vähentää niiden tosiasiallista käyttöä. Vaikka lopulta sinun on totuttava siihen, se ei ole jotain, josta koskaan nautit, se on vain jotain, jonka kanssa sinun on elettävä, koska sinulla ei yksinkertaisesti ole vaihtoehtoa.

Lue lisää: 

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

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

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

Tämä. Tämä toisaalta on hengitys raitista ilmaa. Napsauttamalla Muokkaa Elementorilla -sivua tai muokattavaa sivua tai viestiä ladataan melkein välittömästi, uskallamme sanoa, että se ei ole kovin erilainen kuin jos sinun olisi ladattava viesti tai sivu ILMAN laajennusta, eli natiivilla WordPress-editorilla. 

Jopa työskentelemällä varsinaisen vedä ja pudota -rakentajan kanssa voit tuntea, kuinka elementtien lisääminen tai poistaminen on välitöntä. Sinun ei tarvitse odottaa, että rakentaja käy läpi ja sinulla on muutama sekunti "odotusaikaa", kunnes elementti ladataan. Valitset, vedät, pudotat, jatkat työskentelyä - työkalu toimii kanssasi, omassa tahdissasi.

Miten sitä käytetään 

Elementoria voi käyttää kahdella tavalla. Tapa, jolla päätät työskennellä sen kanssa, riippuu siitä, aiotko rakentaa sivun tyhjästä vai haluatko aloittaa jostakin olemassa olevista malleista, jotka ovat käytettävissä yleisimmille verkkosivuille.

Jos haluat aloittaa tyhjästä, luo yksinkertaisesti uusi sivu tai viesti ja napsauta sitten Muokkaa Elementorilla -painiketta, ja laajennus ladataan, ja voit aloittaa muokkaamisen.

Muokkaa Elementorilla

Tämä tuo sitten puhtaan sivun, joka on valmis joko aloittamaan tarvitsemiesi osioiden (rivien) lisääminen tai ladattava olemassa olevasta mallista (keskustelemme tästä pian).

Tyhjä sivu tai viesti valmis lisäämään osioiden widget-malleja

 

Kun napsautat lisätä osiota (riviä), sinua pyydetään valitsemaan sarakkeiden määrä, joka tällä osastolla on. Jokaisessa sarakkeessa voit sitten lisätä käytettävissä olevat elementit. 

Aseta osion rakenne (sarakkeet)

Kun olet asettanut rakenteen, voit nyt alkaa vetää ja pudottaa widgettejä eri osioihin. Valittavana on tietysti paljon erilaisia ​​widgetejä, yksinkertaisista elementeistä, jotka tulevat laajennuksen ilmaisen version mukana, monimutkaisempiin ominaisuuksiin ja toimintoihin, jotka ovat käytettävissä PRO-version kanssa.

Elementit käytettävissä lisäämistä varten

Saatavilla olevat elementit

Monet verkkosivuston odotetuista vakio-ominaisuuksista ovat käytettävissä widgeteinä, jotka voidaan lisätä sivulle. Joitakin houkuttelevampia widgettejä ovat:

  • Kuvakkeet
  • Google Maps
  • salkku
  • Animoitu otsikko (pyörivä tai ympyröity teksti)
  • Hinnasto tai hintataulukko
  • Toimintakehotukset
  • Arvostelut
  • laskureita
  • Facebook-kommentit ja upotukset
  • Kirjoittaja-ruutu
  • Edistymispalkit
  • Kuvagalleriat tai karusellit
  • Lyhytkoodit
  • jne. jne

Riittää sanoa, että yhdessä laajennuksessa on kaikki elementit, joita sinun tarvitsee koskaan käyttää sivulla.

Ei vain sitä, mutta Elementor ylittää useimmat muut laajennukset. 

Tämä johtuu siitä, että laajennus tukee omien natiivielementtiensä lisäksi myös lyhytkoodeja ja tavallisia WordPress-widgettejä. Tämä tarkoittaa, että kaikkien omien elementtien ja KAIKKI WordPress-widgetien tukemisen lisäksi voit upottaa myös kaikki kolmannen osapuolen ominaisuudet ja toiminnot, jotka otetaan käyttöön pikakoodeilla. Tämä tarkoittaa käytännössä sitä, että olet käytännössä rajoittamaton siinä, mitä voit lisätä suunnittelemallesi sivulle tai viestille.

Kokeile Elementoria nyt

Dynaamiset elementit

Toinen tämän sivun rakennustyökalun hieno ominaisuus on ainutlaatuinen kyky suunnitella sivuja dynaamisen sisällön sijasta staattisen sisällön sijaan. Tämä on melko innovatiivinen ominaisuus ja ehdottomasti jotain, jota olemme tavanneet usein (tai ollenkaan).

Tietenkin on hienoa, että voit vetää ja pudottaa yllä kuvattuja elementtejä, mutta siitä on tullut odotettu ominaisuus tällaiselta työkalulta.

Elementor on kuitenkin mennyt yli sen - sallimalla dynaamiset sivuelementit. Helpoin tapa selittää tämä olisi käyttää sivun otsikkoa tai otsikkoa.

Oletetaan, että haluat suunnitella sivun, joka näyttää yrityksesi ajankohtaiset uutiset. Sen sijaan, että käytämme arkipäivän otsikkoa, "Viimeisimmät uutiset", haluamme esitellä nykyisen otsikkotapahtumamme. 

Joten sen sijaan, että sivu rakennettaisiin käyttämällä Elementoria näyttämään staattinen "otsikko", käytämme teemaelementtiä Viestin otsikko joka todella kysyy nykyisen otsikon nimen tietokannasta ja näyttää sen minkä tahansa yleisen sisällön sijaan.

Toinen erinomainen käyttö samoilla linjoilla kuin tämä on Featured Image. Kun sinulla on dynaaminen esillä oleva kuva, voit olla varma, että se on viimeisin esillä oleva kuvasi, joka todella näytetään (räätälöity nykyiselle otsikkotapahtumalle) toisin kuin yleinen kuva, jonka sinun on näytettävä staattisten elementtien avulla.

Katso alla oleva 2 minuutin selitysvideo Elementorin dynaamisista elementeistä.

ruMtMAVVF_Y

Elementtimalleja

Edellä on nähty, kuinka sivu tai viesti voidaan rakentaa tyhjästä käyttämällä tämän tuotteen käytettävissä olevia sisäänrakennettuja elementtejä. Mutta on nopeammin, tehokkaammin tapa luoda sivuja. Tai vain sivujen sijasta voit helposti rakentaa kokonaisia ​​verkkosivustoja muutamassa minuutissa! Tämä tapahtuu Elementor-mallien avulla.

Tämä on ominaisuus, josta tulee varsin tehokas tapa käyttää sivujen rakennustyökalua. Pohjimmiltaan ajatus on seuraava: Sen sijaan, että luot sivut itse tyhjästä, vaarassa, että saatat sekoittaa sen (varsinkin jos et yleensä ole alttiina verkkosivujen suunnittelulle tai suunnittelulle yleensä), käytät ennalta määritettyä sivumallia .

Kun olet valinnut mallin, ainoa tehtäväsi on mukauttaa elementtejä hieman luomasi sivun tai viestin tarpeiden mukaan. Olipa kyse asiakkaasta tai itsestäsi, työsi olisi sisällön muokkaaminen vastaamaan luomasi verkkosivuston tarpeita.

Tämä tietysti lyhentää suunnitteluaikaa huomattavasti. Paitsi että, se varmistaa myös, että suunnittelusi tulee olemaan ammattimainen suunnitteluyritys, sen sijaan, että joku, joka ei ehkä ole täysin tottunut suunnitteluun.

Elementor Prossa on oletusarvoisesti käytettävissä yli 100 mallia, mutta tämä ei ole kaikki.

Elementor-mallit ovat nyt itsessään markkinarako. Tulet huomaamaan, että satoja muita ilmaisia ​​ja premium-laajennuksia on saatavana ostettavaksi ja ladattavaksi kattamaan ja markkinarako, teollisuus tai tarve.

Elementor-mallit

Vain muutama käytettävissä olevista malleista voidaan löytää

  •  Sisustussuunnittelu
  • Sovelluksen malli
  • Kahvila, ravintola ja ateriapalvelut
  • Tuotesivut
  • Urheilu ja liikunta
  • Asianajotoimisto
  • tekstitoimittaja
  • Toimisto ja mainokset
  • Hotellit
  • Arkkitehti
  • Häät
  • Graphic Designer
  • Startup
  • Henkilökohtainen
  • CV
  • salkku
  • Ebook
  • ja monet monet muut.

Elementor - valokuvausaloitussivu

Kehotamme sinua käymään library.elementor.com nähdäksesi täydellisen luettelon WordPressin aloitussivumalleista, jotka ovat oletuksena käytettävissä laajennuksen avulla, josta näet myös mallin luoman sivun varsinaisen esittelyn.

Hinnoittelu

Elementoria on saatavana kuusi makua:

elementorin hinnoittelu

  • Ilmainen
  • Essential (yhdelle sivustolle) - 1 dollaria
  • Kehittynyt (3 sivustolle) - 99 dollaria
  • Asiantuntija (25 sivustoa) - 199 dollaria
  • studio (100 sivustolle) - 499 dollaria
  • Rajoittamaton (rajoittamaton sivusto) - 999 dollaria

Kaikissa suunnitelmissa on yhden vuoden päivitykset ja tuki. Naurettavan halvan 1 dollarin hinnan kanssa, kun uuden sivuston luominen tyhjästä vie kirjaimellisesti korkeintaan muutaman tunnin (mallien perusteella) - uskomme, että tämä on erinomainen arvo. 

Jos olet suunnittelija, on todennäköistä, että huomaat yli 4 verkkosivustoa vuodessa (jopa kun otetaan huomioon sivustojen kehittämisen nopeus nyt, kun arsenaalissasi on Elementor), joten on erittäin suositeltavaa, että valitset suoraan Rajoittamaton suunnitelma välittömästi. 

Elementorin alennuskoodi

Aina kun meillä on Elementor-alennuskoodi tai kuponkikoodi, lähetämme sen tänne, jotta saat parhaan hinnan.

Alla oleva linkki vie sinut viralliselle sivustolle, josta saat parhaan hinnan Elementorilla syyskuu 2021.

Napsauta tästä saadaksesi alimman hinnan Elementorista

 

Katso mitä jotkut ihmiset ovat sanoneet laajennuksesta:

suosittelut

 

Muokatut kentät

Artikkelin seuraava osa siirtää huomion toiseen rakastamaamme laajennukseen, edistyneisiin mukautettuihin kenttiin.

Aloitamme lyhyellä katsauksella ACF, sen jälkeen keskitymme siihen, kuinka yhdistää edistyneet mukautetut kentät ja Elementor hämmästyttävien tulosten saavuttamiseksi. Vallankumouksellinen tasainen.

Aloittamattomille ACF antaa käyttäjän luoda mukautettuja kenttiä näyttöjen muokkaamiseksi parantaakseen sekä sivuston luomisen kokemusta että tietysti lopulta sivustolla vierailevaa käyttäjää.

Aivan kuin lyhyt esittely

  • ACF-kenttätyökalu sallii kenttien lisäämisen WP-muokkausruutu sekunneissa
  • Kentät voidaan lisätä mihin tahansa sisältöön, viesteihin, käyttäjiin, taksonomian termeihin, mediaan, kommentteihin tai mihin tahansa muuhun
  • Sitten voit näyttää kentät missä tahansa kehittäjäystävällisillä toiminnoilla

Kehittäjänä / suunnittelijana heti kun näet yllä olevan, mielesi voi nopeasti alkaa kilpailla tarjolla olevilla valtavilla mahdollisuuksilla. Edellä esitetyn avulla voit kirjaimellisesti luoda "mukautetun kopion" WordPressistä, joka sopii tarkalleen jokaisen asiakkaasi tarpeisiin. 

Luultavasti tiedät, että vaikka useimmilla asiakkailla olisi mielellään WordPress-käyttö, heillä on silti omat erityisvaatimuksensa. Tiedät myös, että ydinkoodin muokkaaminen näiden muutosten toteuttamiseksi on yleensä huono idea, koska se tarkoittaa, että et voi saada ydinpäivityksiä - mikä aiheuttaa merkittäviä tietoturvariskejä tälle asennukselle.

ACF: n avulla voit "mukauttaa" WordPressiä yksinkertaisesti laajennuksen avulla koskematta ydinkoodiin.

Voit lukea lisää laajennuksista täältä: https: // www.collectiveray.com/wp/plugins/

Ja tietysti, me emme ole vain innostuneita mahdollisuudesta käyttää edistyneitä mukautettuja kenttiä. Tämä on yksi suosituimmista, asennetuista ja arvostetuimmista laajennuksista siellä. Ottaen huomioon, että tämä on suunnittelija- / kehittäjälähtöinen, voit nähdä, että alla olevat asennustilastot eivät ole mitään erikoista.

Joten ennen kuin olemme vielä syventäneet, on hyvä huomata, että tällä laajennuksella on yli miljoona aktiivista asennusta ja että sillä on viiden tähden luokitus yli 1 arvostelusta. Se on erinomainen saavutus, jos sinun pitäisi kysyä minulta.

Edistyneet mukautetut kentät, aktiiviset asennukset ja nykyiset arvostelut 

Mukautettujen kenttien luominen

ACF: n vahvuus on tietysti mukautettujen kenttien luominen, jotka voidaan sitten yhdistää kokonaan monimutkaisiksi muodoiksi. Mielestämme tämä on erittäin hyödyllinen erilaisten asioiden luomisessa:

  • Mukautetut yhteydenottolomakkeet kysyvät vierailijalta yksityiskohtaisia ​​ja tarkkoja tietoja, joita voidaan käyttää vastaamaan paremmin heidän kyselyihinsä. Esimerkiksi, jos asiakkaasi on palvelu- tai tuotantopainotteinen asiakas, voit tilata monimutkaisen lomakkeen, jossa kysytään hyvin erityisiä kysymyksiä kävijän tarpeista. Lopulta kaikki nämä yhdistetyt tiedot antavat paremman asiakkaan tai antavat paremman vastauksen tiettyyn kyselyyn.

Tämä kaikki vain naarmuttaa pintaa sille, mitä ACF voi tehdä todellisuudessa. Ottaen huomioon, kuinka kohdennettua tämä on kehittäjiin, ei ole ihme, että tämä laajennus on niin suosittu. Kun mukautetut kentät on luotu, voidaan nämä kentät helposti upottaa

  • Teemat - teeman kehittäjänä voit todella sisällyttää luomasi mukautetut kentät ja toiminnot mukauttamaan työsi siten, että käyttäjät voivat hyötyä näistä mukautuksista - ajattele esimerkiksi mahdollisuutta luoda erilaisia ​​mukautettuja lomakkeita eri markkinarakoille
  • Laajennukset - jälleen kerran laajennuskehittäjänä, voit todella mukauttaa tiettyjä lomakkeita luomaan laajennettuja toimintoja WordPressin tai oman laajennuksesi erityisominaisuuksiin - voit itse käyttää ACF: ää suunnittelemaan laajennetun lomakkeen toimintoja, joita voidaan käyttää mukauttamaan tietosi kytkeä

Jälleen kerran kehittäjänä tai jopa web-suunnittelijana voit jo alkaa nähdä (ja todennäköisesti innostua) ACF: n potentiaalista.

Joten aloitetaan hämmentäminen hieman ACF: n kanssa ja katsotaan, mihin se kykenee. Katso alla oleva lomake, jonka olemme luoneet muutamassa minuutissa. Haluamme kiinnittää huomionne muutamaan asiaan, joita emme odottaneet.

Mukautetun lomakkeen luominen

Vakiolomakekenttien, kuten tekstin, valintaruudun ja valinnan, datepickerin ja tavallisen tehdasasetusten lisäksi, ACF tukee myös

  • Suhteelliset postityypit - Tämän kenttätyypin avulla voit näyttää nykyisellä sivustolla jo olevia kohteita (kuten viestejä ja sivuja). Joten jälleen kerran kuvitellaan hetkeksi, että olemme teeman kehittäjä ja haluamme antaa käyttäjälle mahdollisuuden valita muutama viesti, joka näytetään kotisivulla. Tämäntyyppisiä edistyneitä suodattimia käyttämällä voimme helposti luoda käyttöliittymän, jonka avulla voimme tehdä kaiken tämän. Meillä on pääsy myös sivuihin, taksonomioihin, käyttäjiin ja rooleihin.
  • Google Maps, päivämääränvalitsin ja ColorPicker - nämä kenttätyypit ovat kaikki jQuery-virralla ja niitä kaikkia tuetaan heti laatikosta (jopa ACF: n ilmaisen version kanssa)
  • Säännöt - kentät voidaan näyttää tai ei perustua ehdolliseen logiikkaan, jonka voit määrittää ACF-käyttöliittymän kautta. Tämä tarkoittaa, että lomake voidaan mukauttaa käyttäjän syötteisiin, näyttää lisäkenttiä tai piilottaa muita tarpeen mukaan sen perusteella, mitä käyttäjä itse syöttää
  • Vaihtoehdot - kakun finaali ja kirsikka, voit päättää tarkat vaihtoehdot siitä, miten ja missä haluat näyttää lomakkeen. Haluatko näyttää lomakkeen sivun yläosassa (taustalla) käyttämällä Metaboxia tai ei ja muita vaihtoehtoja.

Tässä on täydellinen luettelo kaikista käytettävissä olevista kenttätyypeistä:

  • Teksti - Yksirivinen tekstikenttä, jossa on valinnainen HTML-tuki ja merkkirajoitukset
  • Tekstialue - Sama kuin teksti, mutta sillä voi olla useita rivejä
  • Numero - Numerokenttä, jolla voi olla valinnaisia ​​min / max-arvoja rajoille ja vahvistukselle
  • Sähköposti - Mukautettu kenttä sähköpostin syötölle, mukaan lukien vahvistus
  • Salasana - Salasanan syöttö tekstin peittämisellä
  • WYSIWYG Editor - WordPress-editorin syöttö vaihtoehdoilla median lisäykseen ja editorin painikkeisiin
  • Kuva - Lataa kuva tai valitse se mediakirjastosta. Palauttaa objektin, URL-osoitteen tai tunnuksen.
  • Tiedosto - Sama kuin kuva, mutta tiedostoille yleensä
  • Valitse - avattava valikko, joka tukee useita valintoja
  • Valintaruutu - Yhden tai useamman kohteen valintaruutu
  • Radiopainike - Valitse yksi kohde valintanapilla
  • True / False - Perus- tai väärä valitsin
  • Sivulinkki - Palauttaa minkä tahansa viestin tai sivun URL-osoitteen. Voidaan rajoittaa tiettyihin postityyppeihin.
  • Post Object - Palauttaa minkä tahansa viestin tai sivun, postityypin tai taksonomian WordPress-objektin
  • Suhde - Sama kuin post-objekti, mutta edistyneellä käyttöliittymällä ja järjestely uudelleen vetämällä ja pudottamalla
  • Taksonomia - Palauttaa objektin tai tunnuksen yhdelle tai useammalle taksonomialle. Voidaan rajoittaa tunnisteisiin, luokkiin tai mukautettuihin taksonomian termeihin.
  • Käyttäjä - Valitse yksi tai useampi käyttäjä. Mahdollisuus rajoittaa valintaa käyttäjän roolilla.
  • Google Map - Aseta keskipiste, zoomaustaso ja leveys
  • Päivänvalitsin - Valitse kalenteripäivä ja palauta alustettu päivämääräjono
  • Värinvalitsin - Valitse heksadesimaaliväri
  • Viesti - Jätä viesti
  • Välilehti - Yhdistä kentät välilehdille 

 

On vaikea ajatella skenaarioita, joita yllä olevat toiminnot eivät kata. Ei ole ihme, että laajennusta kutsutaan Advanced Custom Formsiksi, koska tarjottu toiminnallisuus on erittäin tehokas jonkun käsissä, joka osaa hyödyntää näitä ominaisuuksia. se on erittäin joustava ja voi mahdollistaa tavallisten WordPress-toimintojen laajentamisen, vain mielikuvituksesi rajoittaa.

Hienoa on, että kaikki tämä räätälöinti tapahtuu koskematta koodiriviä ja mikä tärkeintä, koskematta ydintiedostoja - varmista, ettet aiheuta tietoturvaongelmia muokkaamillesi verkkosivustoille.

Tämä on epäilemättä pelinvaihtaja.

Frontend vs Backend 

Yllä olevista esimerkeistä ja vaihtoehdoista näet, että ACF: ää voidaan käyttää sekä käyttöliittymässä että taustalla. Todellakin ja todellakin tiedämme, että siellä on miljoona ja yksi lomake-laajennus, joiden avulla voit luoda mukautettuja lomakkeita taustajärjestelmää varten.

Todellinen etu on kyky säätää WordPressin järjestelmänvalvojan sivuja - tämä tekee tuotteesta olennaisesti kehittäjien ja suunnittelijoiden rakentaman tuotteen. Kehittäjinä he tietävät ja ymmärtävät rajoitusten käytön pelkästään WordPressin rajoissa.

Joten tämä on tuote, jonka avulla kehittäjät ja suunnittelijat voivat työntää WordPressin rajoja etupuolelta, mutta erityisesti WordPress-järjestelmänvalvojalle tai verkkovastaavalle annetuista mahdollisuuksista.

Nyt kun olemme nähneet ACF: n ja Elementorin ominaisuudet, annetaan muutama esimerkki siitä, miten nämä voivat toimia yhdessä.

Mukautetut yhteydenottolomakkeet

Olemme jo keskustelleet edellä, kuinka palvelua, teollisuutta tai tuotetta koskeva mukautettu yhteydenottolomake menee pitkälle uuden liiketoiminnan lopettamiseen. Joten katsotaanpa, mitä voimme tehdä Elementorin ja edistyneiden mukautettujen kenttien avulla.

Olemme jo luoneet mukautetun lomakkeen tietylle toimialalle (se on edelleen melko yleinen luonne, mutta saat idean, voit sitten mukauttaa ja lisätä kenttiä tapauskohtaisesti).

Joten nyt haluamme lisätä tämän lomakkeen Ota yhteyttä -sivulle, jonka on luonut Elementor. Luomme Ota yhteyttä -sivun, ja sen sijaan, että suunnittelemme sitä alusta alkaen, otamme mallin valmiista malleista.

yhteyssivumalli

Nyt kun meillä on perusta mistä aloittaa, lisätään oma räätälöity lomake:

Poistimme olemassa olevan Yhteydenottolomake ja pudotti lomake-widgetin ja mukautti yhteydenottolomakkeen luomaan oman mukautetun tarjouslomakkeemme - kirjaimellisesti muutamassa minuutissa olimme valmiit.

Mukautetun tarjouslomakkeen suunnittelu

Ja se on näiden kahden laajennuksen käytön kauneus. Halusitpa luoda mukautettuja lomakkeita taustallesi omille teemoillesi ja laajennuksillesi tai haluat käyttää mukautettuja lomakkeita käyttöliittymässä, mahdollisuudet ovat loppuless.

Yksi asia, jonka toivoimme pystyvän tekemään, ja olemme varmoja, että Elementorin tiimi lopulta integroituu tuotteisiinsa, olisi mahdollisuus luoda lomakkeita ACF: n avulla ja lisätä ne suoraan sivunrakentajaan. 

PÄIVITÄ syyskuu 2018 - näiden kahden laajennuksen uudet versiot voivat nyt integroitua suoraan. ACF: ssä luodut mukautetut lomakkeet voidaan nyt integroida suoraan Elementoriin mukautettuja postityyppejä käyttämällä.

Yhdistämällä ACF ja Elementor

Joten tämä on ollut asia, josta kaksi laajennusta puuttui muutama kuukausi sitten, kun tarkastelimme näitä kahta tuotetta. Lukijamme ovat myös huomanneet hieman hämmentävän ja pettymättömän, ettemme pysty tekemään tätä.

Kuten hyvän arvostelijan pitäisi tehdä, otimme yhteyttä kehitystiimiin ja ehdotimme, että tämän pitäisi olla jotain, joka tulisi sisällyttää näihin kahteen tuotteeseen, jotta voitaisiin luoda kaunis ratkaisu näiden kahden integraatioon.

Ja kuten hyvä tiimi, joka huolehtii asiakkaistaan, he ryhtyivät nopeasti tähän asiaan, ja vasta muutama kuukausi myöhemmin meillä on molemmista tuotteista uudet versiot, jotka tarjoavat nyt suoran integraation.

Tämä voi olla mahdollista käyttämällä mukautettuja postityyppejä WordPressissä. Vain niille, jotka eivät ole tuttuja, yleisimmät mukautetut postityypit ovat viestejä, sivuja ja liitteitä, mutta niitä on enemmän. Muita yleisiä postityyppejä, jotka olet ehkä nähnyt, ovat WooCommerce-tuotteet, suosittelut, tapahtumat, arvostelut, salkut ... ja paljon muita. 

Toisin sanoen mukautetut postityypit ovat tietyntyyppinen "sisältö", joka kestää tietyn muodon.

On huomattava, että on myös täysin mahdollista määrittää uudet mukautetut postityypit, jos sinulla on tiettyä sisältöä, joka on "jäsenneltävä".

Pohjimmiltaan sinun on tehtävä mukautetun postityypin luomiseksi joko määrittelemällä tarvitsemasi uudet kentät Custom Post -laajennuksella tai tekemällä tämä koodilla.

Elementorin kaverit ovat luoneet erittäin yksityiskohtaisen pitkäaikaisen artikkelin aiheesta miten tämä integrointi suoritetaan.

Helpoin tapa tehdä tämä on käyttämäsi CPT UI -laajennus tätä. Emme käy läpi kaikkia yksityiskohtia mukautetun postityypin luomisesta, siellä on paljon artikkeleita, vaikka suosittelemme, että vierailet tässä.

CPT UI: n mukautetun postityyppi

Kun olet luonut mukautetun postityypin, sinun on luotava mukautetut kentät ACF: n avulla ja näytettävä tietyt kentät vain sen perusteella, onko postityyppi juuri määrittelemäsi.

luoda mukautettuja kenttiä acf: llä

 

Jotta nämä mukautetut postityypit voidaan näyttää blogisivuilla, on ymmärrettävä, kuinka nämä mukautetut lähetetyt tyypit toimivat sivustosi eri alueilla.

Jos joudut kuvittelemaan suosittelun mukautetun postityypin, voit lisätä tämän mille tahansa käyttämällesi sivulle tai viestiin. Voit myös luoda kokonaisen "viestin" käyttämällä mukautettua postityyppiä.

Jos haluat käyttää niitä Elementorin kanssa, käytämme malleja, joita sinun on noudatettava:

  • Luo uusi yksittäinen malli, voit antaa sille uuden tyyppisi nimen ja lisätä uuden teksti-widgetin. Esimerkin vuoksi käytämme otsikko-widgetiä. 
  • Napsauta dynaamista kuvaketta ja valitse ACF-kenttä. Napsauta sitä uudelleen ja valitse avain -kohdasta luomasi mukautettu postityyppi. Aiemmin lisäämäsi sisältö näkyy nyt.
  • Nyt on jäljellä vain julkaista ja nyt voit käyttää tätä mallia sisällössäsi.

 

Jos haluat pystyä käyttämään näitä sisältötyyppejä ja kenttiä uudelleen, voit käyttää niitä Elementor-malleissa. Teemanrakennustoiminnolla voit luoda malleja näiden mukautettujen tyyppien avulla valitsemalla kentät Dynaamisesta sisällöstä.

Vieraile Elementorilla saadaksesi lisätietoja muokattujen viestien tyypistä

Elementorin lisäominaisuudet

Nyt kun olemme puhuneet näistä kahdesta upeasta tuotteesta yksityiskohtaisesti, haluaisimme toimia vain vähän. Kun näiden kahden kaltaiset laajennukset kasvavat niin suosittuiksi, on väistämätöntä, että niistä tulee omat markkinarako ja teollisuudenalat ja he alkavat vetää mukaan ohjelmistotoimittajia, jotka todella luovat muita laajennuksia laajennusten laajentamiseksi.

Joten aiomme tarkastella useita Elementorin lisäominaisuuksia, jotka kannattaa harkita toiminnallisuuden lisäämiseksi.

Elementorin lopulliset lisäosat

Tämä on joukko widgettejä, joiden tarkoituksena on lisätä toiminnallisuutta ja joustavuutta sivunrakentajaan. Koska nämä widgetit ovat peräisin WP Astran takana olevalta Brainstorm Force -yhtiöltä, voit ymmärtää, että näiden ominaisuuksien laatu on erittäin korkea.

Lopulliset lisäosat

Kirjoitushetkellä on käytettävissä yli 24 widgetiä, mukaan lukien muun muassa seuraavat:

  • Aikajana - tämä on mahtava tapa näyttää aikajanakaavioita, tiekarttoja tai muita aikaperusteisia kohteita
  • Sisällön vaihtaminen - tämä antaa loppukäyttäjälle mahdollisuuden vaihtaa tiettyjen sisältöjen välillä, esimerkiksi haluat näyttää kuukausittaiset tai vuosittaiset hinnoittelut tai muut vastaavat hinnat
  • Modaalinen ponnahdusikkuna - puhdas ja helppo tapa luoda ponnahdusikkunoita esimerkiksi uutiskirjeiden tilauksia tai muuta sisältöä varten, jonka haluat mainostaa.
  • Aukioloaika - käytetään tekemään työaikastasi houkuttelevampi ja ammattimaisempi
  • Google Map - olennainen toiminto paikallisyrityksen mille tahansa sivustolle sen varmistamiseksi, että asiakkaat tietävät sijaintisi
  • Hinnasto ja hintalaatikko - hinnoittelu on tietysti toinen olennainen tehtävä, jos harrastat palvelujen tai pakettien myyntiä

Tämän widgetipaketin kauneus on erilaiset hinnoittelurakenteet. Jos valitset toimistopaketin, saat jopa ilmaisen kopion Astra Pro- ja WP Portfolio -laajennuksesta useiden valmiiden aloitussivustojen lisäksi, jotta voit aloittaa verkkosuunnittelusi. tehdä työtä.

Crocoblock

Tämä on yritys, joka on valtavia Elementorin faneja ja on luonut suuren määrän premium-laajennuksia, kuten:

  • JETElementit - joukko kauniita widgetejä tyylitellä sivusi kauniisti, kuten hinnoittelupöydät, upotettu SVG, aikajanat, edistymispalkit, muurausasettelut ja paljon muuta, valittavana on yli 40 widgetiä
  • JET-valikko - helppo tapa luoda helppokäyttöinen ja muokattava Mega-valikko
  • JET -välilehdet - loistava tapa järjestää ruuhkaisia ​​sivuja, jotka vaativat paljon olennaista tietoa, kuten tuotesivut
  • JETWoobuilder - tämä on toinen hieno tuote, joka on pohjimmiltaan loistava tapa luoda WooCommerce-sivuja, jotka myyvät
  • Suihkumoottori - tämä on laajennus, joka soveltuu erinomaisesti dynaamisen sisällön luomiseen sivuillesi, kuten dynaamiset kentät, meta, linkit ja jopa kuvat ja asettelut.

Crocoblock-laajennukset

Kaiken kaikkiaan Crocoblock, sinulla on yksi toimittaja, joka pystyy vastaamaan kaikkiin WordPress-tarpeisiisi. Sekä heidän Kava-teema, useita Elementor-widgettejä, erilaisia ​​laajennuksia ja paljon muuta, jotka kaikki ovat saatavana valtavasti Lifetime-paketin kautta, tämä on yksi erinomainen tarjous.  

 

Elementor vs. Beaver Builder

Suositeltua lukemista: Beaver Builder vs. Elementor - perimmäinen opas ja vertailu (2019) 

Siellä on monia erilaisia ​​tuotteita WordPress-verkkosivustojen rakentamiseen. Voimme epäröimättä sanoa, että tämä tuote on varmasti yksi suosituimmista ja menestyneimmistä tuotteista, ja se osui 5 miljoonaa aktiivista asennusta syyskuussa 2020.

Mutta se ei varmasti ole ainoa, jota voit käyttää. Esimerkiksi kun web -suunnittelijat ja verkkosivustojen ylläpitäjät pitävät parempana vetämällä ja pudottamalla sivunrakentajaa, web -kehittäjät yleensä pitävät parempana sellaisia ​​kehyksiä kuin Beaver Builder jotka antavat heille enemmän joustavuutta sen sijaan, että antaisivat heille vain laajennuksen tukeman vaihtoehdon.

On monia muita asioita, joista keskustella Elementorin vertailussa Beaver Builder. Itse asiassa teimme juuri, tarkistimme molemmat kohteet ja loimme täydellisen vertailun ja lopullisen oppaan, jonka näet yllä olevasta linkistä.

Loppuajatukset

Uskomme, että Elementor asettaa riman sivunrakentajien suhteen - ja se asettaa sen melko korkealle.

Tämä on ehdottomasti yksi parhaista sivunrakentajista siellä, ja muut toimittajat tekisivät itselleen palveluksen, jos he tarkastelevat tätä tuotetta varmistaakseen, että ne tarjoavat ainakin samalla tasolla ominaisuuksia kuin Elementor.

Paitsi että suunnittelijana ja kehittäjänä yhdistelmä Elementorin ja ACF: n käyttöä yhdessä omien mukautettujen teemojesi hyödyntämiseksi antaa sinulle mahdollisuuden aloittaa erittäin kapealla teemalla, joka palvelee hyvin erityisiä teollisuudenaloja tavalla, joka oli tuskin mahdollista ennen.

Uskomme, että molemmat laajennukset ovat itsessään pelinvaihtajia, mutta yhdessä - todellinen voittoyhdistelmä.

Napsauta tästä saadaksesi alimman hinnan Elementorilta

kirjailijasta
David Attard
Kirjoittaja: David AttardVerkkosivu: https://www.linkedin.com/in/dattard/
David on työskennellyt verkko- / digitaalialalla tai sen ympäristössä viimeiset 18 vuotta. Hänellä on laaja kokemus ohjelmisto- ja verkkosuunnitteluteollisuudesta WordPressin, Joomlan ja niitä ympäröivien markkinarakojen käytöstä. Digitaalisena konsulttina hän keskittyy auttamaan yrityksiä saamaan kilpailuetua käyttämällä verkkosivustonsa ja tänään saatavilla olevien digitaalisten alustojen yhdistelmää.

Yksi asia vielä... Tiesitkö, että ihmiset, jotka jakavat hyödyllisiä juttuja, kuten tämä viesti, näyttävät myös mahtavilta? ;-)
Ole hyvä Jätä hyödyllinen kommentoi ajatuksiasi ja jaa tämä sitten Facebook-ryhmissäsi (ryhmissä), jotka pitävät tätä hyödyllisenä, ja hyödynnetään yhdessä. Kiitos jakamisesta ja mukavuudesta!

Disclosure: Tämä sivu voi sisältää linkkejä ulkoisille sivustoille tuotteille, joita rakastamme ja kannatamme sydämestämme. Jos ostat suosittelemiamme tuotteita, saatamme ansaita viittausmaksun. Tällaiset maksut eivät vaikuta suosituksiimme, emmekä hyväksy maksuja positiivisista arvosteluista.

Kirjoittaja (t) esillä:  Inc-lehden logo   Sitepoint-logo   CSS Tricks -logo    webdesignerdepot-logo   WPMU DEV -logo   ja paljon muuta ...