Video-Podcast #2: Tipps zur WordPress-Theme Entwicklung

von

Ellen Bauer

•

7. November 2012

In meinem 2. Video-Podcast beantworte ich Fragen zum Thema WordPress-Themes, z.B. wie man am besten mit der Entwicklung eines WordPress-Theme anfängt und welches Starter-Theme dabei hilfeich ist, wie lange wir von der Idee für ein neues Theme bist zur Fertigstellung brauchen und was man bei der Entwicklung eines eigenen Themes außerdem beachten sollte.

Links aus dem Video:

Underscores.me (zum erstellen der eigenen Theme-Basis mit _s)
_s Theme zum Download auf GitHub

Über deine weiteren Tipps und deine Meinung zum Thema WordPress-Theme Entwicklung freue ich mich sehr. Auch wenn du Fragen oder Vorschläge für weitere Podcasts hast, schreibe mir doch auch einfach einen Kommentar. Ich freue mich über deinen Themenvorschlag.

von

Ellen Bauer

WordPress

Kommentare

Burkhard Rosemann

•

7. November 2012

Antworten

Ich würde sagen, wenn man sein allererstes Theme erstellen will, dann sollte man nicht einmal ein vorgefertigtes Blank Theme verwenden, sondern wirklich mit einem weißen Blatt anfangen und von Grund auf beginnen, jede Zeile, Eigenschaft und Möglichkeit zu verstehen und zu lernen. Dann hat man es auch viel leichter, sofort in Blank Themes einzusteigen oder sein eigenes Basis Theme zu erstellen.
1. Ellen
  
  •
  
  8. November 2012
  
  Antworten
  
  @Burkhard Rosemann: Vielen Dank für dein Feedback, das Argument die Themestruktur von Grund auf zu verstehen/kennenzulernen stimmt natürlich schon, allerdings bräuchte man dann sicherlich ein begleitendes Tutorial oder Video-Tutorial, um das erste Theme aufzubauen. Ich glaube sonst ist es doch sehr schwierig, am Anfang ein ganz neues Theme von Null aufzubauen. Grüße, Ellen
  1. Branko Čanak
    
    •
    
    11. November 2012
    
    Antworten
    
    Hallo Ellen, hallo Burkard!
    
    @Ellen: Danke für Deine Arbeit! Und das mit dem Ton wird schon noch… ;)
    
    Wenn man wirklich von Grund auf verstehen will, was ein WP-Theme tut, sollte man schon bei null anfangen. Da hat Burkhard sicher recht. Das Tutorial, mit dem ich das gelernt habe (http://wordpress.lernenhoch2.de/handbuch/) ist zwar schon ein paar Tage alt, aber die wesentlichen Dinge haben sich nicht so sehr verändert, daß man die Transferleistung nicht selbst hin bekäme.
    
    Inzwischen verwende ich als Basis aber auch meist eines der Twenty X Themes oder für meine eigene Website auf Empfehlung der T3N-Redaktion das Ari-Theme von Euch… ;)
    
    Herzliche Grüße & bis bald,
    Branko
Oliver

•

7. November 2012

Antworten

Toller zweiter Video Podcast und der Ton ist auch schon viel besser (aber bei mir irgendwie nur Mono). :-)
Fand ich wieder sehr informativ, danke dafür.
underscores.me kannte ich noch gar nicht, werd ich mir auch mal ansehen.
Vincent

•

7. November 2012

Antworten

Finde es klasse das so schnell der zweite Podcast folgt. Der Ton ist schon wesentlich besser, allerdings nur auf einer Seite. Bei Kopfhörern und Boxen ist dann nur die linke Seite aktiv. Vielleicht stellst du das Mikrofon nächstes mal in die Mitte.
1. Ellen
  
  •
  
  8. November 2012
  
  Antworten
  
  @Oliver, @Vincent: Vielen Dank für euer Feedback, also beim 3. Podcast wird es sicher klappen mit dem Ton , ich werde das auf auf jeden Fall noch weiter optimieren :) Danke für die Hinweise und viele Grüße, Ellen
