WordPress ThemesEin Rundumschlag#wpdm 21. August 2012 GlückPress
Inhalt‣ Themes, Templates, Child-Themes‣ Freie und kommerzielle Themes‣ Themes vs. Plugins‣ Kriterien zur Auswahl‣ Ressour...
Reden wir über Themes…                                                                                                    ...
Themes“WordPress Themes are files that work togetherto create the design and functionality of a WordPress site.”http://code...
Theme-Verzeichnis                    ‣ Theme-Pfad: /wp-content/themes/                    ‣ Theme-Verzeichnis: /theme-name...
Templates“Templates are PHP source files used to generatethe pages requested by visitors, and are output as HTML.”http://co...
Template-Hierarchie                                                                              ‣ Einziges erforderliches...
Child-Themes“A WordPress child theme is a theme that inherits the functionality of another theme, called the parenttheme, ...
Child-Theme: Stylesheet (style.css)             Template = Verzeichnisname des Parent-ThemeGlückPress
Child-Themes: Vor- & Nachteile(+) Parent-Theme liefert Grundfunktionen(+) leichte Anpassbarkeit(+) Anpassungen bleiben erh...
Themes: die Spitze des Eisbergs…                                                   Theme Forest: 2034             Offiziel...
…und der Teil darunter.              …oder sagen wir: ein mikroskopischer Ausschnitt.GlückPress
GlückPress
GlückPress
GlückPress
GlückPress
Theme OptionsDer Ort, an dem weniger definitiv mehr ist! GlückPress
GlückPress
GlückPress
Themes vs. Plugins…Designer vs. Entwickler……Elben vs. Zwerge… GlückPress
Wenn es dir fehlt, sobald du das Theme wechselst,gehört es in ein Plugin!‣ z.B.: Shop-, Newsletter-, SEO-Funktionen‣ Vorsi...
Kriterien zur Auswahl‣ Kann das Theme das, was es soll? (Individueller Verwendungszweck)‣ Ist das Theme kompatibel mit der...
Eigenes Theme schreiben‣ K.I.S.S. – keep it simple, stupid!‣ Nicht das Rad neu erfinden, sondern Ressourcen nutzen!‣ Auf be...
eigenes Theme auf Basis von _s generieren!GlückPress
Ressourcen‣ http://underscores.me/‣ http://wordpress.org/extend/themes/‣ http://codex.wordpress.org/Child_Themes‣ http://c...
Merci!             Caspar Hübinger             @glueckpress             glueckpress.com             Das WordPress-Logo ist...
Nächste SlideShare
Wird geladen in …5
×

WordPress Themes – ein Rundumschlag

1.591 Aufrufe

Veröffentlicht am

Kurzvortrag beim WP Meetup Potsdam am 21.08.2012: Was ist ein Theme? Wann ist ein Theme gut? Wo gibt es gute Themes? Wie schreibt man ein gutes Theme? Das Thema Themes ist so umfangreich, dass jede der vorgenannten Fragen eine eigene Präsentation füllen könnte. Deswegen „kratzt“ dieser Kurzvortrag bewusst nur an der Oberfläche. Es geht eher um Prinzipielles, als um Spezifisches. Am Ende gibt es eine Linkliste zu weiterführenden Quellen. Lizenz für Textinhalte: GPL v3, Lizenzen für Bilder: s. Quellangaben

Veröffentlicht in: Business
0 Kommentare
2 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

Keine Downloads
Aufrufe
Aufrufe insgesamt
1.591
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
20
Aktionen
Geteilt
0
Downloads
9
Kommentare
0
Gefällt mir
2
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

