Von Haus aus kennt WordPress nur den Inhaltstyp des Beitrags. Selbiger besteht heutzutage aus einer Überschrift sowie ein bis mehreren Blöcken. Unter der Haube sind diese Blöcke jedoch weiterhin in dem, aus vorangegangenen Versionen von WordPress bekannten, post_content-Feld zusammengefasst. Um die eigenen Inhalte unabhängig von Gutenberg flexibel zu strukturieren und zu modellieren, bedarf es zweier altbekannter Konzepte - Individuelle Inhaltstypen sowie Individuelle Felder. Das ist der Einstiegspunkt für Carlos Fischer Fernández und Frank Neumann-Staude. Zuerst gehen sie der Frage nach was überhaupt ein Individueller Inhaltstyp ist. In der Folge demonstrieren sie exemplarisch die Einrichtung mit Hilfe des Plugins Custom Post Type UI (https://de.wordpress.org/plugins/custom-post-type-ui/). Anschließend klären sie auf was sich hinter dem Begriff der Individuellen Felder verbirgt und wie man deren Nutzung durch die Verwendung des Plugins Advanced Custom Fields (https://www.advancedcustomfields.com/) erleichtern kann. Sie zeigen welche Feld-Typen zur Verfügung stehen und demonstrieren wie Inhaltstypen oder Options-Seiten um einzelne Felder oder ganze Feldgruppen erweitert werden können. Abschließend werden die beiden noch anhand zweier Beispiel die Integration von Individuellen Feldern in Blöcke unter Gutenberg demonstrieren.

1. Frank Neumann-Staude | Carlos Fischer Fernandez
WordPress Meetup Nürnberg, 16.04.2020
CPT UI und ACF
Wie werden Inhalte sinnvoll strukturiert?

2. Servus!
Carlos Fischer Fernández
Twitter: @carlos_cflex
GitHub: carfis
Slack: @carfis

3. Hallo!
Frank Neumann-Staude
Email: frank@staude.net
Twitter: @staude
Webseite: staude.net
GitHub: staude
Slack: @f.staude
Matrix: @staude:rpi-virtuell.de

4. Hallo!Agenda
• Was sind Beitragstypen und Taxonomien
• Anlegen von eigenen Beitragstypen
• Was sind Benutzerdefinierte Felder
• Was ist ACF
• Beispiele
• Classic
• Gutenberg

5. Hallo!Beitragstypen
WordPress selbst verwendet 5 verschiedene
Beitragstypen. Posts, Pages, Attachments,
Revisions und Menuitems.

6. Hallo!Beitragstypen
Technisch gesehen sind es alles
Einträge in der Datenbanktabelle
posts, nur mit unterschiedlichen
post_type.

7. Hallo!Beitragstypen
Die Eigenschaften der Beitragstypen werden bei der Registrierung
des Beitragstyps festgelegt (im Programmcode)

8. Hallo!Taxonomien
Kategorien Schlagworte
Eine Taxonomie ist ein Modell mit dem Objekte nach bestimmten Kriterien klassifiziert werden.

9. Hallo!Eigene Beitragstypen
via
Plugin

10. Hallo!Eigene Beitragstypen
via
Plugin

11. Hallo!Eigene Beitragstypen
via
Plugin

12. Hallo!Eigene Beitragstypen
via
Plugin

13. Hallo!Eigene Taxonomie
via
Plugin

14. Hallo!Eigene Taxonomie
via
Plugin

15. Hallo!Eigene Taxonomie
via
Plugin

16. Hallo!Ergebnis
via
Plugin

17. Hallo!Import/Export
via
Plugin

18. Hallo!Code generieren
via
Plugin

19. Hallo!CPT per Code
Generator: https://generatewp.com/post-type/
Doku: https://developer.wordpress.org/reference/functions/register_post_type/
ohne
Plugin

20. Hallo!Was sind benutzerdefinierte Felder?
= Meta Daten, die mit anderen Elementen verknüpft sind
Post Type
Meta Data
Benutzer

21. Hallo!Benutzerdefinierte Felder im CPT
Benutzerdefinierte
Felder sind nur beim
Classic Editor
sichtbar.

22. Hallo!Was ist mit Gutenberg?
CPT mit Gutenberg
zeigen keine
benutzerdefinierten
Felder an.

23. Hallo!Der alte Classic Editor
Felder haben keine
Formatierung.

24. Hallo!Benutzerdefinierte Felder in der Datenbank

25. Hallo!Was ist ACF?

26. Hallo!Feldtypen Übersicht

27. Hallo!Feldtypen Übersicht

28. Hallo!Feldtypen Übersicht
Erweiterungen zu ACF: https://www.awesomeacf.com

29. Hallo!ACF Pro Features

30. Hallo!ACF Feldgruppe

31. Hallo!Darstellung in CPT

32. Hallo!ACF in der Datenbank

33. Hallo!Darstellung der Werte im Frontend

34. ACF Beispiele

35. Hallo!Gutenberg Block (Pro Feature) - Wapuus

38. Hallo!Block-Registrierung
ACF Dokumentation:
https://www.advancedcustomfields.com/
resources/acf_register_block/

42. Hallo!
Funktion für den HTML-Code
fürs Front- und Back-End

44. Hallo!Verwendung WordPress-Loop:
https://developer.wordpress.org/reference/functions/wp_reset_postdata/

48. Hallo!Den Block stylen (Front-End):

49. Hallo!Back-End

50. Hallo!Back-End

51. Hallo!Gutenberg Block (Pro Feature) H5P Block

52. Hallo!Gutenberg Block (Pro Feature) H5P Block

53. Hallo!Gutenberg Block (Pro Feature) H5P Block

54. Hallo!Gutenberg Block (Pro Feature) H5P Block

55. Hallo!Gutenberg Block (Pro Feature) H5P Block
https://www.advancedcustomfields.com/resources/blocks/

56. Hallo!Gutenberg Block (Pro Feature) H5P Block
1. ACF Block registrieren

57. Hallo!Gutenberg Block (Pro Feature) H5P Block
2. ACF Felder für den Block definieren

58. Hallo!Gutenberg Block (Pro Feature) H5P Block
3. Redering Template

59. Hallo!Gutenberg Block (Pro Feature) H5P Block
4. Block nutzen :-)

60. 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