WordPress vlastní pole jsou důležitou součástí toho, co dělá WordPress flexibilní systém pro správu obsahu, spíše než „jen blogovací platformy,“.

Pokud jde o vlastní pole WordPress, plugin freemium Advanced Custom Fields je jedním z nejznámějších jmen. Usnadňuje práci s vlastními poli ve všech aspektech a je to také téma našeho dnešního příspěvku.

konkrétně vám vysvětlíme, proč jsou pokročilá vlastní pole tak cenná, a poté vám krok za krokem ukážeme, jak je můžete použít na svůj web WordPress.

zde je vše, co najdete v tomto příspěvku:
Je toho hodně na pokrytí, takže se ponoříme do …

Jaké Jsou WordPress Vlastní Pole? Co Tě Nechají Dělat?

vlastní pole WordPress umožňují přidávat, ukládat a zobrazovat další informace o obsahu ve WordPressu. Na techničtější úrovni vám vlastní pole pomáhají ukládat metadata.

i když nejste obeznámeni s tímto termínem, vlastní pole moc většinu funkcí ve svých oblíbených pluginů a témat.

například, WooCommerce, nejvíce populární způsob, jak vytvořit obchod eCommerce, používá vlastní pole pro uložení dalších informací o produktu, jako je:

• Cena
• Hmotnost
• Barva

Nebo, pokud máte WordPress kalendář událostí plugin, plugin bude používat vlastní pole pro ukládání dalších informací o události, jako jsou:

• umístění
• čas začátku / konce
• cena

můžete si také vytvořit vlastní pole pro ukládání informací, které jsou relevantní pro vaše jedinečné potřeby, o čem je celý tento příspěvek.

Jak cool jsou vlastní pole v WordPress, uh? Learn naučte se, jak je využít s úžasným @ wp_acf v našem nejnovějším průvodci! 💪Kliknutím Tweet

kdy byste měli použít vlastní pole?

nyní se možná divíte, proč vůbec potřebujete vlastní pole.

Chcete-li například zveřejnit událost na svém webu WordPress, nemohli byste do editoru WordPress vložit všechny tyto informace jako běžný text?

No, ano, můžete. Ale použití vlastních polí je lepší přístup z několika důvodů:

• snadnější vstup-spíše než psát věci od nuly, dobře rozložená skupina vlastních polí usnadní zadávání dat. Například, místo psaní data, stačí vybrat datum z výběru data.
• konzistence-informace, které zadáte do vlastních polí, se vždy zobrazí podle vašeho nastavení, což znamená, že budou konzistentní na celém vašem webu.
• Snadná aktualizace a údržba — pokud chcete změnit něco o tom, že informace zobrazuje v budoucnu, můžete jen aktualizovat jednu věc, spíše než by museli upravovat každý příspěvek individuálně.

WordPress obsahuje vestavěné funkce vlastních polí

WordPress ve skutečnosti obsahuje vestavěné funkce pro přidávání vlastních polí do vašeho obsahu. V klasickém editoru TinyMCE to můžete povolit v oblasti Možnosti obrazovky. Nebo, v novém editoru bloků, můžete ji povolit z oblasti Volby:

potom můžete zadat vlastní pole dat pomocí klíč/hodnota páry:

Tento rodák vlastní pole funkčnost je zcela funkční, ale to není nejvíce uživatelsky přívětivý způsob, jak dělat věci, které je důvod, proč mnoho lidí se obrátit na Advanced Vlastních Polí plugin místo.

pokročilé vlastní pole je mnohem jednodušší

jednoduše řečeno, pokročilé vlastní pole usnadňuje práci s vlastními poli v WordPress v … téměř ve všech aspektech.

zjednodušuje rozhraní pro přidávání a správu vlastních polí v řídicím panelu WordPress a také zjednodušuje proces zobrazování informací z vlastních polí na frontendu vašeho webu. Tato skutečnost pouze pomáhá vysvětlit, proč je aktivní na více než 1 milion webových stránek s 4,9-hvězdičkové hodnocení na více než 1,000 recenze.