WordPress Themes – ein Rundumschlag

  1. 1. WordPress ThemesEin Rundumschlag#wpdm 21. August 2012 GlückPress
  2. 2. Inhalt‣ Themes, Templates, Child-Themes‣ Freie und kommerzielle Themes‣ Themes vs. Plugins‣ Kriterien zur Auswahl‣ Ressourcen‣ Eigene Themes schreiben GlückPress
  3. 3. Reden wir über Themes… Foto: Shizhao Bundesarchiv, B 145 Bild-F038805-0013 / Schaack, Lothar / CC-BY-SA http://de.wikipedia.org/wiki/PorscheBundesarchiv, B 145 Bild-F054863-0012 / Engelbert Reineke / CC-BY-SA http://commons.wikimedia.org/wiki/File:Emily_Spirit_of_Ecstasy.jpg http://commons.wikimedia.org/wiki/File:Trabi_1990.jpg http://commons.wikimedia.org/wiki/File:Auto_scrapyard_1.jpg GlückPress
  4. 4. Themes“WordPress Themes are files that work togetherto create the design and functionality of a WordPress site.”http://codex.wordpress.org/Theme_Development GlückPress
  5. 5. Theme-Verzeichnis ‣ Theme-Pfad: /wp-content/themes/ ‣ Theme-Verzeichnis: /theme-name/ ‣ Mindestumfang: 2 Templates (style.css + index.php)GlückPress
  6. 6. Templates“Templates are PHP source files used to generatethe pages requested by visitors, and are output as HTML.”http://codex.wordpress.org/Theme_Development#Template_Files“Template files are the building blocks of your WordPress site.They fit together like the pieces of a puzzle to generate the web pages on your site.”http://codex.wordpress.org/Stepping_Into_Templates GlückPress
  7. 7. Template-Hierarchie ‣ Einziges erforderliches Template: index.php ‣ Optionale Standard-Templates für Standardseiten im Frontend (z.B. Archiv, Artikelübersicht, Seite…) ‣ Templates wirken als konditionale Filter für Ausgabe Beispiel: page-meine-seite.php gibt ausschliesslich die Seite /meine-seite aus. Um Conditional Tags erweiterte Template-Hierarchie von Chip BennetGlückPress
  8. 8. Child-Themes“A WordPress child theme is a theme that inherits the functionality of another theme, called the parenttheme, and allows you to modify, or add to, the functionality of that parent theme.”http://codex.wordpress.org/Child_Themes GlückPress
  9. 9. Child-Theme: Stylesheet (style.css) Template = Verzeichnisname des Parent-ThemeGlückPress
  10. 10. Child-Themes: Vor- & Nachteile(+) Parent-Theme liefert Grundfunktionen(+) leichte Anpassbarkeit(+) Anpassungen bleiben erhalten(+) Schnelle Erweiterung professioneller Themes um eigene Funktionen und CSS-Styles(–) Überflüssige bzw. überschriebene CSS-Styles und Funktionen (overhead)GlückPress
  11. 11. Themes: die Spitze des Eisbergs… Theme Forest: 2034 Offizielles Theme-Verzeichnis: 1577GlückPress
  12. 12. …und der Teil darunter. …oder sagen wir: ein mikroskopischer Ausschnitt.GlückPress
  13. 13. GlückPress
  14. 14. GlückPress
  15. 15. GlückPress
  16. 16. GlückPress
  17. 17. Theme OptionsDer Ort, an dem weniger definitiv mehr ist! GlückPress
  18. 18. GlückPress
  19. 19. GlückPress
  20. 20. Themes vs. Plugins…Designer vs. Entwickler……Elben vs. Zwerge… GlückPress
  21. 21. Wenn es dir fehlt, sobald du das Theme wechselst,gehört es in ein Plugin!‣ z.B.: Shop-, Newsletter-, SEO-Funktionen‣ Vorsicht bei machen kommerziellen Anbietern! Nicht alles, was glänzt, ist Gold! GlückPress
  22. 22. Kriterien zur Auswahl‣ Kann das Theme das, was es soll? (Individueller Verwendungszweck)‣ Ist das Theme kompatibel mit der aktuellen WordPress-Version?‣ Bietet der Autor Support an, ggf. kommerziell?‣ Ist das Theme im offiziellen Verzeichnis bei wordpress.org gelistet?‣ Sehen die Theme-Optionen schlank und übersichtlich, oder eher „übergewichtig“ aus?‣ Werden Theme-übergreifend relevante Funktionen durch das Theme abgedeckt? (Vorsicht, SEO-Falle!)‣ Kann das Theme durch ein Child-Theme erweitert werden? Weist der Autor auf diese Möglichkeit hin?‣ Für Fortgeschrittene: Wurden die Coding-Standards für WordPress eingehalten? GlückPress
  23. 23. Eigenes Theme schreiben‣ K.I.S.S. – keep it simple, stupid!‣ Nicht das Rad neu erfinden, sondern Ressourcen nutzen!‣ Auf bewährte Boilerplates zurückgreifen!‣ CSS mit Tools wie SASS/Compass oder LESS vereinfachen! GlückPress
  24. 24. eigenes Theme auf Basis von _s generieren!GlückPress
  25. 25. Ressourcen‣ http://underscores.me/‣ http://wordpress.org/extend/themes/‣ http://codex.wordpress.org/Child_Themes‣ http://codex.wordpress.org/Theme_Development ☝ Englisch lesen hilft gut!‣ http://codex.wordpress.org/Stepping_Into_Templates‣ http://make.wordpress.org/core/handbook/coding-standards/‣ http://make.wordpress.org/core/handbook/coding-standards/css/ GlückPress
  26. 26. Merci! Caspar Hübinger @glueckpress glueckpress.com Das WordPress-Logo ist ein eingetragenes Markenzeichen der WordPress Foundation. Die auf Screenshots abgebildeten Logos/Markenzeichen sind Eingentum ihrer jeweiligen Besitzer. Screenshots sind mit ihren Quellseiten verlinkt (Stand: 21.08.2012). Das Bildmaterial auf Seite 3 ist entweder gemeinfrei, oder im Sinne einer Creative Commons Lizenz frei einsetzbar. Links zu den Quellen finden sich unter jedem Bild. Die vom Autor selbst erzeugten Textinhalte dieses PDF stehen, wie WordPress, unter der GPL v3. Bei Nutzung fällt ein Link zurück zur Quelle positiv auf! ☺GlückPress

×