advanced custom fields Wordpress

Co jsou Advanced Custom Fields (ACF) ve WordPressu?

"Víš Advanced Custom Fields (ACF) ne? Bez ACF bych už rozhodně nepoužíval WordPress." 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 této době jsem si však uvědomil, že bych se tím měl (a chtěl) zabývat.

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.

Souhlas*
Toto pole slouží k ověření a nemělo by se měnit.

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.

advanced custom fields vlastní pole
V back-endu ACF Plugins můžete snadno definovat pole.

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í vytvoření typu příspěvku
Tímto způsobem je backend Plugins "Vlastní uživatelské rozhraní typu příspěvku".

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.

vlastní kombinace acf typu příspěvku
Takhle může vypadat například váš nový typ vlastního příspěvku.

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:

hledání a filtrování pro back-end
S Plugin "Hledat a filtrovat pro" můžete vytvořit individuální vyhledávání s kritérii filtru.

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ý:

praktický příklad acf

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.

Vaše dotazy týkající se ACF

Jaké máte otázky týkající se ACF a WordPress? Neváhejte použít funkci komentáře. Chcete být informováni o nových příspěvcích o WordPress a webovém designu? Pak nás sledujte na Twitteru, Facebooku,LinkedInnebo prostřednictvím našeho newsletteru.

Líbil se vám tento článek?

Svou recenzí nám pomůžete zlepšit náš obsah.

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna.