Vielleicht hast du es schon bemerkt. Mit WordPress 3.2 wollte ich auch einen Neuanfang wagen und ein WordPress-Theme nutzen, das auf HTML5 mit CSS3 aufgebaut ist und ein responsive Layout besitzt, damit ich auch jegliche mobile Internetnutzer, ob über I-Phone, Smartphone oder auch Tablet, wie das I-Pad eines ist, erreichen kann sowie für die Zukunft gerüstet bin.
Yoko WordPress Theme
Der eine oder andere dürfte schon einmal etwas von Ellen und Manuel und ihrer Webseite Elmastudio gehört haben. Sie leisten unwahrscheinlich gute Arbeit mit ihrem Blog der die Themen WordPress und Webdesign behandelt. Im Juni dieses Jahres bestätigten sie ihre Kompetenz mit dem neuen kostenlosen WordPress-Theme ‚Yoko‘, welches mit HTML5 und CSS3 aufgebaut ist und ein responsive Layout besitzt.
Das heißt auf Deutsch, das sich das Theme verschiedenen Bildschirmgrößen anpasst. Speziell geht es hier um natürlich um die mobilen Geräte wie Handys, Smartphones und Tablets.
Das Design von Yoko überzeugt mich durch seine flexible Schlichtheit. Es konzentriert sich auf die Inhalte und ist dabei keineswegs langweilig. Hinzukommt, dass ich ziemlich einfach das Design verändern kann und somit meiner Kreativität kaum Grenzen gesetzt sind.
So stelle ich mir mein optimales WordPress Theme vor. :)
Features
- für WordPress 3.1+
- Cross-Browser kompatibel (getestet in Chrome, Firefox, Safari, Internet Explorer 8 und 9)
- HTML5 (mit Fallback für IE < 9) und CSS3
- responsive Layout (CSS3 media queries, nicht unterstützt in IE < 9)
- WordPress Artikel Formatvorlagen (Post format: aside, gallery, image, video, link und quote)
- Theme Einstellungsoptionen, individueller Hintergrund, individuelles Headerbild
- optionales Untermenü
- Yoko »Social Links«-Widget (für RSS, Google+, Twitter, Facebook, Flickr, Vimeo, LinkedIn und Delicious)
- Google web fonts (Droid Sans und Droid Serif)
- verschachtelte Kommentare mit Gravatar-Bildern
- Vorlage zum Erstellen einer Seite ohne Sidebar (full width page template)
- Shortcodes für mehrere Spalten, Info-Boxen in gelb, grün oder rot und hervorgehobenen Text
- kann in mehrere Sprachen übersetzt werden (derzeit English, Deutsch und Französisch)
Dokumentation und Download
- erfüllt die Guidelines des WordPress Theme-Review
- Lizenz: GNU General Public License
- Download Yoko WordPress -Theme
- Download Yoko Child-Theme Ordner
- Yoko-Theme Changelog
Neuigkeiten
Inzwischen erreichte das WordPress-Theme Yoko die Version 1.05. Das Update selber verlief ganz einfach über die Updatefunktion im WordPress Dashboard.
- Wie Du im Changelog nachlesen kannst wurde der Google+ Button hinzugefügt. Doch das hatte ich vorher schon selbst gemacht. ;)
- Was ich bei der Erneuerung des Scripts für das Smooth Scrolling nicht so schön finde ist, dass es nicht mehr den visuellen Wischeffekt gibt. Deshalb setze ich die vorherige Version ein. Gibt es einen Grund zu wechseln, so nenne ihn mir bitte. :)
- Das Löschen von »default sidebar widgets in sidebar.php« finde ich nicht gut. Nach einer Neuinstallation finde ich es sehr schön, wenn schon einige Widgets vorinstalliert sind. So kann ich mir sofort ein Bild machen, wie alles später aussehen kann.
- Einen Fehler in der Kommentarnavigation bei meinen Seiten konnte ich nicht feststellen, habe den Bugfix dennoch übernommen.
- Was viele bemängelten, ist nun geändert worden. Das Logo erhält nun einen Link zur Homepage. Vorher war das Logo nur ein Bild, was für die Usability einer Homepage nicht gut ist. Aber auch das ist nun Schnee von gestern.
- Hast Du ein I-Pad für mich übrig? So kann ich dann die Darstellung meiner Seite bequem testen. ;)
- Die Zitate auf den Seiten sahen etwas komisch formatiert aus. Das Problem ist nun gelöst worden.
- Für die Multilinguisten unter uns ist die Unterstützung fremder Sprachen erweitert worden. Unterstützt werden nun Spanisch, Katalanisch, Portugiesisch, Niederländisch, Russisch und auch unsere ukrainischen Freunde können nun das WordPress Theme Yoko in ihrer Sprache nutzen.
Alles in allem ein wertvolles Update. Ich finde es gut, das Elma und Manuel sich auch um ihre Themes noch Monate später kümmern. Das finde ich selten. Oft wird einfach nur ein neues Theme erstellt aber weiterhin kein Support geleistet. Und das bei einem WordPress-Theme für teures Geld. …
Anpassungen
Das Schöne an Yoko ist die weitestgehend einfache Anpassung des Themes. Zum Glück nutze ich die Möglichkeit, ein Childtheme zu nutzen. So kann ich am System Änderungen vornehmen ohne Gefahr zu laufen, dass das Haupt-Theme zerstört wird. Auf Elmastudio wird sehr gut beschrieben, wie Du ein Childtheme nutzt.
Oberste Priorität bei meinen Anpassungen/Optimierungen ist immer das Aussehen und die Funktionalität. Natürlich spielt auch die On- und Offpage-Optimierung eine Rolle. Ich möchte ja, dass mein Blog im Netz gefunden wird. ;)
Ich möchte jetzt nicht auf jede kleinste Änderung eingehen. Schau Dir einfach das neue Design an und sage mir, wie Du über das neue Design von Timm‘s NetzBlogging denkst. … :)
Sicher werden Dir noch einige Dinge auffallen, die noch nicht so sind, wie sie sein sollten. Deshalb freue ich mich über Deine Meinung. Wie findest Du das neue Layout von Timm‘s NetzBlogging? Soll ich etwas ändern oder kann alles so bleiben? Für jeden Tipp bin ich aufgeschlossen.
Was mich derzeit noch sehr beschäftigt ist, wie ich es schaffe, das die Webseitennavigation am unteren Rand sich nicht überlappt, sobald das Browserfenster auf Smartphonegröße verkleinert wird. Hast Du eine Idee?