na backendu vám umožní vytvořit uživatelsky přívětivé meta boxy, které obsahují předem vybrané typy polí. Takže spíše než toto obecné rozhraní párů klíčů a hodnot (jako ty, které jste viděli výše), budete moci používat výběr data, zaškrtávací políčka a další podobné:

V celkem Pokročilé Custom Fields nabízí 30+ různé typy polí, které můžete přidat do jakékoli oblasti ve vaší palubní desce, včetně příspěvků, uživatelů, taxonomie, média, komentáře, a dokonce i vlastní možnosti stránky.

podrobné informace o jednotlivých typech polí si můžete prohlédnout zde.

pokročilé vlastní pole také usnadňuje zobrazení těchto informací pomocí dobře zdokumentovaných funkcí, krátkých kódů, bloků Gutenberg a dalších.

nebo můžete najít integrace s jinými nástroji, jako jsou některé drag-and-drop WordPress stavitelé stránek.

pokročilé vlastní pole zdarma vs pro: který z nich potřebujete?

Advanced Custom Fields přichází jak ve volné, tak i cenově dostupné verzi premium.

pro většinu základních použití je bezplatná verze zcela v pořádku. To vám umožní přístup k téměř všechny typy polí, stejně jako všechny časově úsporné a uživatelsky přívětivé funkce uvedené výše.

Pokud si jen chcete uložit nějaké další informace o vašem obsahu, bezplatná verze je vše, co potřebujete.

S tím bylo řečeno, Pro verze přidává některé docela užitečné funkce, které vám pomohou použít Advanced Vlastních Polí ve více zajímavé způsoby:

• Repeater pole — tyto umožňují opakovat určité obory/skupiny oborů na post-by-post. Například, pokud jste přidání informace o reproduktor na událost, opakovač oblasti by vám pomůže zvládnout situace, kde je více než jeden reproduktor (dalo by se jen „opakovat“ oblasti(y) pro reproduktor tolikrát, kolikrát je potřeba, což vám umožní zvládnout okraj případech, kdy existuje více reproduktory).
• ACF blocks-zobrazit pole jako blok Gutenberg, spíše než meta box. To je zvláště výhodné, pokud vytváříte web pro klienta a chcete mu poskytnout snadný způsob zadávání a vizualizace vlastních dat v terénu.
• flexibilní pole obsahu-Vytvořte rozvržení z jiných polí. Je to něco jako lehký tvůrce stránek založený na vlastních informacích o poli.
• Galerie field-nahrát více obrázků do jednoho pole.

existují také některé další rozdíly, jako jsou stránky možností, schopnost klonovat pole, vylepšení polí vztahů a další menší vylepšení.

zde můžete vidět všechny funkce ACF PRO.

ACF Pro začíná na $ 25 pro celoživotní použití na jednom webu. Nebo můžete zaplatit $ 100 za celoživotní použití na neomezených stránkách.

V případě pochybností začněte bezplatnou verzí, dokud nezjistíte přesně, jaké funkce potřebujete. V případě potřeby můžete vždy upgradovat později.

pokročilé vlastní pole Tutorial: Jak přidat pole

pojďme se nyní ponořit do skutečného tutoriálu Advanced Custom Fields a ukážu vám, jak vytvořit a zobrazit první sadu vlastních polí.

pro tento příklad Řekněme, že máte blog o běhu. Jste jako…opravdu do běhu a chcete sdílet své každodenní tréninky se svými čtenáři. Konkrétně s každým blogu, který chcete sdílet běhu je:

• Účel — řekněme, že máte dva různé typy běží: „rychlost práce“ a „klimatizace“.
• vzdálenost – jak dlouho byl váš běh.
• čas zahájení-když jste spustili běh.
• čas dokončení – po dokončení běhu.
• místo-kde se váš běh konal.

Chcete-li tyto informace shromáždit, budete chtít přidat pět vlastních polí.

