Co jsou Advanced Custom Fields (ACF) v WordPress A na co je potřebuju?

Michael Hörnlimann Naposledy aktualizováno 21.10.2020
6 min.
advanced custom fields Wordpress
Naposledy aktualizováno 21.10.2020

"Však víš, Advanced Custom Fields Ne? Bez ACF bych WordPress rozhodně už se nepoužívá." Tohle mi před pár týdny udělal kolega. Slack Napsal. Ale on je vývojář, já jsem návrhář. Nejpozději v té době jsem si však uvědomil, že bych se s tím měl (a chtěl) vypořádat.

Co jsou Advanced Custom Fields ?

WordPress sám o sobě již nabízí širokou škálu funkcí. S Advanced Custom Fields tyto funkce můžete znovu rozšířit - ve standardní verzi 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 , 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 znamená, že WordPress co nejvíce je to možné - Advanced Custom Fields jako ladění pro WordPress .

Co potřebuji Advanced Custom Fields Někdy?

Ve zkratce: Potřebujete Advanced Custom Fields pravděpodobně, pokud používáte palubní prvky v WordPress - Backend už nelze pokročit. 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 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é.

Bylo mi například povoleno vytvořit hledání s kritérii filtru. Takže ne jednoduché textové vyhledávání, které vyhledává vhodný obsah na celém webu, ale vyhledávání, ve kterém lze nejprve zadat konkrétní data 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ě (rozevírací nabídka)
  • Certifikáty (zaškrtávací políčko)

Ale víc o tom později. Tenhle případ mi dal představu o Advanced Custom Fields (ACF). Takové individuální vyhledávání je WordPress -Palubní prvky prostě nejsou možné bez ACF.

Advanced Custom Fields : Zdarma Plugin

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

Eponymní Plugin v úředním WordPress - Plugin Adresář je od Elliota Condona. Australan na tom pracuje velmi aktivně a neustále ho vyvíjí, aby se stále objevily nové funkce. Pokud chcete být velmi blízko k akci, můžete sledovat ACF na Twitteru.

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

The ACF Plugin v současné době působí na více než 1 milionu webových stránek. Je testován velmi intenzivně a pracuje s nejnovějšími WordPress verze bezvadná. Je také působivé, že Plugin již obdržel více než 1 000 5hvězdičkových recenzí. Na druhou stranu existuje 16 hodnocení s pouze jednou hvězdou – s největší pravděpodobností uživatelé, 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.

Sám jsem si to ještě nevyžádá. Důvod je velmi jednoduchý: prvotřídní dokumentace, která sezabývá typy polí, funkcemi, filtry a nejčastějšími dotazy.

Co jsou Custom Post Types?

Již dříve jsem zmínil, že aktivní design je nezbytný. To znamená, že Advanced Custom Fields také, že v některých případech vám tyto samotné nepřinesou velký prospěch. Pouze v kombinaci s vlastními typy příspěvku vznikají další možnosti.

Nejprve vyvstává otázka: Co je (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 web, se rozhodnete, který typ příspěvku je 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é 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".

Uživatelské rozhraní typu vlastního příspěvku: Zdarma Plugin , druhý

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 databázový obsah přímo v frontendu, pokud je to žádoucí. V mém případě jsem čelil výzvě vybudovat vyhledávání filtrů s různými poli. Takže jsem musel nejprve nahrát všechna data do back-endu 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: Vytváření hledání s kritérii 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é prezentovat obsah z back-endu elegantně v předním konci, 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

Doplňkové odkazy

Jsem zvědavý, co se mnou bude. Advanced Custom Fields lze implementovat. Máte nějaké dotazy nebo komentáře k tomuto článku? Pak jsem rád, že jsem obdržel spoustu zpětné vazby.

Fotografie: Shane Aldendorff | Rozbalte

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 stránky pro zákazníky. Od té doby kombinuje práci se svou velkou vášní, cestuje do zahraničí a k cizím kulturám. Ž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 *.