co jsou ACF ve WordPressu

Co jsou Advanced Custom Fields (ACF) ve WordPressu?

"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)?

Samotný WordPress již nabízí širokou škálu funkcí. Pomocí Advanced Custom Fields (ACF ) můžete tyto funkce ještě více rozšířit - ve standardní verzi zdarma. Díky nim máte plnou kontrolu nad obsahem svých 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ě shrnuto: Pravděpodobně potřebujete Advanced Custom Fields pravděpodobně tehdy, když se nemůžete dostat dál pomocí palubních prvků v backendu WordPressu. Stojíte před výzvou, kterou nelze realizovat pomocí stránek nebo příspěvků nebo ji lze realizovat jen částečně. V závislosti na požadavcích zákazníka k tomu může dojít poměrně rychle.

V mém případě jsem například mohl vytvořit vyhledávání s filtrovacími kritérii. Tedy ne prosté textové vyhledávání, které prohledá celý web a najde vhodný obsah, ale 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á filtrační kritéria. Mezi ně patří

  • 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

Hledal jsem proto řešení, jak toto vyhledávání filtrovat pomocí Advanced Custom Fields .

Stejnojmenný plugin v oficiálním adresáři pluginů WordPress je neustále vyvíjen, takže se neustále objevují nové funkce. Pokud chcete být blízko dění, můžete ACF sledovat na Twitteru.

Zásuvný modul ACF je aktivní na více než 1 milionu webových stránek. Je intenzivně testován a bezchybně funguje s nejnovější verzí WordPressu. Působivé je také to, že plugin získal již více než 1 000 hodnocení s 5 hvězdičkami. Na druhou stranu existuje pouhých 40 hodnocení s jednou hvězdičkou - nejspíše se jedná o uživatele, kteří to 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.

"*" povinný údaj

Rád bych se přihlásil k odběru newsletteru, abych byl informován o nových článcích na blogu, e-knihách, funkcích a novinkách ve WordPressu. Svůj souhlas mohu kdykoli odvolat. Více informací v našich Zásadách ochrany osobních údajů.
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.

V tomto případě se používají vlastní typy příspěvků. Zde je velmi důležité, aby mělo smysl vytvářet vlastní typ příspěvku pro použití Advanced Custom Fields . V mém případě jednoduše nazvu vlastní typ příspěvku (CPT)"terapeut".

Vlastní typ příspěvku si samozřejmě můžete naprogramovat sami. Já jsem však k tomuto účelu použil doplněk "Custom Post Type UI", který podrobněji vysvětlím v následující části.

vlastní vytvoření typu příspěvku
Takto vypadá backend pluginu "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.

Pomocí ACF jsem vytvořil přizpůsobené vyhledávání s filtrovacími kritérii. Jak je ale možné obsah z backendu elegantně prezentovat ve frontendu, aby s ním uživatel mohl interagovat?

Opět máte na výběr mezi vlastním vývojem a použitím zásuvného modulu. Opět jsem dlouho hledal dobrého pomocníka a nakonec jsem narazil na Search & Filter Pro.

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
Pomocí zásuvného modulu "Search & Filter Pro" můžete vytvořit přizpůsobené vyhledávání s filtrovacími kritérii.

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 i tak bude vypadat poněkud neatraktivně. Vylepšil jsem to několika změnami v CSS a myslím, že výsledek ve frontendu 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. Povinná pole jsou označena *.