{"id":14797,"date":"2025-02-11T09:03:13","date_gmt":"2025-02-11T08:03:13","guid":{"rendered":"https:\/\/dhosting.pl\/pomoc\/?post_type=manual_kb&#038;p=14797"},"modified":"2025-02-11T09:03:13","modified_gmt":"2025-02-11T08:03:13","slug":"tworzenie-niestandardowych-pol-i-typow-tresci-w-wordpressie-za-pomoca-wtyczki-acf","status":"publish","type":"manual_kb","link":"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/tworzenie-niestandardowych-pol-i-typow-tresci-w-wordpressie-za-pomoca-wtyczki-acf\/","title":{"rendered":"Tworzenie niestandardowych p\u00f3l i typ\u00f3w tre\u015bci w WordPressie za pomoc\u0105 wtyczki ACF"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_83 ez-toc-wrap-left counter-flat ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Spis tre\u015bci<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/tworzenie-niestandardowych-pol-i-typow-tresci-w-wordpressie-za-pomoca-wtyczki-acf\/#Wprowadzenie_do_ACF_Advanced_Custom_Fields\" >Wprowadzenie do ACF (Advanced Custom Fields)<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/tworzenie-niestandardowych-pol-i-typow-tresci-w-wordpressie-za-pomoca-wtyczki-acf\/#Instalacja_i_konfiguracja_wtyczki_ACF\" >Instalacja i konfiguracja wtyczki ACF<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/tworzenie-niestandardowych-pol-i-typow-tresci-w-wordpressie-za-pomoca-wtyczki-acf\/#Tworzenie_niestandardowych_typow_tresci_Custom_Post_Types\" >Tworzenie niestandardowych typ\u00f3w tre\u015bci (Custom Post Types)<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/tworzenie-niestandardowych-pol-i-typow-tresci-w-wordpressie-za-pomoca-wtyczki-acf\/#Wyswietlanie_niestandardowych_pol_w_motywie\" >Wy\u015bwietlanie niestandardowych p\u00f3l w motywie<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/tworzenie-niestandardowych-pol-i-typow-tresci-w-wordpressie-za-pomoca-wtyczki-acf\/#Korzysci_z_uzycia_ACF\" >Korzy\u015bci z u\u017cycia ACF<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/tworzenie-niestandardowych-pol-i-typow-tresci-w-wordpressie-za-pomoca-wtyczki-acf\/#Podsumowanie\" >Podsumowanie<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Wprowadzenie_do_ACF_Advanced_Custom_Fields\"><\/span>Wprowadzenie do ACF (Advanced Custom Fields)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>WordPress jest niezwykle elastycznym systemem zarz\u0105dzania tre\u015bci\u0105 (CMS), jednak jego domy\u015blne funkcjonalno\u015bci mog\u0105 okaza\u0107 si\u0119 niewystarczaj\u0105ce dla bardziej zaawansowanych stron internetowych. Aby wzbogaci\u0107 WordPressa o niestandardowe pola i typy tre\u015bci, warto skorzysta\u0107 z wtyczki <strong>Advanced Custom Fields (ACF)<\/strong>.<\/p>\n<p>ACF pozwala na dodawanie i zarz\u0105dzanie polami niestandardowymi bez potrzeby r\u0119cznego kodowania. Dzi\u0119ki tej wtyczce mo\u017cesz rozszerza\u0107 strony, wpisy i w\u0142asne typy tre\u015bci o dodatkowe informacje, co jest niezwykle przydatne np. w sklepach internetowych, katalogach firm czy stronach portfolio.<\/p>\n<div id=\"dhost-708047404\" class=\"dhost-inpost dhost-entity-placement\"><a href=\"https:\/\/dhosting.pl\/opieka-stron.html?utm_source=pomoc&utm_medium=artykul&utm_campaign=pomoc\" target=\"_blank\">\r\n\t<img decoding=\"async\" src=\"https:\/\/dhosting.pl\/pomoc\/wp-content\/uploads\/2025\/01\/baner-opieka.png\" alt=\"opieka stron www\">\r\n<\/a>\r\n<br \/>\r\n<br \/><\/div><h2><span class=\"ez-toc-section\" id=\"Instalacja_i_konfiguracja_wtyczki_ACF\"><\/span>Instalacja i konfiguracja wtyczki ACF<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3>Instalacja wtyczki<\/h3>\n<ol>\n<li>Zaloguj si\u0119 do panelu administracyjnego WordPressa.<\/li>\n<li>Przejd\u017a do sekcji <strong>\u201eWtyczki\u201d<\/strong> \u2192 \u201e<strong>Dodaj now\u0105\u201d<\/strong>.<\/li>\n<li>Wyszukaj <strong>\u201eAdvanced Custom Fields\u201d<\/strong>.<\/li>\n<li>Kliknij \u201eZainstaluj\u201d i nast\u0119pnie \u201eAktywuj<strong>\u201d<\/strong>.<\/li>\n<\/ol>\n<p>Po aktywacji wtyczka doda now\u0105 sekcj\u0119 w panelu administracyjnym, gdzie mo\u017cesz zarz\u0105dza\u0107 polami niestandardowymi.<\/p>\n<h3>Tworzenie grup p\u00f3l niestandardowych<\/h3>\n<ol>\n<li>Przejd\u017a do zak\u0142adki <strong>Custom Fields<\/strong> w panelu administracyjnym.<\/li>\n<li>Kliknij przycisk <strong>Add New<\/strong> (Dodaj now\u0105 grup\u0119 p\u00f3l).<\/li>\n<li>Podaj nazw\u0119 grupy p\u00f3l \u2013 np. \u201eDodatkowe informacje o produkcie\u201d.<\/li>\n<li>Dodaj nowe pola, klikaj\u0105c <strong>Add Field<\/strong>.<\/li>\n<li>Wybierz typ pola (np. tekst, obraz, lista wyboru, pole daty, edytor WYSIWYG itp.).<\/li>\n<li>Okre\u015bl zasady wy\u015bwietlania, np. przypisz pola do okre\u015blonego typu wpisu lub strony.<\/li>\n<li>Zapisz zmiany.<\/li>\n<\/ol>\n<h2><span class=\"ez-toc-section\" id=\"Tworzenie_niestandardowych_typow_tresci_Custom_Post_Types\"><\/span>Tworzenie niestandardowych typ\u00f3w tre\u015bci (Custom Post Types)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Opr\u00f3cz dodawania niestandardowych p\u00f3l ACF dobrze wsp\u00f3\u0142pracuje z niestandardowymi typami tre\u015bci (CPT \u2013 Custom Post Types). Mo\u017cesz je doda\u0107 manualnie za pomoc\u0105 kodu PHP lub skorzysta\u0107 z wtyczki <strong>Custom Post Type UI<\/strong>.<\/p>\n<h3>Dodawanie CPT za pomoc\u0105 kodu<\/h3>\n<p>Aby r\u0119cznie doda\u0107 nowy typ tre\u015bci, np. \u201ePortfolio\u201d, dodaj poni\u017cszy kod do pliku <code class=\"\" data-line=\"\">functions.php<\/code>:<\/p>\n<pre><code class=\"language-bash\" data-line=\"\">function custom_post_type_portfolio() {\n$args = array(\n&#039;labels&#039; =&gt; array(\n&#039;name&#039; =&gt; __(&#039;Portfolio&#039;),\n&#039;singular_name&#039; =&gt; __(&#039;Portfolio&#039;),\n),\n&#039;public&#039; =&gt; true,\n&#039;has_archive&#039; =&gt; true,\n&#039;supports&#039; =&gt; array(&#039;title&#039;, &#039;editor&#039;, &#039;thumbnail&#039;),\n&#039;menu_icon&#039; =&gt; &#039;dashicons-portfolio&#039;\n);\nregister_post_type(&#039;portfolio&#039;, $args);\n}\nadd_action(&#039;init&#039;, &#039;custom_post_type_portfolio&#039;);<\/code><\/pre>\n<p>Teraz mo\u017cesz przypisa\u0107 pola ACF do nowego typu tre\u015bci i u\u017cywa\u0107 ich w edycji wpis\u00f3w.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Wyswietlanie_niestandardowych_pol_w_motywie\"><\/span>Wy\u015bwietlanie niestandardowych p\u00f3l w motywie<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Po dodaniu p\u00f3l ACF do wpis\u00f3w musisz je wy\u015bwietli\u0107 w odpowiednim miejscu motywu. Mo\u017cesz to zrobi\u0107, edytuj\u0105c pliki szablon\u00f3w WordPressa.<\/p>\n<p>Przyk\u0142ad wy\u015bwietlenia warto\u015bci pola niestandardowego:<\/p>\n<pre><code class=\"language-bash\" data-line=\"\">&lt;?php\n$wartosc_pola = get_field(&#039;nazwa_pola&#039;);\nif ($wartosc_pola) {\necho &#039;&lt;p&gt;&#039; . esc_html($wartosc_pola) . &#039;&lt;\/p&gt;&#039;;\n}\n?&gt;<\/code><\/pre>\n<h3>Wy\u015bwietlanie obrazu z pola ACF<\/h3>\n<p>Je\u015bli dodasz pole obrazu, jego wy\u015bwietlenie wymaga u\u017cycia funkcji <code class=\"\" data-line=\"\">wp_get_attachment_image()<\/code>:<\/p>\n<pre><code class=\"language-bash\" data-line=\"\">&lt;?php\n$obraz = get_field(&#039;obraz_pola&#039;);\nif ($obraz) {\n    echo wp_get_attachment_image($obraz, &#039;full&#039;);\n}\n?&gt;<\/code><\/pre>\n<h2><span class=\"ez-toc-section\" id=\"Korzysci_z_uzycia_ACF\"><\/span>Korzy\u015bci z u\u017cycia ACF<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Korzystanie z ACF oferuje wiele korzy\u015bci:<\/p>\n<ul>\n<li><strong>\u0141atwa konfiguracja<\/strong> \u2013 dodawanie p\u00f3l niestandardowych nie wymaga znajomo\u015bci PHP.<\/li>\n<li><strong>Integracja z r\u00f3\u017cnymi typami tre\u015bci<\/strong> \u2013 mo\u017cesz przypisywa\u0107 pola do post\u00f3w, stron, kategorii i CPT.<\/li>\n<li><strong>Elastyczno\u015b\u0107<\/strong> \u2013 szeroka gama typ\u00f3w p\u00f3l, od prostego tekstu po pola repeater i relacyjne.<\/li>\n<li><strong>Poprawa u\u017cyteczno\u015bci WordPressa<\/strong> \u2013 ACF znacz\u0105co u\u0142atwia zarz\u0105dzanie tre\u015bciami.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Podsumowanie\"><\/span>Podsumowanie<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Advanced Custom Fields to jedna z najlepszych wtyczek do tworzenia niestandardowych p\u00f3l w WordPressie. Umo\u017cliwia dodawanie i zarz\u0105dzanie dodatkowymi danymi w prosty spos\u00f3b, bez konieczno\u015bci ingerencji w kod. W po\u0142\u0105czeniu z niestandardowymi typami tre\u015bci ACF staje si\u0119 pot\u0119\u017cnym narz\u0119dziem do budowy rozbudowanych stron internetowych.<\/p>\n","protected":false},"author":6,"featured_media":10957,"parent":0,"menu_order":0,"template":"","format":"standard","manualknowledgebasecat":[96,95],"manual_kb_tag":[4912,4911,4915,4914,4916,4918,4913,4919,4917,4920],"class_list":["post-14797","manual_kb","type-manual_kb","status-publish","format-standard","has-post-thumbnail","hentry","manualknowledgebasecat-aplikacje-internetowe-cms","manualknowledgebasecat-hosting","manual_kb_tag-acf-wordpress","manual_kb_tag-advanced-custom-fields","manual_kb_tag-cpt-wordpress","manual_kb_tag-custom-post-types","manual_kb_tag-dodawanie-pol-w-wordpressie","manual_kb_tag-edycja-tresci-wordpress","manual_kb_tag-niestandardowe-pola-wordpress","manual_kb_tag-pola-acf","manual_kb_tag-wordpress-rozwoj","manual_kb_tag-zarzadzanie-trescia-wordpress"],"_links":{"self":[{"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manual_kb\/14797","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manual_kb"}],"about":[{"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/types\/manual_kb"}],"author":[{"embeddable":true,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/users\/6"}],"version-history":[{"count":3,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manual_kb\/14797\/revisions"}],"predecessor-version":[{"id":14811,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manual_kb\/14797\/revisions\/14811"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/media\/10957"}],"wp:attachment":[{"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/media?parent=14797"}],"wp:term":[{"taxonomy":"manualknowledgebasecat","embeddable":true,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manualknowledgebasecat?post=14797"},{"taxonomy":"manual_kb_tag","embeddable":true,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manual_kb_tag?post=14797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}