je důležité si uvědomit, že zásady, které se naučíte v tomto tutoriálu Advanced Custom Fields, se vztahují na jakýkoli případ použití. Vybíráme jen konkrétní příklad, protože pomáhá mít hmatatelný příklad, ke kterému se můžeme připojit.

tento tutoriál rozdělíme na dvě části:

1. jak přidat a spravovat vlastní pole v backendu.
2. jak zobrazit informace o vlastním poli na rozhraní vašeho webu.

Vytvořit Nové Pole Skupiny

Poté, co jste nainstalovali a aktivovaný bezplatná verze Advanced Vlastních Polí od WordPress.org, přejděte na Vlastní Pole > Přidat Nový vytvořit svůj první Studijní Skupiny.

jak název napovídá, „skupina polí“ je skupina jednoho nebo více vlastních polí, která se zobrazují společně na hlavním panelu WordPress.

v tomto příkladu vytvoříte jednu skupinu polí, která obsahuje pět vlastních polí.

pojmenujte skupinu polí a poté vyberte její umístění. V tomto příkladu chceme zobrazit tato vlastní pole pro běžné příspěvky na blogu WordPress, takže je můžete nechat jako výchozí příspěvek.

Pokud však chcete zobrazit vlastní pole jinde, například vedle vlastního typu příspěvku nebo s taxonomií, měli byste to změnit. Můžete také nastavit více pravidel pro zobrazení polí na více místech:

Přidat Vlastní Pole

dále klikněte na tlačítko + Přidat Pole přidat své první vlastní pole:

Tento bude otevřeno mnoho možností, ale nemusíte nutně muset vyplnit všechno.

dvě nejdůležitější volby jsou:

• štítek Pole – to se objeví v editoru. Bude také použit pro generování názvu pole, což je to, co budete používat v kódu. Nemusíte měnit název pole (i když můžete, pokud potřebujete).
• typ pole-jedná se o typ informací, které chcete shromažďovat. Například, že jste chtěl Číslo pole sbírat informace číslo nebo E-mail pole sbírat e-mailové adresy.

pro toto první pole byste chtěli typ pole přepínače:

Dále můžete zadat přepínač pro výběr možnosti v Možnosti pole:

Existuje také řada dalších možností, které můžete udělat, stejně jako to, zda je či není pole je povinné a výchozí hodnotu. Neváhejte a nakonfigurujte je podle svých potřeb.

podívejme se na další příklad: vlastní pole pro shromažďování vzdálenosti běhu. Tentokrát, budete chtít, pole Číslo typu:

můžete také dělat věci trochu více uživatelsky přívětivé rozhodly Připojit jednotku vzdálenosti. A pokud chcete, můžete také přidat ověření s minimální hodnotou a maximální hodnotou. Například, pravděpodobně nebudete na 1000 mil běží (a pokud ano … OMG, jste konečný Forrest Gump)!

tento postup opakujte pro všechny další vlastní pole, které chcete sbírat. Když je hotovo, mělo by to vypadat něco jako tohle:

Konfigurovat Nastavení a Publikovat

dokončit věci, přejděte na Nastavení pole. Zde můžete ovládat, jak se vaše pole zobrazují v editoru WordPress.

většinu času je můžete ponechat jako výchozí. Ale nebojte se změnit věci, pokud chcete. Například, můžete se rozhodnout pro zobrazení své vlastní pole výše pravidelné WordPress editor:

Jakmile jste provedli své rozhodnutí, Publikovat své studijní skupina, aby se to žít.

přidejte některé informace do editoru WordPress

jakmile zveřejníte skupinu polí, uvidíte, že se vaše pole zobrazí, když jdete vytvořit nový příspěvek.

ve výchozím nastavení se budou zobrazovat společně pod editorem jak v klasickém editoru TinyMCE, tak v novém editoru bloků:

informace, které zde zadáte, budou uloženy na vašem webu WordPress databáze pro snadné vyhledávání (uvidíš, že v další části našeho Advanced Vlastních Polí tutorial).

