SlideShare ist ein Scribd-Unternehmen logo
1 von 60
Downloaden Sie, um offline zu lesen
Frank Neumann-Staude | Carlos Fischer Fernandez
WordPress Meetup Nürnberg, 16.04.2020
CPT UI und ACF
Wie werden Inhalte sinnvoll strukturiert?
Servus!
Carlos Fischer Fernández

Twitter: @carlos_cflex

GitHub: carfis

Slack: @carfis
Hallo!
Frank Neumann-Staude

Email: frank@staude.net

Twitter: @staude

Webseite: staude.net

GitHub: staude

Slack: @f.staude

Matrix: @staude:rpi-virtuell.de
Hallo!Agenda
• Was sind Beitragstypen und Taxonomien

• Anlegen von eigenen Beitragstypen

• Was sind Benutzerdefinierte Felder

• Was ist ACF

• Beispiele 

• Classic

• Gutenberg
Hallo!Beitragstypen
WordPress selbst verwendet 5 verschiedene 

Beitragstypen. Posts, Pages, Attachments,

Revisions und Menuitems.
Hallo!Beitragstypen
Technisch gesehen sind es alles
Einträge in der Datenbanktabelle
posts, nur mit unterschiedlichen
post_type.
Hallo!Beitragstypen
Die Eigenschaften der Beitragstypen werden bei der Registrierung
des Beitragstyps festgelegt (im Programmcode)
Hallo!Taxonomien
Kategorien Schlagworte
Eine Taxonomie ist ein Modell mit dem Objekte nach bestimmten Kriterien klassifiziert werden.
Hallo!Eigene Beitragstypen
via
Plugin
Hallo!Eigene Beitragstypen
via
Plugin
Hallo!Eigene Beitragstypen
via
Plugin
Hallo!Eigene Beitragstypen
via
Plugin
Hallo!Eigene Taxonomie
via
Plugin
Hallo!Eigene Taxonomie
via
Plugin
Hallo!Eigene Taxonomie
via
Plugin
Hallo!Ergebnis
via
Plugin
Hallo!Import/Export
via
Plugin
Hallo!Code generieren
via
Plugin
Hallo!CPT per Code
Generator: https://generatewp.com/post-type/
Doku: https://developer.wordpress.org/reference/functions/register_post_type/
ohne
Plugin
Hallo!Was sind benutzerdefinierte Felder?
= Meta Daten, die mit anderen Elementen verknüpft sind
Post Type
Meta Data
Benutzer
Hallo!Benutzerdefinierte Felder im CPT
Benutzerdefinierte
Felder sind nur beim
Classic Editor
sichtbar.
Hallo!Was ist mit Gutenberg?
CPT mit Gutenberg

zeigen keine 

benutzerdefinierten
Felder an.
Hallo!Der alte Classic Editor
Felder haben keine

Formatierung.
Hallo!Benutzerdefinierte Felder in der Datenbank
Hallo!Was ist ACF?
Hallo!Feldtypen Übersicht
Hallo!Feldtypen Übersicht
Hallo!Feldtypen Übersicht
Erweiterungen zu ACF: https://www.awesomeacf.com
Hallo!ACF Pro Features
Hallo!ACF Feldgruppe
Hallo!Darstellung in CPT
Hallo!ACF in der Datenbank
Hallo!Darstellung der Werte im Frontend
ACF Beispiele
Hallo!Gutenberg Block (Pro Feature) - Wapuus
Hallo!Block-Registrierung
ACF Dokumentation: 

https://www.advancedcustomfields.com/
resources/acf_register_block/
Hallo!
Funktion für den HTML-Code
fürs Front- und Back-End
Hallo!Verwendung WordPress-Loop:
https://developer.wordpress.org/reference/functions/wp_reset_postdata/
Hallo!Den Block stylen (Front-End):
Hallo!Back-End
Hallo!Back-End
Hallo!Gutenberg Block (Pro Feature) H5P Block
Hallo!Gutenberg Block (Pro Feature) H5P Block
Hallo!Gutenberg Block (Pro Feature) H5P Block
Hallo!Gutenberg Block (Pro Feature) H5P Block
Hallo!Gutenberg Block (Pro Feature) H5P Block
https://www.advancedcustomfields.com/resources/blocks/
Hallo!Gutenberg Block (Pro Feature) H5P Block
1. ACF Block registrieren
Hallo!Gutenberg Block (Pro Feature) H5P Block
2. ACF Felder für den Block definieren
Hallo!Gutenberg Block (Pro Feature) H5P Block
3. Redering Template
Hallo!Gutenberg Block (Pro Feature) H5P Block
4. Block nutzen :-)
Danke! Fragen?
Frank Neumann-Staude

