wordpress themes – ein rundumschlag
DESCRIPTION
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. QuellangabenTRANSCRIPT
GlückPress
WordPress Themes
Ein Rundumschlag#wpdm 21. August 2012
GlückPress
Inhalt
‣ Themes, Templates, Child-Themes
‣ Freie und kommerzielle Themes
‣ Themes vs. Plugins
‣ Kriterien zur Auswahl
‣ Ressourcen
‣ Eigene Themes schreiben
GlückPress
Reden wir über Themes…
http://commons.wikimedia.org/wiki/File:Emily_Spirit_of_Ecstasy.jpg
http://de.wikipedia.org/wiki/Porsche
http://commons.wikimedia.org/wiki/File:Auto_scrapyard_1.jpg
Bundesarchiv, B 145 Bild-F038805-0013 / Schaack, Lothar / CC-BY-SA
http://commons.wikimedia.org/wiki/File:Trabi_1990.jpg
Bundesarchiv, B 145 Bild-F054863-0012 / Engelbert Reineke / CC-BY-SA
Foto: Shizhao
GlückPress
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
Theme-Verzeichnis
‣ Theme-Pfad: /wp-content/themes/
‣ Theme-Verzeichnis: /theme-name/
‣ Mindestumfang: 2 Templates(style.css + index.php)
GlückPress
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
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 AusgabeBeispiel: page-meine-seite.php gibt ausschliesslich die Seite /meine-seite aus.
Um Conditional Tags erweiterte Template-Hierarchie von Chip Bennet
GlückPress
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
Child-Theme: Stylesheet (style.css)
Template = Verzeichnisname des Parent-Theme
GlückPress
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
Themes: die Spitze des Eisbergs…
Offizielles Theme-Verzeichnis: 1577
Theme Forest: 2034
GlückPress
…und der Teil darunter.…oder sagen wir: ein mikroskopischer Ausschnitt.
GlückPress
GlückPress
GlückPress
GlückPress
GlückPress
Theme Options
Der 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
‣ Vorsicht bei machen kommerziellen Anbietern! Nicht alles, was glänzt, ist Gold!
GlückPress
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
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
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://codex.wordpress.org/Theme_Development
‣ http://codex.wordpress.org/Stepping_Into_Templates
‣ http://make.wordpress.org/core/handbook/coding-standards/
‣ http://make.wordpress.org/core/handbook/coding-standards/css/
☝ Englisch lesen hilft gut!
GlückPress
Merci!
Caspar Hü[email protected]
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! ☺