Jaké jsou Advanced Custom Fields (ACF) v WordPress a na co je potřebuji?

Michael Hörnlimann Aktualizováno 21.
6 min.
Advanced Custom Fields Wordpress
Naposledy aktualizováno 21.

"Víte, Advanced Custom Fields Ne? Bez ACF bych WordPress rozhodně již nepoužívají." To bylo provedeno kolegou se mi před několika týdny přes Slack Napsal. Ale on je developer, já jsem návrhář. V té době jsem si však uvědomil, že bych se s tím měl (a chtěl) vypořádat.

Jaké jsou Advanced Custom Fields ?

WordPress samo o sobě již nabízí širokou škálu funkcí. Díky Advanced Custom Fields můžete tyto funkce znovu rozšířit - ve standardní mši zdarma. Umožňují vám mít 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 , dává vám příležitost WordPress a tím rozšiřovat stránky a příspěvky prakticky podle vůle a individuálně.

To znamená, že WordPress co nejvíce možné - Advanced Custom Fields jako ladění pro WordPress .

Co potřebuji Advanced Custom Fields Někdy?

Stručně řečeno: Potřebujete Advanced Custom Fields pravděpodobně, pokud používáte palubní prvky v WordPress -Backend už nemůže být prosazován. Stojíte před výzvou, kterou nelze realizovat pomocí stránek nebo příspěvků, nebo jen částečně.

To může být případ poměrně rychle, v závislosti na přání zákazníka. Pokud jste web designer sami, bude to jistě také známé pro vás.

Například mi bylo povoleno vytvořit vyhledávání s kritérii filtru. Takže ne jednoduché textové vyhledávání, které vyhledává vhodný obsah na celé webové stránce, ale vyhledávání, ve kterém mohou být konkrétní údaje zadány nejprve prostřednictvím formuláře. Uživatel má k dispozici různá kritéria filtru. Patří mezi ně:

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

Ale více o tom později. Tento případ použití mi dal myšlenku Advanced Custom Fields (ACF). Takové individuální vyhledávání je WordPress -Palubní prvky prostě není možné bez ACF.

Advanced Custom Fields : Volný Plugin

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

Stejnojmenný Plugin v oficiálním WordPress - Plugin adresář je od Elliotcondon. Australan na něm pracuje velmi aktivně a neustále ji rozvíjí, aby se stále objevovaly nové funkce. Pokud chcete být velmi blízko k akci, můžete Sledujte ACF na Twitteru.

Pokud jste již byli stateční a plně WordPress 5.0 zaveden blokeditor ( Gutenberg ) je k dispozici také v Advanced Custom Fields Bloky pro nový editor.

The ACF Plugin je v současné době aktivní na více než 1 milion webových stránek. Testuje se velmi intenzivně a pracuje s nejnovějšími WordPress verze bezvadná. Je také působivé, že Plugin již obdržel více než 1000 5hvězdičkových recenzí. Na druhou stranu, tam jsou žalý 16 hodnocení pouze s jednou hvězdou - s největší pravděpodobností uživatelé, kteří se vzdali po (velmi) krátkou dobu.

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

A co tohle Plugin , což je docela technické, je také nepostradatelná: podpora.

Ještě jsem si to nemusel nárokovat sám. Důvod je velmi jednoduchý: Prvotřídní dokumentace, který se zabývá typy polí, funkcemi, filtry a faq.

Co jsou vlastní typy příspěvku?

Zmínil jsem se již dříve, že aktivní design je nezbytný. To znamená, že Advanced Custom Fields také, že v některých případech tyto samy o sobě nepřinášejí mnoho výhod. Pouze v kombinaci s vlastní typy příspěvku vznikají další možnosti.

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

Dva nejslavnější v WordPress jsou stránky a příspěvky (blogové příspěvky). Takže pro každý nový obsah, který chcete vytvořit pro webové stránky, se rozhodnete, který typ příspěvku je ten správný. To závisí na několika faktorech, včetně toho, jak by měly být informace viditelné a jaká 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é stejnojmenné 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 backendu ACF Plugins můžete snadno definovat pole.

Pak se používají vlastní typy příspěvku. Je zde velmi důležité, aby mělo smysl používat Advanced Custom Fields vytvořte si vlastní typ příspěvku. V mém případě říkám Vlastní post Typ (CPT) jen terapeuti.

Samozřejmě, můžete také naprogramovat vlastní typ příspěvku sami. Mám však Plugin "Custom Post Type UI", které vysvětlím podrobněji v další části.

vytvoření vlastního typu příspěvku
Takto je backend Plugins "Vlastní typ účtu UI".

Vlastní typ příspěvku UI: Zdarma Plugin , druhý

Pokud to bylo provedeno pouze pro vás tak daleko s Advanced Custom Fields (ACF) bylo příliš málo magie, sem přichází nejlepší: ACF v kombinaci s ui typu vlastní příspěvek, nebo CPT UI pro krátké.

To umožňuje zobrazit obsah databáze přímo v front-endu v případě potřeby. V mém případě jsem byl konfrontován s výzvou budování vyhledávání filtrů s různými poli. Takže jsem musel nahrát všechna data do back-endu pomocí importu CSV jako první.

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

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

Praktický příklad: Hledání sestavení s kritérii filtru

Tolik k momentu do backendu. Teď to jde do předu. Takže můžete použít 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. Nicméně, jak je možné prezentovat obsah z back-endu elegantně v přední části, takže interakce uživatele je možná?

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

To mi dává možnost použít data v back-endu pro zobrazení v přední části důmyslným způsobem. V mém příkladu jsou to:

  • Hledat (normální vyhledávací pole)
  • Post Meta (přístup a vyhledává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 takto:

hledat a filtrovat pro back-end
Díky Plugin "Search & Filter Pro" můžete vytvořit individuální vyhledávání s kritérii filtru.

Pomocí zkráceného kódu pak můžete vložit vyhledávání filtrů, které jste právě vytvořili kdekoli v back-endu (například na stránce).

Nicméně, uvidíte, že to bude vypadat trochu ošklivě. Mám lepší to s některými CSS rukojeti a zjistíte, že výsledek v přední části je docela působivé:

praktický příklad acf

Doplňkové odkazy

Jsem zvědavý, co se dá dělat s Advanced Custom Fields mohou být realizovány. Máte nějaké dotazy nebo připomínky k tomuto článku? Pak jsem rád, že dostávám spoustu zpětné vazby.

Obrázek: Shane Aldendorff | Unsplash

Michael Hörnlimann , narozen 1991 v Curychu, miluje přírodu, stejně jako dobré jídlo. Od dubna 2018 pracuje výhradně nezávisle a vytváří WordPress webových stránkách jménem zákazníka. Od té doby kombinuje práci se svou velkou vášní, cestuje do zahraničí a kultur. Žije a pracuje nezávisle na místě, někdy v horách, někdy u moře.

Podobné články

Komentáře k tomuto článku

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Povinná pole jsou označena * .