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

WordPress Themes – ein Rundumschlag

Embed Size (px)

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

Citation preview

Page 2: WordPress Themes – ein Rundumschlag

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

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 5: WordPress Themes – ein Rundumschlag

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

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

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

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 10: WordPress Themes – ein Rundumschlag

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

GlückPress

Themes: die Spitze des Eisbergs…

Offizielles Theme-Verzeichnis: 1577

Theme Forest: 2034

Page 21: WordPress Themes – ein Rundumschlag

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

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

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 26: WordPress Themes – ein Rundumschlag

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! ☺