Hallo Timm,
Da ich deinen Blog nur am PC lese, kann ich natürlich das responsive Layout gar nicht so richtig würdigen. Die Ansicht am PC gefällt mir aber gut. Wirkt sehr aufgeräumt und strukturiert, alles leicht zu finden. Bei dieser Ordnung sind die Bildchen ein willkommener Farbtupfer, aber stiften auch nicht zu viel Unruhe. Sehr gut finde ich, dass du dich zum Blocksatz durchgerungen hast. Auch das bringt Ruhe rein und tut den Augen gut.
Vielen Dank für Deine Meinung.
Der Blocksatz beruhugt tatsächlich beim Lesen und entspannt mehr die Augen, so dass auch längere Texte ohne Probleme gelesen werden können.
Ein bißchen Farbe, aber nciht zu viel, wollte ich auch reinbringen, damit die Augen auch mal etwas anderes sehen und damit die Aufmerksamkeit auf den Blog-Content erhalten bleibt.
Das flexible Layout kann ich leider auch nicht selbst testen, da ich keine mobilen Geräte wie Ipad oder Smartphone besitze. Doch auf meinem alten Handy klappt die Seitenanpassung sehr gut. Vielleicht schenkt mir mal jemand ein I-pad …. ;)
LG
Timm
Hallo Timm,
ich nutze seit kurzem auch das Joko Theme von Elmastudio. Wundere mich nur, wo du das Widget für den Bottom-Bereich herholst und oben die Kategorien. Ist das ne Eigenanpassung oder Theme-Bestandteil, den ich mal wieder nicht sehe?? ;-)
Freundliche Grüße
Hallo Wolfgang,
schön, dass auch Du dich für das tolle WordPress-Yoko-Theme entschieden hast.
Die Möglichkeit für das Sub-Menü mit den Kategorien ist im Theme selbst schon vorgegeben, ist jedoch nicht eindeutig im Theme selbst dokumentiert.
Wenn Du ein zusätzliches Menü erstellst, dann gebe ihm einfach die Bezeichnung: »SUB-MENU« und speichere das erstellte Menü ab.
Auf der linken Seite gibst Du als Hauptnavigation das ebenfalls von Dir neu erstellte »Main-Menu« an.
Jetzt kannst Du separat entscheiden, was wo und wie auf den Menüs erscheinen soll.
Eine wirklich klasse Idee und Umsetzung.
Was meinst Du eigentlich mit den Bottom-Widgets?
Meinst du den Footer?
Dazu kann ich gerne einen Artikel erstellen, wenn Du möchtest. :)
LG Timm