"Víš, Advanced Custom Fields (ACF) ne? Bez ACF bych už WordPress rozhodně nepoužíval." Kolega mi to napsal před několika týdny přes Slack. On je však vývojář, já jsem designér. Nejpozději v tomto okamžiku jsem si však uvědomil, že bych se s tím měl (a chtěl) vypořádat.

Co jsou Advanced Custom Fields (ACF)?

WordPress sám o sobě již nabízí širokou škálu funkcí. S Advanced Custom Fields (ACF) tyto funkce můžete znovu rozšířit – ve standardní verzi zdarma. Dávají vám plnou kontrolu nad obsahem vašich webových stránek.

Ve výchozím nastavení najdeme v back-endu pro příspěvky a stránky typická pole, jako je název, obsah, datum a autor. Advanced Custom Fields , nebo ten, který je uveden níže Plugin , vám poskytne příležitost WordPress a tím rozšiřovat stránky a příspěvky prakticky chtěi a individuálně.

To umožňuje téměř vše s WordPress - Advanced Custom Fields jako druh ladění pro WordPress.

Na co potřebuji Advanced Custom Fields?

Stručně řečeno: Potřebujete Advanced Custom Fields pravděpodobně pokud se již nemůžete dostat dopředu s integrovanými prvky v backendu WordPress. Stojíte před výzvou, kterou nelze realizovat nebo jen částečně realizovat pomocí stránek nebo příspěvků.

To může být případ relativně rychle, v závislosti na přání zákazníka. Pokud jste sami webovým designérem, bude vám to jistě také povědomé.

Například mi bylo dovoleno vytvořit vyhledávání s kritérii filtru. Nejedná se tedy o jednoduché textové vyhledávání, které vyhledává vhodný obsah na celém webu, ale o vyhledávání, do kterého lze předem zadat konkrétní údaje prostřednictvím formuláře. Uživatel má k dispozici různá kritéria filtru. Mimo jiné se jedná o:

• Název (textové pole)
• PSČ (textové pole)
• Země (rozevírací nabídka)
• Certifikáty (zaškrtávací políčko)

Ale o tom později. Tento případ použití mi dal nápad Advanced Custom Fields (ACF). Takové individuální vyhledávání prostě není možné s wordpressovými palubními prvky bez ACF.

Advanced Custom Fields : Zdarma Plugin

Takže jsem hledal řešení, jak najít tento filtr pomocí Advanced Custom Fields Implementovat.

Plugin se stejným názvem v oficiálním adresáři pluginů WordPress pochází od Elliota Condona. Australan na něm pracuje velmi aktivně a neustále ho dále rozvíjí, aby se znovu a znovu objevovaly nové funkce. Pokud chcete být velmi blízko k akci, můžete sledovat ACF na Twitteru.

Pokud jste již byli odvážní a plně oddaní blokovému editoru zavedenému od WordPress 5.0 (Gutenberg) existují rovněž v případě Advanced Custom Fields Bloky pro nový editor.

Plugin ACF je v současné době aktivní na více než 1 milionu webových stránek. Je testován velmi intenzivně a dokonale pracuje s nejnovější verzí WordPress. Působivé je také to, že plugin již obdržel více než 1 000 recenzí s 5 hvězdičkami. Na druhou stranu existuje skromných 16 recenzí s pouze jednou hvězdičkou - velmi pravděpodobně uživatelé, kteří se po (velmi) krátké době vzdali.

V případě takového Plugin je jasné, že to trvá nějaký čas a trpělivost, abyste pochopili aplikaci. Samozřejmě, i já jsem se dostal jen na povrch Advanced Custom Fields Poškrábaný. Chtěl bych jednoduše říci, že existují i jiné Plugins nainstalujete a pak fungují pohodlně na pozadí – to je u ACF jiné. Je třeba aktivně navrhnout a rozpoznat celkový vztah mezi databází, back-endem a front-endem.

A co tohle? Plugin , který je poměrně technický, je také nepostradatelný: podpora.

Zatím jsem to sám nemusel tvrdit. Důvod je velmi jednoduchý: Prvotřídní dokumentace, která se zabývá typy, funkcemi, filtry a FAQ.

Co jsou Custom Post Types?