Frank

•

7. November 2012

Antworten

_s ist sicher nicht schlecht; aber nicht perfekt und kritisch zu betrachten; was Anfänger wohl kaum tun. Allein die Issue Liste zeigt dies auf, die closed issues sind nicht besser und auch un-diskutiert geschlossen. Um wirklich zu starten reicht im Grunde eine index.php und die style.css. Das Werkzeug kann dann Verstanden werden und nun weiter ausbauen. _s hat viel, viel kann man besser machen und sei es nur Struktur.
1. Ellen
  
  •
  
  8. November 2012
  
  Antworten
  
  @Frank: Vielen Dank für deinen Kommentar und dein Feedback zum _s Theme. Ich bin eigentlich immer sehr gut damit als Blank-Theme zurecht gekommen, kennst du denn ein anderes Starter-Theme, welches du eher empfehlen würdest, oder würdest du immer von einer ganz leeren index + style.css Basis aus starten? Viele Grüße, Ellen
  1. Frank
    
    •
    
    8. November 2012
    
    Antworten
    
    Um zu Lernen, ist der Start von „Leer“ definitiv gut; Lunsen ja, aber nicht Kopieren ohne Nachzudenken. Ich starte in der Regel mit WP Basis, kenne es aber auch gut genug und es verändert sich immer wieder. Je nach Anforderung versuche ich das Beste zu erreichen, was dem Ziel entspricht und der Kunde braucht. Allein die Unterscheidung HTML5/xHTML machen es schon nicht immer einfach, Starte xyz zu nehmen und los. Ich schätze zum Beispiel die Auslagerung in viele Template Parts, wenn Flexibilität erwünscht ist und dann lege ich die auch in Unterordner an, damit die Struktur leserlich bleibt. Alle Parts sind eben in parts. Ebenfalls will ich ein schlanke functions.phg; es gibt keinen Default; ich code rein, was gebraucht wird und trenne strickt nach Plugin und Theme, so dass nur Theme-relevante Sachen im Theme sind und Funktionen, die unabhängig vom Layout sind, immer in Plugins sind. So kann ein Redesign einfacher passieren und/oder Funktionen können raus.
    1. Tobias
      
      •
      
      31. Januar 2013
      
      Antworten
      
      Hallo Ellen, Hallo Frank,
      
      Als erstes mal super Video!
      
      Ich sehe das mit dem Starter-Theme ähnlich wie Frank: Ich baue Themes seit Jahren immer wieder von Null und komplett individuell auf. Kein überflüssiger Code, alles schön schlank und übersichtlich. Allerdings ist das zeitaufwendiger!
      Sicherlich schadet es nicht, sich umzuschauen und Ideen von anderen Themes und Entwicklern zu holen. Blind kopieren und nutzen „ohne Verständnis“ kann möchte ich am liebsten gar nicht.
      
      Ich finde auch, dass man auch unterscheiden muss, ob jemand professionell Premium-Themes entwickelt, sein erstes eigenes Theme erstellt oder ein Theme für einen Kunden umsetzt. Alle Fälle erfordern unterschiedlich viel Aufwand und Know-How. Gerade die Entwicklungsdauer wird hier sehr unterschiedlich sein. Allerdings muss ich auch sagen, dass es durchaus oft Aufträge gibt, bei denen Kunden alles „ganz schnell“ und kostengünstig möchten und da ist es oft nicht möglich, ein Theme von „Grund auf“ neu zu entwickeln. Dann kann ein Basis-Theme die richtige Lösung sein.
      
      Für einen reinen Anfänger im Bereich Themedesign/Entwicklung finde ich es nicht die Beste Lösung die TwentyX-Templates als Grundlage zu nutzen. Diese sind für einen Anfänger meiner Meinung nach doch schon recht komplex aufgebaut und man braucht schon etwas Erfahrung, um vieles nachvollziehen und verstehen zu können. Ich glaube, dass es für einen Anfänger in diesem Bereich besser ist, ein Template komplett selbst zu erstellen. Ganz einfach, ohne viel „Schnick Schnack“. Erstmal nur die grundlegende Dateistruktur und Funktionen kennenlernen. Danach kann man sich immer noch mit Dingen wie Widgets, Sidebars, Custom-Post-Types, Child-Themes usw. vertraut machen. „learning by doing“ und nicht „learning by copying“! Ein Theme muss ja auch nicht so komplex sein wie ein Premium-Theme. Gerade letztere sind ja sehr oft mit unzähligen Funktionen vollgestopft, die viele gar nicht wirklich brauchen.
      
      Gruß
      -Tobias-
