A WordPress egyéni mezők fontos részét képezik annak, ami a WordPress-t rugalmas tartalomkezelő rendszerré teszi, nem pedig “csak egy blogplatform”.

amikor a WordPress egyéni mezőkről van szó, a freemium Advanced Custom Fields plugin az egyik legismertebb név. Minden szempontból megkönnyíti az egyéni mezőkkel való munkát, és ez a mai posztunk témája is.

konkrétan elmagyarázzuk, miért olyan értékes a speciális egyéni mezők, majd lépésről lépésre megmutatjuk, hogyan alkalmazhatja azt a WordPress webhelyére.

itt van minden, amit ebben a bejegyzésben talál:
van egy csomó fedezni, tehát merüljünk be …

Mi a WordPress Egyedi Mezők? Mit Engednek Neked?

WordPress custom fields segítségével további információkat adhat hozzá, tárolhat és megjeleníthet a WordPress egyik tartalmáról. Technikai szinten az egyéni mezők segítenek a metaadatok tárolásában.

még akkor is, ha nem ismeri ezt a kifejezést, az egyéni mezők a kedvenc pluginjeidben és témáidban sok funkciót töltenek be.

például a WooCommerce, az e-kereskedelmi áruház építésének legnépszerűbb módja, egyéni mezőket használ egy olyan termékkel kapcsolatos további információk tárolására, mint például:

• Ár
• Súly
• Szín

vagy ha van WordPress eseménynaptár plugin, akkor a plugin egyéni mezőket fog használni egy olyan eseményről szóló további információk tárolására, mint például:

• hely
• Start / end idő
• Ár

saját egyéni mezőket is létrehozhat az egyedi igényeihez releváns információk tárolására, erről szól ez a teljes bejegyzés.

mennyire hűvösek az Egyéni mezők a WordPress-ben? 👨 💻Megtanulják, hogyan kell kihasználni őket a csodálatos @ wp_acf a legújabb útmutató! 💪Kattintson a Tweet

mikor kell használni az Egyéni mezők?

most, lehet, hogy kíváncsi, miért is szükség van az egyéni mezők az első helyen.

például, ha eseményt szeretne közzétenni a WordPress webhelyén, nem tudná csak az összes információt szokásos szövegként elhelyezni a WordPress szerkesztőben?

Nos, igen, megteheted. De az egyéni mezők használata néhány okból jobb megközelítés:

• könnyebb bemenet — ahelyett, hogy a dolgokat a semmiből gépelné, egy jól megtervezett egyéni mezőcsoport sokkal könnyebbé teszi az adatok bevitelét. Például, ahelyett, hogy beírná a dátumot, csak kiválaszthatja a dátumot egy dátumválasztóból.
• konzisztencia-az egyéni mezőkben megadott információk mindig a beállítás szerint jelennek meg, ami azt jelenti, hogy az egész webhelyen következetes lesz.
• egyszerű frissítések és karbantartás — ha meg akarsz változtatni valamit arról, hogy az információ hogyan jelenik meg a jövőben, akkor csak egy dolgot frissíthetsz, ahelyett, hogy minden egyes bejegyzést külön kell szerkesztened.

A WordPress beépített egyéni mezők funkciót tartalmaz

a WordPress valójában beépített funkciókat tartalmaz az egyéni mezők hozzáadásához a tartalomhoz. A klasszikus TinyMCE szerkesztőben ezt engedélyezheti a képernyőbeállítások területen. Vagy az új blokk szerkesztő engedélyezheti az Opciók terület:

ezután írja be az egyéni mező adatok segítségével kulcs/érték párok:

Ez a natív egyéni mezők funkcionalitás teljesen működőképes, de ez nem a leginkább felhasználóbarát módja a dolgoknak, ezért sok ember fordul a speciális egyéni mezők bővítményéhez.

A speciális egyéni mezők sokkal könnyebbé teszik

egyszerűen fogalmazva, a fejlett Egyéni mezők sokkal könnyebbé teszik a WordPress egyéni mezőivel való munkát … nagyjából minden szempontból.