zkoumání podmíněné logiky

než se pohneme kupředu, pojďme rychlou oklikou.

podívejte se, jedním z důvodů, proč jsou pokročilá vlastní pole tak populární, je všechny zajímavé implementace, které umožňuje.

a jednou z mocných možností je podmíněná logika, která vám umožní zobrazit / skrýt pole na základě odpovědi na předchozí pole.

podívejme se na rychlý příklad toho, jak to funguje …

řekněme, že chcete blogovat o jídle, vašich cestách nebo o něčem jiném než o běhu. Když píšete o tématu, které není spuštěno, nemá smysl zobrazovat vlastní pole pro informace o běhu, že?

Co když místo automatického zobrazení všech vlastních polí, která jste právě vytvořili, můžete přidat vlastní pole s nápisem “ je tento příspěvek běh?”:

Pokud zaškrtnete políčko, pak spustit informační pole se automaticky objeví. Pokud necháte toto políčko nezaškrtnuté, zůstanou skryté:

to je to, co podmíněné logiky vám umožní udělat!

Chcete-li to nastavit, upravíte skupinu polí a přidáte nové pole True / False Pro „je to běh?”:

Pak byste upravit existující pole a zapnout Podmíněné Logiky tak, že každé pole se zobrazí pouze tehdy, když „Je to běh?“pole je zaškrtnuto:

Jak Zobrazit Advanced Vlastních Polí na Rozhraní

Ok, jsme v půli naše Pokročilé Vlastní Pole cesta. Nyní můžete přidat informace do svých vlastních polí, přiřadit je k příslušnému typu příspěvku a uložit je do databáze.

stále však existuje jeden potenciální problém: informace z vašich vlastních polí se zatím nikde na frontendu nezobrazují!

To je, i když jste přidali některé vlastní pole s editorem pro vašeho blogu, váš blog post stále jen vypadá jako normální blog post na frontend:

Pojďme to napravit.

Existuje několik různých způsobů, jak můžete zobrazit Rozšířené Vlastní Pole data na frontendu webu. Přesná metoda, kterou zvolíte, bude záviset na vašich potřebách a úrovni znalostí. Zde jsou tři různé způsoby, jak toho dosáhnout:

1. soubory šablon vašeho motivu-to vyžaduje trochu technických znalostí — ale většinu času je to nejlepší přístup, zejména pokud se vám pohodlně pracuje v souborech šablon vašeho motivu.
2. s krátkým kódem-to je super jednoduchá a dobrá volba, pokud chcete pouze vložit vlastní data pole případ od případu. Vyžaduje však mnohem více ruční práce, protože ke každému příspěvku budete muset přidat krátké kódy.
3. S Elementor Pro — to je skvělé, protože to zcela eliminuje nutnost pracovat s PHP, ale je to prémiový produkt, a to také znamená, že budete muset použít Elementor pro templating.

můžete kliknout výše přejít přímo na konkrétní metodu, nebo si můžete přečíst všechny z nich. Je to na tobě.

Jak Přidat Vlastní Pole v Pokročilé Téma Šablony Souborů

první způsob, jak zobrazit vaše vlastní pole informací je přidat Pokročilé Custom Fields‘ PHP funkce přímo pro vaše dítě theme template soubory.

to je trochu pokročilé, protože to vyžaduje, abyste kopat do souborů šablony motivu, ale zajišťuje, že vaše vlastní pole se automaticky zobrazí na stejném místě pokaždé.

konkrétně budete muset upravit jednu šablonu pro daný typ příspěvku.

pro běžný blogový příspěvek je toto jediné.Linux. Nebo některá témata rozdělují věci na části šablon. Například pro téma TwentyNineteen musíte skutečně upravit obsah-single.php template part.

Pokud se zde cítíte ztraceni, možná budete chtít použít jinou metodu.

Jakmile najdete soubor šablony motivu pro jeden příspěvek, můžete použít funkci Advanced Custom Fields‘ the_field() pro zobrazení informací o poli. Například

