Download - WordPress Themes – ein Rundumschlag
![Page 1: WordPress Themes – ein Rundumschlag](https://reader035.vdokument.com/reader035/viewer/2022062406/559b85011a28ab29458b4702/html5/thumbnails/1.jpg)
GlückPress
WordPress Themes
Ein Rundumschlag#wpdm 21. August 2012
![Page 2: WordPress Themes – ein Rundumschlag](https://reader035.vdokument.com/reader035/viewer/2022062406/559b85011a28ab29458b4702/html5/thumbnails/2.jpg)
GlückPress
Inhalt
‣ Themes, Templates, Child-Themes
‣ Freie und kommerzielle Themes
‣ Themes vs. Plugins
‣ Kriterien zur Auswahl
‣ Ressourcen
‣ Eigene Themes schreiben
![Page 3: WordPress Themes – ein Rundumschlag](https://reader035.vdokument.com/reader035/viewer/2022062406/559b85011a28ab29458b4702/html5/thumbnails/3.jpg)
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
![Page 4: WordPress Themes – ein Rundumschlag](https://reader035.vdokument.com/reader035/viewer/2022062406/559b85011a28ab29458b4702/html5/thumbnails/4.jpg)
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
![Page 5: WordPress Themes – ein Rundumschlag](https://reader035.vdokument.com/reader035/viewer/2022062406/559b85011a28ab29458b4702/html5/thumbnails/5.jpg)
GlückPress
Theme-Verzeichnis
‣ Theme-Pfad: /wp-content/themes/
‣ Theme-Verzeichnis: /theme-name/
‣ Mindestumfang: 2 Templates(style.css + index.php)
![Page 6: WordPress Themes – ein Rundumschlag](https://reader035.vdokument.com/reader035/viewer/2022062406/559b85011a28ab29458b4702/html5/thumbnails/6.jpg)
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
![Page 7: WordPress Themes – ein Rundumschlag](https://reader035.vdokument.com/reader035/viewer/2022062406/559b85011a28ab29458b4702/html5/thumbnails/7.jpg)
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
![Page 8: WordPress Themes – ein Rundumschlag](https://reader035.vdokument.com/reader035/viewer/2022062406/559b85011a28ab29458b4702/html5/thumbnails/8.jpg)
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
![Page 9: WordPress Themes – ein Rundumschlag](https://reader035.vdokument.com/reader035/viewer/2022062406/559b85011a28ab29458b4702/html5/thumbnails/9.jpg)
GlückPress
Child-Theme: Stylesheet (style.css)
Template = Verzeichnisname des Parent-Theme
![Page 10: WordPress Themes – ein Rundumschlag](https://reader035.vdokument.com/reader035/viewer/2022062406/559b85011a28ab29458b4702/html5/thumbnails/10.jpg)
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)
![Page 11: WordPress Themes – ein Rundumschlag](https://reader035.vdokument.com/reader035/viewer/2022062406/559b85011a28ab29458b4702/html5/thumbnails/11.jpg)
GlückPress
Themes: die Spitze des Eisbergs…
Offizielles Theme-Verzeichnis: 1577
Theme Forest: 2034
![Page 12: WordPress Themes – ein Rundumschlag](https://reader035.vdokument.com/reader035/viewer/2022062406/559b85011a28ab29458b4702/html5/thumbnails/12.jpg)
GlückPress
…und der Teil darunter.…oder sagen wir: ein mikroskopischer Ausschnitt.
![Page 13: WordPress Themes – ein Rundumschlag](https://reader035.vdokument.com/reader035/viewer/2022062406/559b85011a28ab29458b4702/html5/thumbnails/13.jpg)
GlückPress
![Page 14: WordPress Themes – ein Rundumschlag](https://reader035.vdokument.com/reader035/viewer/2022062406/559b85011a28ab29458b4702/html5/thumbnails/14.jpg)
GlückPress
![Page 15: WordPress Themes – ein Rundumschlag](https://reader035.vdokument.com/reader035/viewer/2022062406/559b85011a28ab29458b4702/html5/thumbnails/15.jpg)
GlückPress
![Page 16: WordPress Themes – ein Rundumschlag](https://reader035.vdokument.com/reader035/viewer/2022062406/559b85011a28ab29458b4702/html5/thumbnails/16.jpg)
GlückPress
![Page 17: WordPress Themes – ein Rundumschlag](https://reader035.vdokument.com/reader035/viewer/2022062406/559b85011a28ab29458b4702/html5/thumbnails/17.jpg)
GlückPress
Theme Options
Der Ort, an dem weniger definitiv mehr ist!
![Page 18: WordPress Themes – ein Rundumschlag](https://reader035.vdokument.com/reader035/viewer/2022062406/559b85011a28ab29458b4702/html5/thumbnails/18.jpg)
GlückPress
![Page 19: WordPress Themes – ein Rundumschlag](https://reader035.vdokument.com/reader035/viewer/2022062406/559b85011a28ab29458b4702/html5/thumbnails/19.jpg)
GlückPress
![Page 20: WordPress Themes – ein Rundumschlag](https://reader035.vdokument.com/reader035/viewer/2022062406/559b85011a28ab29458b4702/html5/thumbnails/20.jpg)
GlückPress
Themes vs. Plugins
…Designer vs. Entwickler……Elben vs. Zwerge…
![Page 21: WordPress Themes – ein Rundumschlag](https://reader035.vdokument.com/reader035/viewer/2022062406/559b85011a28ab29458b4702/html5/thumbnails/21.jpg)
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!
![Page 22: WordPress Themes – ein Rundumschlag](https://reader035.vdokument.com/reader035/viewer/2022062406/559b85011a28ab29458b4702/html5/thumbnails/22.jpg)
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?
![Page 23: WordPress Themes – ein Rundumschlag](https://reader035.vdokument.com/reader035/viewer/2022062406/559b85011a28ab29458b4702/html5/thumbnails/23.jpg)
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!
![Page 24: WordPress Themes – ein Rundumschlag](https://reader035.vdokument.com/reader035/viewer/2022062406/559b85011a28ab29458b4702/html5/thumbnails/24.jpg)
GlückPress
eigenes Theme auf Basis von _s generieren!
![Page 25: WordPress Themes – ein Rundumschlag](https://reader035.vdokument.com/reader035/viewer/2022062406/559b85011a28ab29458b4702/html5/thumbnails/25.jpg)
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!
![Page 26: WordPress Themes – ein Rundumschlag](https://reader035.vdokument.com/reader035/viewer/2022062406/559b85011a28ab29458b4702/html5/thumbnails/26.jpg)
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! ☺