leegyszerűsíti a WordPress irányítópultján található egyéni mezők hozzáadásának és kezelésének felületét, valamint egyszerűsíti a webhely elején található egyéni mezőkből származó információk megjelenítésének folyamatát. Ez a tény csak segít megmagyarázni, hogy miért aktív több mint 1 millió webhelyen, 4.9 csillagos minősítéssel, több mint 1000 véleményen.

a backend, ez lehetővé teszi, hogy hozzon létre felhasználóbarát meta dobozok, amelyek előre kiválasztott mező típusok. Tehát ahelyett, hogy az általános kulcs-érték pár interfész (mint azok, amelyeket fent látott), akkor képes lesz arra, hogy dátumválasztók, jelölőnégyzetek, és így tovább:

A teljes, Speciális Egyéni Mezők kínál 30+ különböző mező hozzáadása, bármely területen, a műszerfal, beleértve hozzászólásait, felhasználók, besorolások, média, észrevételek, sőt egyéni beállítások oldalt.

az egyes mezőtípusokra vonatkozó részletes információkat itt tekintheti meg.

Advanced Custom Fields is teszi, hogy sokkal könnyebb megjeleníteni, hogy az információ, jól dokumentált funkciók, shortcodes, Gutenberg blokkok, stb.

vagy integrációkat találhat más eszközökkel, például néhány drag-and-drop WordPress oldalépítővel.

speciális egyéni mezők ingyenes vs Pro: melyikre van szüksége?

Az Advanced Custom Fields mind ingyenes, mind megfizethető prémium változatban kapható.

a legtöbb alapvető felhasználás esetén az ingyenes verzió teljesen rendben van. Ez hozzáférést biztosít szinte az összes területen típusok, valamint az összes időtakarékos, felhasználóbarát funkciók a fent vázolt.

Ha csak néhány további információt szeretne tárolni a tartalmáról, az ingyenes verzió minden, amire szüksége van.

azzal, hogy azt mondta, a Pro verzió nem hozzá néhány nagyon kényelmes funkciók, amelyek segítenek használni speciális egyéni mezők érdekesebb módon:

• Repeater mezők – ezek segítségével ismételje meg bizonyos mezők / csoportok mezők post-by-post alapon. Például, ha hozzáadása információ a hangszóró, hogy egy esemény, egy ismétlő mező segít kezelni a helyzetet, ahol több, mint egy hangszóró (csak “ismételje meg” a mező(k) a hangszóró annyiszor, ahányszor szükséges, amely lehetővé teszi, hogy kezelni szélén esetekben, ahol több hangszórók).
• ACF blocks-display your fields as a block Gutenberg, rather than a meta box. Ez különösen kényelmes, ha az épület egy oldalon egy ügyfél, és szeretné, hogy nekik egy egyszerű módja annak, hogy bemenet és láthatóvá egyéni mező adatait.
• rugalmas tartalom mező-elrendezések létrehozása más mezőkből. Ez olyan, mint egy könnyű oldalépítő egyéni mező információk alapján.
• Galéria mező-több kép feltöltése egyetlen mezőre.

vannak más különbségek is, mint például az opciók oldalak, a mezők klónozásának képessége, a kapcsolatmezők javítása, valamint más kisebb csípések.

az ACF PRO összes funkcióját itt láthatja.

ACF PRO kezdődik $25 élettartam használata egyetlen oldalon. Vagy, akkor fizet $100 élettartam használata korlátlan oldalak.

ha kétségei vannak, kezdje az ingyenes verzióval, amíg meg nem találja, hogy pontosan milyen funkciókra van szüksége. Akkor mindig frissíteni később, ha szükséges.

speciális egyéni mezők bemutatója: Hogyan adhatjuk hozzá a mezőket

most ássuk be a tényleges speciális egyéni mezők bemutatóját, majd megmutatom, hogyan lehet létrehozni és megjeleníteni az első egyéni mezőket.

ehhez a példához tegyük fel, hogy van egy blogod a futásról. Olyan vagy, mint a futás, és meg akarod osztani a napi edzéseidet az olvasóiddal. Pontosabban, minden blogbejegyzésnél meg szeretné osztani a run ‘ S-t:

• cél-tegyük fel, hogy két különböző típusú futása van:” speed work “és”conditioning”.
• távolság – mennyi ideig tartott a futás.
• kezdési idő – amikor elindította a futást.
• befejezési idő – amikor befejezte a futást.
• hely-ahol a futás zajlott.

ezen információk összegyűjtéséhez öt egyéni mezőt szeretne hozzáadni.

fontos megjegyezni, hogy a speciális egyéni mezők oktatóanyagában megtanulandó elvek minden felhasználási esetre vonatkoznak. Csak egy konkrét példát választunk, mert segít, hogy kézzelfogható példa legyen a csatlakozáshoz.

ezt a bemutatót két részre bontjuk:

1. hogyan adhatjuk hozzá és kezelhetjük az egyéni mezőket a backend-en.
2. hogyan jeleníthetjük meg az egyéni mező információkat a webhely elején.

hozzon létre egy új Mezőcsoportot

miután telepítette és aktiválta az Advanced Custom Fields ingyenes verzióját WordPress.org, menj egyéni mezők > új létrehozni az első mező csoport.

ahogy a neve is sugallja, a” Mezőcsoport ” egy vagy több egyéni mező csoportja, amelyek együtt jelennek meg a WordPress irányítópultján.

ehhez a példához létrehoz egy mezőcsoportot, amely öt egyéni mezőt tartalmaz.

adja meg a mezőcsoport nevét, majd válassza ki a helyét. Ebben a példában szeretnénk megjeleníteni ezeket az egyéni mezőket a rendszeres WordPress blogbejegyzésekhez,így alapértelmezett bejegyzésként hagyhatja.

Ha azonban máshol szeretné megjeleníteni az egyéni mezőket, például egy egyéni post típus vagy egy taxonómia mellett, akkor ezt meg szeretné változtatni. Több szabályt is beállíthat, hogy a mezőket több helyen jelenítse meg:

egyéni mezők hozzáadása

Ezután kattintson a + mező hozzáadása gombra az első egyéni mező hozzáadásához:

ez sok lehetőséget nyit meg, de nem feltétlenül kell mindent kitöltenie.

a két legfontosabb választás a következő:

• Mezőcímke — ez jelenik meg a szerkesztőben. Azt is fel kell használni, hogy létrehoz a mező neve, ami az, amit használni fog a kódban. Nem kell megváltoztatnia a mező nevét (bár akkor, ha szüksége van rá).
• mező típusa-Ez az a fajta információt szeretne gyűjteni. Például azt szeretné, hogy egy szám mező számadatokat vagy e-mail mezőt gyűjtsön egy e-mail cím gyűjtéséhez.

ehhez az első mezőhöz Rádiógombos mezőtípust szeretne:

Tovább lefelé, meg a radio gomb választási lehetőség a doboz Választása:

Ott is számos más választás lehet, mint az, hogy egy mező kitöltése kötelező, valamint egy alapértelmezett értéket. Nyugodtan konfigurálja ezeket az Ön igényeinek megfelelően.

nézzünk meg egy másik példát: egy egyéni mező a futás távolságának összegyűjtéséhez. Ez alkalommal szeretné, egy Szám mezőbe írja be:

az is lehet, Hogy a dolgok egy kicsit jobban felhasználóbarát a választó Hozzáfűzni a távolság mértékegysége. És ha akarod, akkor is hozzá érvényesítési minimális érték és maximális érték. Például, akkor valószínűleg nem megy 1000 mérföldes fut (és ha igen … OMG, te vagy a végső Forrest Gump)!

csak ismételje meg a folyamatot az összes többi egyéni mező esetében, amelyet gyűjteni szeretne. Ha kész, akkor valahogy így kell kinéznie:

beállítások konfigurálása és közzététele

a dolgok befejezéséhez görgessen le a Beállítások mezőbe. Itt ellenőrizheti, hogy a mezők hogyan jelennek meg a WordPress szerkesztőben.

