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

1. WordPress Themes
Ein Rundumschlag
#wpdm 21. August 2012
GlückPress

2. Inhalt
‣ Themes, Templates, Child-Themes
‣ Freie und kommerzielle Themes
‣ Themes vs. Plugins
‣ Kriterien zur Auswahl
‣ Ressourcen
‣ Eigene Themes schreiben
GlückPress

3. Reden wir über Themes…
Foto: Shizhao
Bundesarchiv, B 145 Bild-F038805-0013 / Schaack, Lothar / CC-BY-SA
http://de.wikipedia.org/wiki/Porsche
Bundesarchiv, 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. Themes
“WordPress Themes are files that work together
to create the design and functionality of a WordPress site.”
http://codex.wordpress.org/Theme_Development
GlückPress

5. Theme-Verzeichnis
‣ Theme-Pfad: /wp-content/themes/
‣ Theme-Verzeichnis: /theme-name/
‣ Mindestumfang: 2 Templates
(style.css + index.php)
GlückPress

6. Templates
“Templates are PHP source files used to generate
the 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. 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 Bennet
GlückPress

8. Child-Themes
“A WordPress child theme is a theme that inherits the functionality of another theme, called the parent
theme, and allows you to modify, or add to, the functionality of that parent theme.”
http://codex.wordpress.org/Child_Themes
GlückPress

9. Child-Theme: Stylesheet (style.css)
Template = Verzeichnisname des Parent-Theme
GlückPress

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. Themes: die Spitze des Eisbergs…
Theme Forest: 2034
Offizielles Theme-Verzeichnis: 1577
GlückPress

12. …und der Teil darunter.
…oder sagen wir: ein mikroskopischer Ausschnitt.
GlückPress

13. GlückPress

14. GlückPress

15. GlückPress

16. GlückPress

17. Theme Options
Der Ort, an dem weniger definitiv mehr ist!
GlückPress

18. GlückPress

19. GlückPress

20. Themes vs. Plugins
…Designer vs. Entwickler…
…Elben vs. Zwerge…
GlückPress

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. 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. 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. eigenes Theme auf Basis von _s generieren!
GlückPress

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