Dříve jsem zmínil, že aktivní design je nezbytný. To znamená pro Advanced Custom Fields také to, že tyto samotné vám v určitých případech nepřinášejí mnoho výhod. Pouze v kombinaci s vlastními typy příspěvků vznikají další možnosti.

Nejprve vyvstává otázka: Co je (normální) typ příspěvku?

Dva nejznámější v aplikaci WordPress jsou stránky a blogové příspěvky. Pro každý nový obsah, který vytvoříte pro web, se rozhodnete, který typ příspěvku je ten správný. To závisí na různých faktorech, včetně způsobu, jakým by měly být informace viditelné a která pole potřebujete v back-endu.

Ale co když chcete poskytnout obsah, který nemůže být pokryt normální stránkou nebo příspěvkem?

Možná už víte: Potřebujete nový způsob, jak začlenit obsah do back-endu. Téměř vstupní maska s přesně těmi poli, která potřebujete. To je to, co Advanced Custom Fields Nabízejí. Výše uvedené eponymní Plugin umožňuje definovat a vytvářet tato pole pohodlně v back-endu. Jakmile je tato struktura na místě, dalším krokem je tak učinit.

Pak se používají vlastní typy příspěvku. Je zde velmi důležité, aby bylo Advanced Custom Fields vytvořte si vlastní typ příspěvku. V mém případě nazývám vlastní typ příspěvku (CPT) jen terapeuty.

Samozřejmě můžete také naprogramovat vlastní typ příspěvku sami. Mám však Plugin "Vlastní uživatelské rozhraní typu příspěvku", které podrobněji vysvětlím v další části.

Vlastní uživatelské rozhraní typu příspěvku: Plugin zdarma

Pokud to bylo provedeno pouze pro vás doposud s Advanced Custom Fields (ACF) bylo příliš málo magie, přichází sem nejlepší: ACF v kombinaci s vlastním typem uživatelského rozhraní postu nebo zkráceně uživatelské rozhraní CPT.

To vám umožní zobrazit obsah databáze přímo ve frontendu podle potřeby. V mém případě jsem čelil výzvě vytvořit vyhledávání filtrů s různými poli. Takže jsem nejprve musel nahrát všechna data do backendu pomocí importu CSV.

Poté pomocí vlastního typu příspěvku a Advanced Custom Fields základ pro vyhledávání filtrů v předním konci. Více o tom v další části.

Praktický příklad: Vytvoření vyhledávání pomocí kritérií filtru

Tolik k momentu do backendu. Teď to jde do přední části. Abyste mohli aplikovat celou věc a Advanced Custom Fields pro váš případ.

Použil jsem ACF k vytvoření individuálního vyhledávání s kritérii filtru. Jak je však možné elegantně prezentovat obsah z backendu ve frontendu tak, aby byla možná interakce uživatele?

Opět máte na výběr mezi rozvojem sebe sama a Plugin . Opět jsem dlouho hledal dobrého pomocníka a nakonec jsem narazil na "Search & Filter Pro" (je propojen na konci textu).

To mi dává příležitost použít data v back-endu pro zobrazení na předním konci důmyslným způsobem. V mém příkladu jsou:

• Hledat (normální vyhledávací pole)
• Post Meta (přístup a hledání příslušného rozšířeného vlastního pole v databázi)
• Tlačítko Odeslat (tlačítko pro odeslání vyhledávacího dotazu nebo formuláře)

V back-endu to může vypadat takhle:

Krátký kód pak můžete použít k vložení vyhledávání filtrů, které jste právě vytvořili, kdekoli v back-endu (například na stránce).

Uvidíte však, že to bude vypadat trochu ošklivě. Vylepšil jsem to pomocí některých rukojetí CSS a zjistil jsem, že výsledek v předním konci je docela působivý:

Doplňkové odkazy

• ACF Plugin: https://de.wordpress.org/plugins/advanced-custom-fields
• Uživatelské rozhraní typu vlastního příspěvku Plugin : https:// wordpress.org / plugins /custom-post-type-ui
• Rozšíření: https://awesomeacf.com
• Search & Filter Pro (Premium Plugin): https://searchandfilter.com

Těším se, až uvidím, s čím dalším budu v budoucnu dělat. Advanced Custom Fields mohou být provedeny. Máte nějaké dotazy nebo připomínky k tomuto článku? Pak se těším na spoustu zpětné vazby.