<?php the_field('FIELD_NAME'); ?>

Více se o tom dozvíte zde.

Chcete-li například zobrazit pole „účel“, použijte

<?php the_field('purpose'); ?>

název pole najdete při úpravě skupiny polí:

Takže, kombinující trochu HTML s PHP, můžete dostat něco jako tohle zobrazte všechny obory:

<div class="run-information"><ul><li><strong>Purpose:</strong> <?php the_field('purpose'); ?></li><li><strong>Distance:</strong> <?php the_field('distance'); ?></li><li><strong>Start Time:</strong> <?php the_field('start_time'); ?></li><li><strong>End Time:</strong> <?php the_field('finish_time'); ?></li><li><strong>Location:</strong> <?php the_field('location'); ?></li></ul></div>

Chcete-li přidat tento výše pravidelné post obsah, by jste přidat na váš theme soubor šablony výše the_content():

A teď, po osvěžující blogu, můžete vidět na vlastní pole data výše pravidelné WordPress obsah:

Chcete-li se dozvědět více, podívejte se na Pokročilé Custom Fields‘ kompletní dokumentaci.

Jak Zobrazit Pokročilé Vlastní Pole Dat s Zkrácený

Pro mnohem jednodušší způsob, jak zobrazit vaše vlastní pole dat, můžete také použít shortcodes. Nevýhodou je, že budete muset přidat zkrácený kód pokaždé, když chcete zobrazit vlastní pole. Neexistuje snadný způsob, jak automatizovat tento úkol.

zkrácený kód je tento:

například pokud jste to zadali v editoru WordPress:

Pak, frontend své stránky bude vypadat stejně jako předchozí téma šablony metoda:

Jak Zobrazit Pokročilé Custom Fields s Elementor Pro

Elementor je jedním z nejvíce populární WordPress stránky stavitelé. To vám umožní vytvářet své návrhy pomocí vizuální, drag-and-drop editace. Na druhou stranu je Elementor jedním z oficiálních partnerů společnosti Kinsta.

S Elementor Pro, placený add-on, můžete také vytvářet soubory šablony motivu, včetně možnosti Vložit dynamická data vlastního pole z pokročilých vlastních polí do svých návrhů.

to je skvělá volba, pokud chcete, aby flexibilita automaticky zahrnovala vlastní data pole ve vašich šablonách, ale necítíte se pohodlně při přímých úpravách kódu v souborech šablon vašeho motivu.

Chcete-li začít, musíte jít do Šablony > Theme Builder a vytvořit nový Elementor šablonu pro váš příspěvek Jediný:

můžete přidat pravidelné Elementor widgety pro váš Název Příspěvku a Obsah Příspěvku. Chcete-li zobrazit data vlastního pole, přidejte běžné widgety textového editoru. Jediný rozdíl zde, namísto úpravy textu, byste vybrali dynamickou možnost:

Po tomto, můžete si vybrat ACF Pole z rozevíracího:

odtud můžete vybrat konkrétní oblasti, které dodal s Advanced Custom Fields:

A můžete také použít Pokročilé harmonika tab prepend or append informace, které vám umožní přidat popisky a jednotky:

Jednoduché, ne? Nyní jen opakujte pro další vlastní pole!

shrnutí

pomocí pokročilých vlastních polí můžete obohatit své stránky a příspěvky na blogu o více dat a informací pomocí snadno použitelného řešení. Více: můžete začít shromažďovat další informace o jakémkoli obsahu na vašem webu a poté je zobrazovat na frontendu pro své návštěvníky.

k tomu máte 3 možnosti:

• Vaše téma na soubory šablony
• krátký
• S Elementor Pro

znalosti, které jste získali v tomto příspěvku vám umožní odemknout hluboký potenciál WordPress vytvořit 100% vlastní weby, které jdou daleko za rámec WordPress‘ blogování kořeny.

zbývá jen otázka:

co vytvoříte pomocí pokročilých vlastních polí? Podělte se s námi v komentářích níže,