Email: frank@staude.net

Twitter: @staude

Webseite: www.staude.net

GitHub: staude

Slack: @f.staude
Carlos Fischer Fernández

Email: kontakt@dialogo-web.de

Twitter: @carlos_cflex

GitHub: carfis

Slack: @carfis

Weitere ähnliche Inhalte

Mehr von frankstaude

Mehr von frankstaude (20)

State of TV - Stand der Vortragsaufzeichnung 11/2017
State of TV - Stand der Vortragsaufzeichnung 11/2017State of TV - Stand der Vortragsaufzeichnung 11/2017
State of TV - Stand der Vortragsaufzeichnung 11/2017
 
Suchst du noch - Oder findest du schon?
Suchst du noch - Oder findest du schon?Suchst du noch - Oder findest du schon?
Suchst du noch - Oder findest du schon?
 
Suchst du noch? Oder findest du schon?
Suchst du noch? Oder findest du schon?Suchst du noch? Oder findest du schon?
Suchst du noch? Oder findest du schon?
 
Themes – Wieso, Weshalb, Warum!?
Themes – Wieso, Weshalb, Warum!?Themes – Wieso, Weshalb, Warum!?
Themes – Wieso, Weshalb, Warum!?
 
Eine WordPress Meetup Webseite auf Autopilot
Eine WordPress Meetup Webseite auf AutopilotEine WordPress Meetup Webseite auf Autopilot
Eine WordPress Meetup Webseite auf Autopilot
 
Vorträge aufzeichnen ohne Nachbearbeitung
Vorträge aufzeichnen ohne NachbearbeitungVorträge aufzeichnen ohne Nachbearbeitung
Vorträge aufzeichnen ohne Nachbearbeitung
 
Nürnberg WordPress Meetup - Custom Post Types mit PODS.io
Nürnberg WordPress Meetup - Custom Post Types mit PODS.ioNürnberg WordPress Meetup - Custom Post Types mit PODS.io
Nürnberg WordPress Meetup - Custom Post Types mit PODS.io
 
WordPress - eigene Plugins erstellen
WordPress - eigene Plugins erstellenWordPress - eigene Plugins erstellen
WordPress - eigene Plugins erstellen
 
Custom Post Types mit PODS.io
Custom Post Types mit PODS.ioCustom Post Types mit PODS.io
Custom Post Types mit PODS.io
 
Suchst du noch? Oder findest du schon?
Suchst du noch? Oder findest du schon?Suchst du noch? Oder findest du schon?
Suchst du noch? Oder findest du schon?
 
Pressmatic
PressmaticPressmatic
Pressmatic
 
WordPress auf Deutsch übersetzen
WordPress auf Deutsch übersetzenWordPress auf Deutsch übersetzen
WordPress auf Deutsch übersetzen
 
Sessions aufzeichnen mit möglichst wenig Aufwand - Stand Oktober 2016
Sessions aufzeichnen mit möglichst wenig Aufwand - Stand Oktober 2016Sessions aufzeichnen mit möglichst wenig Aufwand - Stand Oktober 2016
Sessions aufzeichnen mit möglichst wenig Aufwand - Stand Oktober 2016
 
VersionPress - WordPress + Git
VersionPress - WordPress + GitVersionPress - WordPress + Git
VersionPress - WordPress + Git
 
Sessions aufzeichnen mit möglichst wenig Aufwand
Sessions aufzeichnen mit möglichst wenig AufwandSessions aufzeichnen mit möglichst wenig Aufwand
Sessions aufzeichnen mit möglichst wenig Aufwand
 
Session Video (möglichst) ohne Nachbearbeitung
Session Video (möglichst) ohne NachbearbeitungSession Video (möglichst) ohne Nachbearbeitung
Session Video (möglichst) ohne Nachbearbeitung
 
Vom Nehmen und Geben
Vom Nehmen und GebenVom Nehmen und Geben
Vom Nehmen und Geben
 
Session Video (möglichst) ohne Nachbearbeitung
Session Video (möglichst) ohne NachbearbeitungSession Video (möglichst) ohne Nachbearbeitung
Session Video (möglichst) ohne Nachbearbeitung
 
VersionPress
VersionPressVersionPress
VersionPress
 
WordPress und Mehrsprachigkeit
WordPress und MehrsprachigkeitWordPress und Mehrsprachigkeit
WordPress und Mehrsprachigkeit
 

CPT UI und ACF - Wie werden Inhalte sinnvoll strukturiert?