A legtöbb időt, akkor hagyja ezeket az alapértelmezett. De nyugodtan változtasd meg a dolgokat, ha akarod. Például, lehet választani, hogy megjelenjen az egyéni mezők felett a rendszeres WordPress szerkesztő:

Ha meghoztad a döntést, hogy kiadja a mező csoport, hogy él.

Ha bejelöli a négyzetet, akkor a futtatási információs mezők automatikusan megjelennek. Ha nem ellenőrzi, akkor rejtve maradnak:

Ez az, amit a feltételes logika lehetővé tesz!

ennek beállításához szerkesztené a mezőcsoportot, majd hozzáadna egy új True / False mezőt a ” ez egy futás?”:

akkor szerkesztené a meglévő mezőket, és bekapcsolná a feltételes logikát, hogy minden mező csak akkor jelenjen meg, ha a “ez egy futás?”a mező be van jelölve:

hogyan jeleníthetünk meg speciális egyéni mezőket a frontenden

Ok, félig haladunk a fejlett Egyéni mezők útján. Mostantól információkat adhat hozzá az egyéni mezőkhöz, társíthatja a megfelelő post típushoz, majd tárolhatja az adatbázisban.

azonban még mindig van egy lehetséges probléma:az egyéni mezőkből származó információk még nem jelennek meg a frontend-en!

Ez, annak ellenére, hogy már ki valami egyedi mezők a szerkesztőnek a blog póznák, a blogbejegyzést, még mindig úgy néz ki, mint egy normális blog bejegyzést a frontend:

oldjuk ezt meg.

van néhány különböző módon lehet megjeleníteni speciális egyéni mezők adatait a frontend a webhely. A választott pontos módszer az Ön igényeitől és tudásszintjétől függ. Itt van három különböző módon lehet elérni, hogy:

1. a téma sablonfájljai-ez kis technikai ismereteket igényel, de ez a legjobb megközelítés a legtöbb esetben, különösen akkor, ha kényelmesen dolgozik a téma sablonfájljaiban.
2. rövid kóddal-ez szuper egyszerű, jó lehetőség, ha csak egyedi mezőadatokat szeretne eseti alapon beilleszteni. Azonban sokkal több kézi munkát igényel, mert minden bejegyzéshez rövid kódokat kell hozzáadnia.
3. az Elementor Pro – val-ez nagyszerű, mert teljesen kiküszöböli a PHP-vel való munka szükségességét, de ez egy prémium termék, ami azt is jelenti, hogy Elementor Pro-t kell használnia a sablonozáshoz.

rákattinthat a fenti gombra, hogy egyenesen egy adott módszerre ugorjon, vagy mindegyiket elolvashatja. Rajtad múlik.

speciális egyéni mezők hozzáadása a téma Sablonfájljaihoz

az egyéni mező információinak megjelenítésének első módja a speciális egyéni mezők PHP funkcióinak hozzáadása közvetlenül a gyermek téma sablonfájljaihoz.

Ez egy kicsit fejlett, mert megköveteli, hogy ásson bele a téma sablonfájljaiba, de biztosítja, hogy az egyéni mezők minden alkalommal automatikusan ugyanazon a helyen jelenjenek meg.

konkrétan meg kell szerkesztenie az adott post típus egyetlen sablonját.

a rendszeres blogbejegyzés, ez egyetlen.php. Vagy egyes témák sablonrészekre bontják a dolgokat. Például a TwentyNineteen témához valójában szerkesztenie kell a tartalmat-egyetlen.php sablon rész.

Ha itt elveszettnek érzi magát, érdemes egy másik módszert használni.

miután megtalálta az egyetlen bejegyzés témasablon fájlját, használhatja a speciális egyéni mezők’ the_field() funkcióját a mező információinak megjelenítéséhez. Például:

<?php the_field('FIELD_NAME'); ?>

További információ itt.

például a “cél” mező megjelenítéséhez a

<?php the_field('purpose'); ?>

mezőcsoport szerkesztésekor megtalálhatja a mező nevét:

Szóval, ötvözve egy kis HTML-megjelölést a PHP, lehet, hogy valami ilyen, hogy megjelenítse az összes mezőt:

<div class="run-information"><ul><li><strong>Purpose:</strong> <?php the_field('purpose'); ?></li><li><strong>Distance:</strong> <?php the_field('distance'); ?></li><li><strong>Start Time:</strong> <?php the_field('start_time'); ?></li><li><strong>End Time:</strong> <?php the_field('finish_time'); ?></li><li><strong>Location:</strong> <?php the_field('location'); ?></li></ul></div>

ahhoz, Hogy hozzá ez a fenti, a rendszeres tartalom, akkor add, hogy ez az a téma sablon fájl fenti the_content():

most, a frissítés után a blogbejegyzést, láthatjuk, hogy az egyéni mező a fenti adatok a rendszeres WordPress tartalom:

Ha többet szeretne megtudni, nézze meg a Speciális Egyéni Mezők teljes dokumentáció.

A speciális egyéni mezők adatainak rövid kóddal történő megjelenítése

az egyéni mezők adatainak sokkal egyszerűbb megjelenítéséhez rövid kódokat is használhat. A hátránya azonban az, hogy minden egyes alkalommal hozzá kell adnia a rövidkódot, amikor egyéni mezőt szeretne megjeleníteni. Nincs egyszerű módja annak, hogy automatizálják ezt a feladatot.

a rövid kód a következő:

például, ha ezt beírta a WordPress szerkesztőbe:

Akkor a frontend a webhely nézne ki pontosan ugyanaz, mint az előző téma sablon módszer:

Hogyan kell Megjeleníteni a Speciális Egyéni Mezők Elementor Pro

Elementor egyike a leg — bb népszerű WordPress oldal építők. Ez lehetővé teszi, hogy a terveket vizuális, drag-and-drop szerkesztéssel készítsd el. Egy sidenote-On Elementor Kinsta egyik hivatalos partnere.

az Elementor Pro, a fizetett kiegészítő segítségével felépítheti a téma sablonfájljait is, beleértve egy lehetőséget a dinamikus egyéni mező adatainak beillesztésére a fejlett egyéni mezőkből a tervekbe.

Ez egy nagyszerű lehetőség, ha azt szeretné, hogy a rugalmasság automatikusan tartalmazza az egyéni mező adatait a sablonokban, de nem érzi magát kényelmesen, ha közvetlen kódszerkesztést végez a téma sablonfájljaihoz.

az induláshoz, akkor megy sablonok > Theme Builder and create a new Elementor template for your post Single:

hozzá lehet adni a rendszeres Elementor widgeteket a post címhez és a post tartalomhoz. Ezután az egyéni mező adatainak megjelenítéséhez rendszeres szövegszerkesztő widgeteket ad hozzá. Az egyetlen különbség itt a szöveg szerkesztése helyett a dinamikus lehetőséget választja:

ezután a legördülő menüből kiválaszthatja az ACF mezőt:

lehetőséget, onnan kiválaszthatja azt a mezőt, amelyet speciális egyéni mezőkkel adott hozzá:

De használhatja a Fejlett harmonika lap elé, vagy fűzze hozzá az információ, amely lehetővé teszi hozzá címkék, valamint egységek:

Egyszerű, igaz? Most csak ismételje meg más egyéni mezőket!

összefoglaló

a speciális egyéni mezők segítségével további adatokkal és információkkal gazdagíthatja oldalait és blogbejegyzéseit egy könnyen használható megoldással. Több: elkezdhet további információkat gyűjteni a webhely bármely tartalmáról, majd megjelenítheti a látogatók számára a frontend-en.

ehhez 3 lehetősége van:

• A téma sablon fájlok
• egy shortcode
• A Elementor Pro

A tudást, amit megszerzett ezen a poszton, akkor ismét kinyit a mély lehetséges a WordPress építeni 100% – os egyéni oldalak, amelyek messze túlmutatnak a WordPress blog gyökerei.

az egyetlen kérdés a következő:

mit hoz létre a speciális egyéni mezőkkel? Ossza meg velünk az alábbi megjegyzésekben