{"id":289,"date":"2017-12-11T23:07:11","date_gmt":"2017-12-11T22:07:11","guid":{"rendered":"https:\/\/quantenfrosch.at\/blog\/?p=289"},"modified":"2018-08-26T23:08:47","modified_gmt":"2018-08-26T21:08:47","slug":"wordpress-plugin-advanced-custom-fields","status":"publish","type":"post","link":"https:\/\/quantenfrosch.at\/blog\/wordpress-plugin-advanced-custom-fields\/","title":{"rendered":"Wordpress individualisieren mit Advanced Custom Fields"},"content":{"rendered":"<p>Wordpress bietet von Haus aus zahlreiche M\u00f6glichkeiten der Individualisierung, ob das Design oder die Funktionalit\u00e4t betreffend. Bei der Eingabe neuer Inhalte k\u00f6nnen Sie au\u00dferdem sogenannte Custom Fields, <strong>benutzerdefinierte Felder<\/strong> festlegen. Diese dienen dazu, Seiten oder Blogeintr\u00e4ge mit zus\u00e4tzlichen Informationen oder Daten zu versehen. Die benutzerdefinierten Felder erweitern die \u00fcber den Editor eingegebenen Inhalte. Das Plug-in <strong>Advanced Custom Fields<\/strong> bietet diesbez\u00fcglich noch wesentlich mehr Spielraum. <\/p>\n<h2>Was sind Custom Fields?<\/h2>\n<p>Custom Fields oder benutzerdefinierte Felder finden Sie \u00fcblicherweise unterhalb des Editors. Gegebenenfalls muss die Anzeige \u00fcber die Option &#8222;Ansicht anpassen&#8220;, oben rechts zu finden, mit einem H\u00e4kchen erst aktiviert werden. Die <strong>Custom Fields<\/strong> bestehen aus den Bereichen <strong>Name <\/strong>und <strong>Wert<\/strong>. Mit dem Namen wird das benutzerdefinierte Feld konkretisiert, um im folgenden einen Wert zuzuordnen. M\u00f6chten Sie also unter dem eigentlichen Inhalt zus\u00e4tzliche Informationen einblenden, benennen Sie diese \u00fcber das Namensfeld, und vergeben im folgenden Feld den Wert &#8222;yes&#8220; oder &#8222;true&#8220;. Anschlie\u00dfend ist die Template-Datei entsprechend zu erweitern:<\/p>\n<ul class=\"square\">\n<li>$name entspricht dem vergebenen Namen<\/li>\n<li>$post_id bezeichnet die ID der Seite oder des Blogbeitrags<\/li>\n<li>$key steht f\u00fcr den vergebenen Namen<\/li>\n<li>$single bezeichnet den Wert, also &#8222;yes&#8220; oder &#8222;true&#8220;<\/li>\n<\/ul>\n<p>Lautet die Theme-Funktion get_post_meta( $post_id, $key, $single ), m\u00fcssen die Definitionen wie folgt erg\u00e4nzt werden:<\/p>\n<p><code>$name = get_post_meta( get_the_ID(), 'name', yes );<\/code><\/p>\n<p>Die Variablen sind entsprechend zu erg\u00e4nzen: So wei\u00df das Theme, dass mit der Variablen &#8222;$name&#8220; unterhalb des eigentlichen Textes der zus\u00e4tzliche Inhalt angezeigt werden soll. Dieser muss ebenfalls bekannt sein, weshalb nur entweder bereits mit Wordpress oder dem Theme gelieferte Inhalte definiert werden k\u00f6nnen, zum Beispiel die Einblendung eines Banners oder einer Slideshow, oder zus\u00e4tzliche Programmierarbeiten erforderlich sind.<\/p>\n<h3>Erweiterte M\u00f6glichkeiten mit Advanced Custom Fields<\/h3>\n<p>Die integrierten benutzerdefinierten Felder sind praktisch, jedoch ein wenig umst\u00e4ndlich in der Handhabung? Das ist korrekt: Statt der jeweiligen Definition und \u00dcbergabe eines Wertes wie &#8222;yes&#8220; f\u00e4nden Sie es vermutlich unkomplizierter, eine bestimmte Anzeige oder beliebige Inhalte einfach mittels einer Checkbox oder Auswahlbox zu aktivieren. Dies und viel mehr erledigen Sie mit dem Plugin <a href=\"https:\/\/www.advancedcustomfields.com\/\" rel=\"noopener\" target=\"_blank\">Advanced Custom Fields<\/a>: Selbst komplexe Inhalte beherrscht die Erweiterung.<\/p>\n<p>Das Plugin ist in der Standard-Version kostenlos. Mit kostenpflichtigen Add-ons erweitern sich die Einsatzm\u00f6glichkeiten. Bei Entwicklern sind die flexiblen Konfigurationsm\u00f6glichkeiten besonders gerne gesehen, w\u00e4hrend sich Laien zur Implementierung der erstellten benutzerdefinierten Felder zun\u00e4chst mit dem Funktionsumfang sowie grunds\u00e4tzlich HTML und PHP vertraut machen m\u00fcssen. Ist die Konfiguration jedoch erst einmal abgeschlossen, profitieren auch Laien von den erweiterten Eingabem\u00f6glichkeiten.<\/p>\n<h3>Advanced Custom Fields im Einsatz<\/h3>\n<p>Die Installation gestaltet sich wie f\u00fcr <a href=\"https:\/\/quantenfrosch.at\/plugins-fuer-wordpress\/\" rel=\"noopener\">Wordpress Plugins<\/a> \u00fcblich unkompliziert. Anschlie\u00dfend ist im Administrationsbereich ein neuer Men\u00fcpunkt vorhanden, um eigene Felder zu erstellen. Hier legen Sie Gruppen an, ordnen diese beliebigen Kriterien zu, sortieren die Felder bei Bedarf und definieren, wann die Eingabem\u00f6glichkeiten erscheinen sollen. Anschlie\u00dfend erg\u00e4nzen Sie die zugeh\u00f6rige Template-Datei mit dem Ausgabebefehl f\u00fcr die Feldinhalte.<\/p>\n<p>Auf diese Weise ist es zum Beispiel m\u00f6glich, Texte mit Produktbeschreibungen um eine \u00fcbersichtliche, standardisierte Liste mit Merkmalen oder Eigenschaften zu erg\u00e4nzen. Legen Sie eine Gruppe mit der Bezeichnung &#8222;Produktinformationen&#8220; an und definieren Sie die Felder. Das k\u00f6nnen bei Kleidung Material, Gr\u00f6\u00dfe und verschiedene Pflegehinweise sein. Bei Elektronik w\u00e4ren Daten zur Leistung eine sinnvolle Erg\u00e4nzung. Geht es um Veranstaltungen, w\u00e4ren Informationen zum Veranstaltungsort, Art der Veranstaltung, Datum, Uhrzeit, Eintrittspreis im \u00dcberblick und die Bezugsm\u00f6glichkeit f\u00fcr Tickets eine serviceorientierte Variante. Arbeiten mehrere Mitarbeiter an einer Seite, bieten sich erg\u00e4nzende Felder mit Informationen zum Verfasser an.<\/p>\n<p>Sie k\u00f6nnen auch eine eigene Mitarbeiterseite erstellen: Definieren Sie die gew\u00fcnschten Eingabefelder; diese werden ausgef\u00fcllt und in festgelegtem Layout \u00fcbersichtlich auf einer Seite angezeigt. Neue Teammitglieder sind im Handumdrehen erg\u00e4nzt, ausgeschiedene entfernt. Dies l\u00e4sst sich auf beliebige Themenbereiche anwenden &#8211; beispielsweise das Sortiment lieferbarer B\u00fccher eines Verlages.<\/p>\n<p>Schreiben Sie Buchrezensionen, sind f\u00fcr den Leser Titel, Verfasser, Seitenzahl, ISBN, Preis und wiederum die Bezugsm\u00f6glichkeit interessant. Letztere lie\u00dfe sich ausgezeichnet mit einem Partnerprogramm kombinieren. Sollen bei bestimmten Inhalten Werbeeinblendungen erfolgen, bestimmen Sie diese zun\u00e4chst und m\u00fcssen anschlie\u00dfend bei der Eingabe nur noch die gew\u00fcnschte Anzeige \u00fcber eine Checkbox oder eine Auswahlliste definieren.<\/p>\n<h3>Exakte Definitionsm\u00f6glichkeiten<\/h3>\n<p>Je nach ben\u00f6tigtem Inhalt erstellen Sie den passenden Feldtyp f\u00fcr Ihre Eingaben. Zur Auswahl stehen unter anderem:<\/p>\n<ul class=\"square\">\n<li>Text<\/li>\n<li>Textfeld<\/li>\n<li>Nummer<\/li>\n<li>Bild<\/li>\n<li>Datei<\/li>\n<li>E-Mail<\/li>\n<li>Passwort<\/li>\n<li>Link<\/li>\n<li>Benutzer<\/li>\n<li>Artikel<\/li>\n<li>Artikelbeziehung<\/li>\n<li>Datum<\/li>\n<li>Google Map<\/li>\n<\/ul>\n<p>An den vielseitigen Feldtypen ist ersichtlich, dass sich ebenso bestimmte Informationen wie Beziehungen und interaktive Inhalte einbinden lassen. Auch die Erstellung von Frontend-Formularen ist m\u00f6glich. Bei einigen Typen wie dem Nummernfeld lassen sich zus\u00e4tzlich Wertintervalle, Minimal- und Maximalwerte eingeben, um gravierende Fehler w\u00e4hrend der Eingabe m\u00f6glichst auszuschlie\u00dfen. Um letztendlich auszuw\u00e4hlen, ob eine bestimmte Einblendung erfolgen soll oder deren Art festzulegen, lassen sich noch Auswahlmen\u00fcs, Checkboxen und Radiobuttons integrieren. So bestimmen Sie sp\u00e4ter mit wenigen Klicks anzuzeigende relevante Artikel, die Anzeige bestimmter Mitarbeiterinformationen oder andere Inhalte.<\/p>\n<p>Schlie\u00dflich geben Sie noch an, wann die Abfrage bei der Erstellung neuer Inhalte erfolgen soll. Hier sind verschiedene Eingrenzungen wie Blogbeitr\u00e4ge nebst einer bestimmten Kategorie, Seiten und weitere Inhaltstypen m\u00f6glich. Das bedeutet, die Eingabefelder erscheinen immer nur dann, wenn sie, wie vorgegeben, ben\u00f6tigt werden. Mit (Post Type = post) erstellen Sie beispielsweise die Regel, dass die Bereitstellung der Felder bei normalen Beitr\u00e4gen erfolgt. Daneben k\u00f6nnen Sie individuelle Felder f\u00fcr bestimmte Kategorien festlegen und mehr. Optische Kriterien zur Datenausgabe legen Sie mit Angaben zum Layout fest &#8211; w\u00e4hlen Sie einen bestimmten Stil oder geben Sie eine Sortierung an.<\/p>\n<h5>\u00dcbergabe benutzerdefinierter Felder an das Template<\/h5>\n<p>Sind die benutzerdefinierten Felder erstellt, muss das Template noch wissen, dass diese auszugeben sind. Das ist zugleich der Grund, dass Advanced Custom Fields hinsichtlich der Vorarbeit eher ein Tool f\u00fcr Entwickler ist beziehungsweise zumindest grundlegende PHP-Kenntnisse vorhanden sein sollten.<\/p>\n<p>Ist also gew\u00fcnscht, dass die Bereitstellung der Felder bei Beitr\u00e4gen erfolgt, muss nun das Theme f\u00fcr die Ausgabe der Feldinhalte erg\u00e4nzt werden. Oft handelt es sich bei der zust\u00e4ndigen Datei um single.php, was jedoch je nach Theme variieren kann. So erfolgt durch die Erg\u00e4nzung um <code>the_field('customfield_name');<\/code> an der entsprechenden Stelle die Ausgabe des jeweiligen Feldinhaltes &#8211; in diesem Fall &#8222;customfield_name&#8220;. Die konkreten Funktionen und Bezeichnungen sind stets abh\u00e4ngig vom eingesetzten Theme.<\/p>\n<p>Fazit: Advanced Custom Fields erweitert die M\u00f6glichkeiten mit Wordpress flexibel und umfangreich. Der Einsatz erfordert einige Vorarbeit, anschlie\u00dfend kann auch ein Laie durch die festgelegte Einblendung und anwenderfreundliche Konfiguration der benutzerdefinierten Felder an passender Stelle die erweiterten Eingaben vornehmen. Das Plug-in dient dazu, beliebige zus\u00e4tzliche Daten und Informationen zielgerichtet bei Artikeln, Seiten oder eigenen Inhaltstypen einzuf\u00fcgen. Sinnvoll ist es immer dann, wenn die Anzeige \u00fcbersichtlich und unabh\u00e4ngig von den im Editor eingegebenen Inhalten erfolgen soll &#8211; und um einfach mehr aus Wordpress herauszuholen. Auch das vorab definierte einheitliche Layout analoger zus\u00e4tzlicher Inhalte ist ein Vorteil.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wordpress bietet von Haus aus zahlreiche M\u00f6glichkeiten der Individualisierung, ob das Design oder die Funktionalit\u00e4t betreffend. Bei der Eingabe neuer Inhalte k\u00f6nnen Sie au\u00dferdem sogenannte Custom Fields, benutzerdefinierte Felder festlegen.<\/p>\n","protected":false},"author":6,"featured_media":288,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","rank_math_title":"Wordpress individualisieren mit Advanced Custom Fields","rank_math_description":"Individualisieren und erweitern Sie Wordpress mit Hilfe von benutzerdefinierten Feldern und dem Plugin Advanced Custom Fields.","rank_math_focus_keyword":"fields"},"categories":[12],"tags":[17],"class_list":["post-289","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-plugins"],"_links":{"self":[{"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/posts\/289","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/comments?post=289"}],"version-history":[{"count":0,"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/posts\/289\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/media\/288"}],"wp:attachment":[{"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/media?parent=289"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/categories?post=289"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/quantenfrosch.at\/blog\/wp-json\/wp\/v2\/tags?post=289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}