Christian

•

7. November 2012

Antworten

Tolles Video! Macht lust auf mehr ;-)
Pooly

•

7. November 2012

Antworten

Danke für das Video.
Rene Springmann

•

8. November 2012

Antworten

Danke für den wertvollen Tipp mit http://underscores.me/
viktor

•

8. November 2012

Antworten

Super Cast,

schöne Tips, und bin schon auf das neue Design gespannt.
Chrissy

•

10. November 2012

Antworten

Ich denke für Anfänger ist es eher besser erstmal zu starten ohne die ganzen Dinge wie Postformats, also wirklich so wie WordPress vor einigen Versionen noch war. Und dann sich langsam da rein belesen…
Am Anfang wenn man zb das _s Theme öffnet weiß man gar nicht woran man ist :)
Erstmal die Struktur und den Loop bisschen verstehen und die ganzen Template Tags.
Thomas

•

10. November 2012

Antworten

Was mich total interessiert: Promotion! Wie hast du für die Themes geworben, um sie an den Mann / an die Frau zu bringen?
Rainer

•

11. November 2012

Antworten

Hello, ich bin kein Webdesigner (bin Biologe) aber interessiere mich für das Thema. Euer blog gefällt mir gut, weil es ein tolles Beispiel ist wie man über das Web kommuniziert und informiert.
Der Einsatz von Videotutorial/Podcast und wie sie in das Blog eingebunden sind finde ich sehr gelungen.
Ich würde gerne herumexperimentieren. Welche Soft und Hardware verwendet Ihr für die Videotutorials/Podcast ?
1. Ellen
  
  •
  
  16. November 2012
  
  Antworten
  
  @Rainer: Wir haben inzwischen auch Verschiedenes ausprobiert, für die Videoaufnahme nutzen wir eine Nikon Coolpix p7000 mit Stativ. Der Ton ist aber bisher am besten direkt über die Aufnahme am Mac Book eigenen Mirko geworden. Zum Schnitt nutzen wir Camtasia (da wir mit dem Programm auch schon von den Screencasts her vertraut waren). Genial ist, dass Camtasia so einfach funktioniert. Wenn du auf einem Mac arbeitest, kannst du vielleicht auch einfach iMovie nutzen, auf Windows gibt es glaube ich leider nicht so viele Alternativen und Camtasia für Windows ist auch noch etwas teurer (ich weiß auch nicht warum).
  
  Grüße, Ellen
Philipp

•

20. November 2012

Antworten

Großartig, kompetent und sehr sympathisch.
Oliver Vaupel

•

22. November 2012

Antworten

Danke für das sehr informative Video! Freue mich auf mehr Podcasts von euch! Ich habe meine ersten WordPress Versuche mit dem Videopodcast der <a href="http://www.undsoversity.de/wordpress-3"undsoversity gemacht. Ist sicher sehr rudimentär, aber eine ganz gute Schritt-fürSchritt-Anleitung wie man überhaupt Inhalte dynamisiert.
1. Oliver Vaupel
  
  •
  
  22. November 2012
  
  Antworten
  
  und sorry für das fehlende „>“ im Link-Tag:)