Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

CPT UI und ACF - Wie werden Inhalte sinnvoll strukturiert?

2,215 views

Published on

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.

Published in: Internet
  • Be the first to comment

  • Be the first to like this

CPT UI und ACF - Wie werden Inhalte sinnvoll strukturiert?

  1. 1. Frank Neumann-Staude | Carlos Fischer Fernandez WordPress Meetup Nürnberg, 16.04.2020 CPT UI und ACF Wie werden Inhalte sinnvoll strukturiert?
  2. 2. Servus! Carlos Fischer Fernández Twitter: @carlos_cflex GitHub: carfis Slack: @carfis
  3. 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. 4. Hallo!Agenda • Was sind Beitragstypen und Taxonomien • Anlegen von eigenen Beitragstypen • Was sind Benutzerdefinierte Felder • Was ist ACF • Beispiele • Classic • Gutenberg
  5. 5. Hallo!Beitragstypen WordPress selbst verwendet 5 verschiedene 
 Beitragstypen. Posts, Pages, Attachments,
 Revisions und Menuitems.
  6. 6. Hallo!Beitragstypen Technisch gesehen sind es alles Einträge in der Datenbanktabelle posts, nur mit unterschiedlichen post_type.
  7. 7. Hallo!Beitragstypen Die Eigenschaften der Beitragstypen werden bei der Registrierung des Beitragstyps festgelegt (im Programmcode)
  8. 8. Hallo!Taxonomien Kategorien Schlagworte Eine Taxonomie ist ein Modell mit dem Objekte nach bestimmten Kriterien klassifiziert werden.
  9. 9. Hallo!Eigene Beitragstypen via Plugin
  10. 10. Hallo!Eigene Beitragstypen via Plugin
  11. 11. Hallo!Eigene Beitragstypen via Plugin
  12. 12. Hallo!Eigene Beitragstypen via Plugin
  13. 13. Hallo!Eigene Taxonomie via Plugin
  14. 14. Hallo!Eigene Taxonomie via Plugin
  15. 15. Hallo!Eigene Taxonomie via Plugin
  16. 16. Hallo!Ergebnis via Plugin
  17. 17. Hallo!Import/Export via Plugin
  18. 18. Hallo!Code generieren via Plugin
  19. 19. Hallo!CPT per Code Generator: https://generatewp.com/post-type/ Doku: https://developer.wordpress.org/reference/functions/register_post_type/ ohne Plugin
  20. 20. Hallo!Was sind benutzerdefinierte Felder? = Meta Daten, die mit anderen Elementen verknüpft sind Post Type Meta Data Benutzer
  21. 21. Hallo!Benutzerdefinierte Felder im CPT Benutzerdefinierte Felder sind nur beim Classic Editor sichtbar.
  22. 22. Hallo!Was ist mit Gutenberg? CPT mit Gutenberg
 zeigen keine 
 benutzerdefinierten Felder an.
  23. 23. Hallo!Der alte Classic Editor Felder haben keine
 Formatierung.
  24. 24. Hallo!Benutzerdefinierte Felder in der Datenbank
  25. 25. Hallo!Was ist ACF?
  26. 26. Hallo!Feldtypen Übersicht
  27. 27. Hallo!Feldtypen Übersicht
  28. 28. Hallo!Feldtypen Übersicht Erweiterungen zu ACF: https://www.awesomeacf.com
  29. 29. Hallo!ACF Pro Features
  30. 30. Hallo!ACF Feldgruppe
  31. 31. Hallo!Darstellung in CPT
  32. 32. Hallo!ACF in der Datenbank
  33. 33. Hallo!Darstellung der Werte im Frontend
  34. 34. ACF Beispiele
  35. 35. Hallo!Gutenberg Block (Pro Feature) - Wapuus
  36. 36. Hallo!Block-Registrierung ACF Dokumentation: https://www.advancedcustomfields.com/ resources/acf_register_block/
  37. 37. Hallo! Funktion für den HTML-Code fürs Front- und Back-End
  38. 38. Hallo!Verwendung WordPress-Loop: https://developer.wordpress.org/reference/functions/wp_reset_postdata/
  39. 39. Hallo!Den Block stylen (Front-End):
  40. 40. Hallo!Back-End
  41. 41. Hallo!Back-End
  42. 42. Hallo!Gutenberg Block (Pro Feature) H5P Block
  43. 43. Hallo!Gutenberg Block (Pro Feature) H5P Block
  44. 44. Hallo!Gutenberg Block (Pro Feature) H5P Block
  45. 45. Hallo!Gutenberg Block (Pro Feature) H5P Block
  46. 46. Hallo!Gutenberg Block (Pro Feature) H5P Block https://www.advancedcustomfields.com/resources/blocks/
  47. 47. Hallo!Gutenberg Block (Pro Feature) H5P Block 1. ACF Block registrieren
  48. 48. Hallo!Gutenberg Block (Pro Feature) H5P Block 2. ACF Felder für den Block definieren
  49. 49. Hallo!Gutenberg Block (Pro Feature) H5P Block 3. Redering Template
  50. 50. Hallo!Gutenberg Block (Pro Feature) H5P Block 4. Block nutzen :-)
  51. 51. 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

×