Yoko WordPress Theme

Yoko Theme Preview

Live Demo & Download

Hier kannst du Yoko in einer Live Demo anschauen oder das Theme direkt bei WordPress.org herunterladen.

Live Demo Download

Theme Features

  • für WordPress 3.1+ (3.3 kompatibel)
  • Cross-Browser kom­pa­tibel (getestet in Chrome, Firefox, Safari, Internet Explorer 9 und 8)
  • HTML5 (mit Fallback für IE < 9) und CSS3
  • responsive layout (CSS3 media que­ries, nicht unter­stützt in IE < 9)
  • WordPress post for­mats (aside, gal­lery, image, video, link und quote)
  • Theme Optionen, indi­vi­du­eller Hintergrund, indi­vi­du­elles Headerbild
  • optio­nales Untermenü
  • Social Links Widget (für RSS, Twitter, Facebook, Google+, Flickr, Vimeo, LinkedIn und Delicious)
  • Google web fonts (Droid Sans und Droid Serif)
  • ver­schach­telte Kommentare mit Gravatar-Bildern
  • full width page template
  • Shortcodes für meh­rere Spalten, Info-Boxen in gelb, grün oder rot und her­vor­ge­ho­benen Text
  • translation-ready, ver­fügbar in Englisch, Deutsch, Französisch, Spanisch, Katalanisch, Brasilianisch Portugiesisch, Russisch, Ukrainisch, Niederländisch und Italienisch (Download)
  • erfüllt die Guidelines des WordPress Theme-Review
  • Lizenz: GNU General Public License
  • Download Yoko Child-Theme Ordner
  • Yoko-Theme Changelog

PDF Dokumentation

Downloade die aus­führ­liche PDF-Dokumentation für Yoko (auch zum Ausdrucken geeignet):
PDF Documentation (english) PDF Dokumentation (deutsch)

Video Tutorials

Yoko Theme Showcase

Damit du siehst, wie viel­seitig man das Yoko Theme ver­wenden kann, haben wir hier ein Yoko Showcase eingerichtet.

  • hellofuture
  • siebenkilopaket
  • Mattatarian
  • Oliver Hustler
  • Linux und Ich
  • Elschys Sicht der Dinge
  • dotform
  • Invernada
  • a3tsu
  • Herr Pfleger
  • iNoob
  • Anne Kaz
  • Velofahrer
  • kaixo fm
  • Altobelli's Blog
  • taquetaque
  • derdwarsloeper
  • blogrock
  • Perimetrik Blog
  • SpVgg Seeheim-Jugenheim
  • Sewing Princess
  • Morvagor's Blog
  • Florian Bernard
  • blueFLAGdev
  • conscriptio
  • FamLog
  • BSHS
  • Terraginas Blog
  • Skolnet
  • The Daily Hypothetical
  • meiseundmeise blog
  • Bloggle
  • Galaxylook
  • bombaylives
  • Kooperation & Netzwerke
  • Buch-Ratschlag
  • Coisa de Mae
  • BETON
  • TIBStudio
  • NETZweh
  • Clare College MCR
  • Can Masagi's WordLoc
  • Elbkurs
  • Road to Rainbow
  • Splide
  • noisiv
  • zeitRaum
  • Weblog Daan Büdgen
  • Liomans Blog
  • Europull
  • Momentos Para Siempre
  • Butter bei die Fische
  • sgneun
  • Nicolai Geiges
  • Hermann-Leeser-Schule
  • Zen Insights
  • snowinsoho
  • Everything Barcelona
  • MightyMeta
  • Bellas Bookshelves
  • Time Well Spent
  • moodWay
  • Oldtimer Touristik
  • Hamburger Fotoblog
  • Tikoim
  • Fotofreunde Oschatz
  • USA Westküste
  • Peter ter Velde
  • Thailand Infoblog
  • Junk Trash Removal
  • Mieming Online
  • ReleaseTime
  • Markus Lukullus
  • The Essence is You
  • Releasetime News
  • Reussner
  • Reiseblog
  • James Minshall
  • netzsofa.net
  • Blog ebene7
  • Revitalbau
  • Shanis Welt
  • pixelmagic
  • Jazzclub Augsburg
  • Musikkapelle Mieming
  • ...aus dem leben gegriffen
  • Two Toned | Rund ums Pferd
  • Expertinnen-Web
  • Pixeltunes
  • jezz oder nie...
  • Calabazas Monegros
  • Tscheggenschafverein Mieming
  • word/plei
  • Pinkdot
  • AndreasKnebel-Pictures
  • Stylons
  • Naturalmente Michi Torino
  • Flick Book Studio
  • themenfreund
  • sgneun
  • rubbishrevival
  • expertinnen-web
  • bookexhibitionism
  • badania
  • Skaters Palace
Showcase Formular

Verwendest du Yoko als dein Theme? Dann schicke uns deine URL, um im Showcase gefea­tured zu werden!

655 Kommentare

  1. Pingback: elmastudio.de, themes minimalistas para WordPress - Referente Web

  2. Torsten

    Ein tolles Theme, Gratulation und vielen Dank faür!

    Ich habe ein kleines Problem mit den Header Bildern. Seit dem ich ein Child-Template benutze werden Artikelbilder im Header des jewei­ligen Posts angezeigt.

    Bei diesem Beitrag funk­tio­niert alles wie es soll: http://viewpix.de/eine-nacht-in-zuffenhausen/
    Diesen habe ich erstellt bevor ich auf die Child-Template-Funktion umschaltete.

    Ein neu erstellter Beitrag, zieht sich das als Artikelbild fest­ge­legte Bild als Header Bild: http://viewpix.de/ford-vedette-coupe/

    Warum ist das so? Und vor allem, wie kann ich dieses Verhalten unterbinden?

    VG, Torsten

    • Jochen

      I have the same pro­blem and posted it to Elmarstudio, but I didn’t have received any reply yet.

        • Jochen

          The catalan ver­sion seems to be OK. Maybe one of you can trans­late it? You can get the resources with the plugin »CodeStyling Localization«.

  3. Pingback: Internet-Seite zu Diät - gestaltet mit "Yoko" | Portionsdiät

  4. Pingback: Das WordPress Theme Grey Opaque war toll – doch das Yoko ist einfach genial | Mrs-Eastie

  5. Simon Murphy

    Hi. Congratulations on Yoko, its excellent.

    I’m having a small pro­blem with IE9 dis­torting (squashed) images, that have been ins­erted into pages , when the screen is resized below max width.

    just won­de­ring if anyone has already solved this?

    Thanks

  6. Lars Hansen

    Hi, first i would like to say thanks for a great and free WP Theme.

    I wonder how I do remove the images placed on the left side on the Posts title text,

    If you look at this link, you maybe better under­stand me ?
    http://wordpresstips.dk/seo/seo-titel-metabeskrivelse/titel-meta-beskrivelse

    Left theres an image show­ning some Google stuff, and right for this image do I have the text ‹ Titel & META beskrivelse ‹

    Could some­body guide me how to remove the images ?

    Thanks
    Lars Hansen
    Denmark

      • Lars Hansen

        Hi Per, thanks for your help, but i still want to use the Featured image when show­ning the list of posts in a categorylist.

        It’s just in the post i would get rid of the image.
        in which php file I can change it ?

        Thanks

        • PerS

          Lars, I assume you are using a child theme (?), if not you should (never modify the main/mother theme):

          Download the yoko child theme
          Add the yoko child theme to your WordPress instal­la­tion
          Add @import url(»../yoko/style.css«); to the style.css in the yoko child theme folder
          Activate it, ever­y­thing should look like it was when you where using the main yoko theme (you have to add your modi­fi­ca­tions to Appearance -> »yoko theme pages«

          To remove the thumbnail from single posts

          copy content-single.php from the yoko theme folder to your yoko child theme forlder
          remove the_post_thumbnail(›thumbnail‹); from content-single.php in your yoko child theme forlder

          (hope­fully com­ments here sup­ports the html markup)

  7. Pingback: Netrobin » Nachdenken über Design

  8. Pingback: 34 Free WordPress Theme Frameworks and Starter Themes (With A Comparison Chart) | WebDesignBasis.com

  9. Pingback: Des Blogs neues Kleid » themenfreund - der tägliche Wahnwitz

  10. Simon Murphy

    Hi, I really like your responsive theme.

    However I am having a slight pro­blem with IE as you may know. I would like to fix the width for IE. Has this issue been sovled before?

    I have loaded a con­di­tional CSS but with a fixed width on the »page« of 1100px - inside is still stret­ching images

  11. Pingback: Customising WordPress | KRAYON

  12. Gisela

    Super theme - genau, wonach ich suche! Eine Frage: Erlaubt Yoko eine Selbstregistrierung von Nutzern? Danke!

  13. Pingback: ソーシャルボタンをきれいに配置する | もしもワークス

  14. Pingback: 27 Responsive WordPress Themes » Frisch Inspiriert

  15. Pingback: 「とある魔術の禁書目録」風ロゴをヘッダーに入れてみた | 大阪のWEBマーケティング雑記

  16. Tobi

    Kleiner Verbesserungsvorschlag für die nächste Version:
    Ping- und Trackbacks sollten auch eine »id« zuge­wiesen bekommen, damit direkt auf diese ver­linkt werden kann.

  17. Pingback: スマートフォンからのアクセスが前年比500%以上の伸び率、全体の20%を占めているのでWordPressテーマを検討する。 | enpitu.biz

  18. Pingback: スマートフォンからのアクセスが前年比500%以上の伸び率、全体の20%を占めているのでWordPressテーマを検討する。 | enpitu.biz

  19. Pingback: dunkelwesen.de in neuem Gewand › dunkelwesen.de

  20. Thomas

    Hallo ;)

    ein Frage habe ich zum Header:
    Wenn ich die Bildgröße im Editor anpassen möchte, dann wird es leider nicht übernommen!

    Ist das ein all­ge­meines Problem, oder habe ich was falsch gemacht?

    Danke für den Support ;)

    Gruß Thomas

  21. Pingback: eLearningIsland – Part One | eLearning Island

  22. Pingback: Robert Basic startet “Buzzriders” « Egon's Blog

  23. Dave

    Hello.

    We are very happy with the yoko theme. Thankyou!

    One sug­ges­tion…

    It seems that set­ting a custom link colour also changes the colour of some links in the WP toolbar at top. This makes them dif­fi­cult to read on the dark grey toolbar.

    -Dave

  24. Joachim

    Hallo, ein super Theme, das durch Klarheit und Funktionalität überzeugt.

    Leider komme ich an dieser Stelle nicht weiter und bitte um Support: Ich baue gerade eine Seite mit Yoko und möchte 2 Ände­rungen am Layout umsetzen:

    1)Ich möchte auf der linken Seite eine ver­ti­kale Navigation ein­bauen, z.B. mit einer wid­get­fä­higen, linken Sidebar. Hierfür müßte man das 3spaltige Layout ändern in linke Spalte - Hauptspalte - rechte Spalte.

    2) Der Footer soll mit zusätz­li­chem Content gefüllt werden, am besten mit einem wid­get­fä­higen Footerbereich, den man aus dem Admin heraus bedienen kann.

    Hat jemand das schon bei sich umge­setzt oder eine Lösung/Idee ?

    Ganz herz­li­chen Dank!!

  25. Pingback: Koleksi Theme WordPress Auto Responsif Gratis - Dani Setiyawan

  26. Sylvia

    Hallo zusammen,

    weiß jemand, wie man Xing bei den Widgets in die Yoko Social Links bekommt?
    Muss ich da irgendwas nach­laden, gibt’s da nen Trick? Es wird nicht ange­boten, ich brauche es aber unbedingt!

    Liebe Grüße,
    Sylvia

    • Christian

      Servus Sylvia,

      hast Du schon her­aus­ge­funden wir das geht? Würde mich auch inter­es­sieren, wie man da noch Anpassungen vor­nehmen kann.

      • Sylvia

        Hi Christian,

        ich hab zumin­dest raus­be­kommen, dass es via Yoko so ein­fach nicht geht. Zu mehr hatte ich noch keine Zeit.

        Grüße,
        Sylvia

        • Sylvia

          Hallo ihr beiden,

          ich habe es ein wenig um die Ecke gelöst und bisher keine Zeit und Lust, was schö­neres neues aus­zu­tüf­teln. Am liebsten hätte ich die icons etwas größer und dass sie ohne wetiern Text direkt ver­linken - aber so funk­tio­niert es bei yoko nicht..

          Das xing icon ist aber ange­legt, ihr findet es im »image« ordner von yoko - ich hab es mir in die Mediathek geladen und dann ein eigenes Socal plugins-Widget gebas­telt. Dort sind dann die icons mit der Mediathek ver­linkt und der Text daneben fb, xing rss mit den ent­spe­chenden Seiten-urls, auf die man springen soll.

          viel­leicht hilft euch das..

          Beste Grüße, Sylvia

    • Torsten

      Ich habe mich da mal dran gemacht und XING erfolg­reich in das Yoko-Social-Link-Widget inte­griert. Man muss ein­fach in der functions.php das Social-Link-Widget erwei­tern und in der style.css einen Eintrag hinzufügen.

      Hier der geän­derte Block in der functions.php

      /**
      * Custom Social Links Widget
      */
      class Yoko_SocialLinks_Widget extends WP_Widget {
      func­tion Yoko_SocialLinks_Widget() {
      $widget_ops = array(
      ’class­name‹ => ›widget_social_links‹,
      ’descrip­tion‹ => __(›Link to your social pro­files like twitter, face­book or flickr.‹, ›yoko‹));
      $this->WP_Widget(›social_links‹, ›Yoko Social Links‹, $widget_ops);
      }

      func­tion widget($args, $instance) {
      extract($args, EXTR_SKIP);
      echo $before_widget;
      $title = empty($instance[’title‹]) ? ‹ ‹ : apply_filters(›widget_title‹, $instance[’title‹]);

      $rss_title = empty($instance[’rss_title‹]) ? ‹ ‹ : apply_filters(›widget_rss_title‹, $instance[’rss_title‹]);
      $rss_url = empty($instance[’rss_url‹]) ? ‹ ‹ : apply_filters(›widget_rss_url‹, $instance[’rss_url‹]);
      $twitter_title = empty($instance[’twitter_title‹]) ? ‹ ‹ : apply_filters(›widget_twitter_title‹, $instance[’twitter_title‹]);
      $twitter_url = empty($instance[’twitter_url‹]) ? ‹ ‹ : apply_filters(›widget_twitter_url‹, $instance[’twitter_url‹]);
      $fb_title = empty($instance[’fb_title‹]) ? ‹ ‹ : apply_filters(›widget_fb_title‹, $instance[’fb_title‹]);
      $fb_url = empty($instance[’fb_url‹]) ? ‹ ‹ : apply_filters(›widget_fb_url‹, $instance[’fb_url‹]);
      $googleplus_title = empty($instance[’googleplus_title‹]) ? ‹ ‹ : apply_filters(›widget_googleplus_title‹, $instance[’googleplus_title‹]);
      $googleplus_url = empty($instance[’googleplus_url‹]) ? ‹ ‹ : apply_filters(›widget_googleplus_url‹, $instance[’googleplus_url‹]);
      $flickr_title = empty($instance[’flickr_title‹]) ? ‹ ‹ : apply_filters(›widget_flickr_title‹, $instance[’flickr_title‹]);
      $flickr_url = empty($instance[’flickr_url‹]) ? ‹ ‹ : apply_filters(›widget_flickr_url‹, $instance[’flickr_url‹]);
      $vimeo_title = empty($instance[’vimeo_title‹]) ? ‹ ‹ : apply_filters(›widget_vimeo_title‹, $instance[’vimeo_title‹]);
      $vimeo_url = empty($instance[’vimeo_url‹]) ? ‹ ‹ : apply_filters(›widget_vimeo_url‹, $instance[’vimeo_url‹]);
      $linkedin_title = empty($instance[’linkedin_title‹]) ? ‹ ‹ : apply_filters(›widget_linkedin_title‹, $instance[’linkedin_title‹]);
      $linkedin_url = empty($instance[’linkedin_url‹]) ? ‹ ‹ : apply_filters(›widget_linkedin_url‹, $instance[’linkedin_url‹]);
      $delicious_title = empty($instance[’delicious_title‹]) ? ‹ ‹ : apply_filters(›widget_delicious_title‹, $instance[’delicious_title‹]);
      $delicious_url = empty($instance[’delicious_url‹]) ? ‹ ‹ : apply_filters(›widget_delicious_url‹, $instance[’delicious_url‹]);
      $xing_title = empty($instance[’xing_title‹]) ? ‹ ‹ : apply_filters(›widget_xing_title‹, $instance[’xing_title‹]);
      $xing_url = empty($instance[’xing_url‹]) ? ‹ ‹ : apply_filters(›widget_xing_url‹, $instance[’xing_url‹]);

      if ( !empty( $title ) ) { echo $before_title . $title . $after_title; };
      echo «;
      if($rss_title == ‹ ‹) { echo «; } else { echo . $rss_title .; }
      if($twitter_title == ‹ ‹) { echo «; } else { echo . $twitter_title .; }
      if($fb_title == ‹ ‹) { echo «; } else { echo . $fb_title .; }
      if($googleplus_title == ‹ ‹) { echo «; } else { echo . $googleplus_title .; }
      if($flickr_title == ‹ ‹) { echo «; } else { echo . $flickr_title .; }
      if($vimeo_title == ‹ ‹) { echo «; } else { echo ‹ ›. $vimeo_title .; }
      if($linkedin_title == ‹ ‹) { echo «; } else { echo . $linkedin_title .; }
      if($delicious_title == ‹ ‹) { echo «; } else { echo . $delicious_title .; }
      if($xing_title == ‹ ‹) { echo «; } else { echo . $xing_title .; }
      echo «;
      echo $after_widget;

      }
      func­tion update($new_instance, $old_instance) {
      $instance = $old_instance;
      $instance[’title‹] = strip_tags($new_instance[’title‹]);

      $instance[’rss_title‹] = strip_tags($new_instance[’rss_title‹]);
      $instance[’rss_url‹] = strip_tags($new_instance[’rss_url‹]);
      $instance[’twitter_title‹] = strip_tags($new_instance[’twitter_title‹]);
      $instance[’twitter_url‹] = strip_tags($new_instance[’twitter_url‹]);
      $instance[’fb_title‹] = strip_tags($new_instance[’fb_title‹]);
      $instance[’fb_url‹] = strip_tags($new_instance[’fb_url‹]);
      $instance[’googleplus_title‹] = strip_tags($new_instance[’googleplus_title‹]);
      $instance[’googleplus_url‹] = strip_tags($new_instance[’googleplus_url‹]);
      $instance[’flickr_title‹] = strip_tags($new_instance[’flickr_title‹]);
      $instance[’flickr_url‹] = strip_tags($new_instance[’flickr_url‹]);
      $instance[’vimeo_title‹] = strip_tags($new_instance[’vimeo_title‹]);
      $instance[’vimeo_url‹] = strip_tags($new_instance[’vimeo_url‹]);
      $instance[’linkedin_title‹] = strip_tags($new_instance[’linkedin_title‹]);
      $instance[’linkedin_url‹] = strip_tags($new_instance[’linkedin_url‹]);
      $instance[’delicious_title‹] = strip_tags($new_instance[’delicious_title‹]);
      $instance[’delicious_url‹] = strip_tags($new_instance[’delicious_url‹]);
      $instance[’xing_title‹] = strip_tags($new_instance[’xing_title‹]);
      $instance[’xing_url‹] = strip_tags($new_instance[’xing_url‹]);
      return $instance;
      }
      func­tion form($instance) {
      $instance = wp_parse_args(
      (array) $instance, array(
      ’title‹ => «,
      ’rss_title‹ => «,
      ’rss_url‹ => «,
      ’twitter_title‹ => «,
      ’twitter_url‹ => «,
      ’fb_title‹ => «,
      ’fb_url‹ => «,
      ’googleplus_title‹ => «,
      ’googleplus_url‹ => «,
      ’flickr_title‹ => «,
      ’flickr_url‹ => «,
      ’vimeo_title‹ => «,
      ’vimeo_url‹ => «,
      ’linkedin_title‹ => «,
      ’linkedin_url‹ => «,
      ’delicious_title‹ => «,
      ’delicious_url‹ => «,
      ’xing_title‹ => «,
      ’xing_url‹ => «
      ) );
      $title = strip_tags($instance[’title‹]);
      $rss_title = strip_tags($instance[’rss_title‹]);
      $rss_url = strip_tags($instance[’rss_url‹]);
      $twitter_title = strip_tags($instance[’twitter_title‹]);
      $twitter_url = strip_tags($instance[’twitter_url‹]);
      $fb_title = strip_tags($instance[’fb_title‹]);
      $fb_url = strip_tags($instance[’fb_url‹]);
      $googleplus_title = strip_tags($instance[’googleplus_title‹]);
      $googleplus_url = strip_tags($instance[’googleplus_url‹]);
      $flickr_title = strip_tags($instance[’flickr_title‹]);
      $flickr_url = strip_tags($instance[’flickr_url‹]);
      $vimeo_title = strip_tags($instance[’vimeo_title‹]);
      $vimeo_url = strip_tags($instance[’vimeo_url‹]);
      $linkedin_title = strip_tags($instance[’linkedin_title‹]);
      $linkedin_url = strip_tags($instance[’linkedin_url‹]);
      $delicious_title = strip_tags($instance[’delicious_title‹]);
      $delicious_url = strip_tags($instance[’delicious_url‹]);
      $xing_title = strip_tags($instance[’xing_title‹]);
      $xing_url = strip_tags($instance[’xing_url‹]);
      ?>
      <label for=»get_field_id(›title‹); ?>«> <input class=»widefat« id=»get_field_id(›title‹); ?>« name=»get_field_name(›title‹); ?>« type=»text« value=«« />

      <label for=»get_field_id(›rss_title‹); ?>«> <input class=»widefat« id=»get_field_id(›rss_title‹); ?>« name=»get_field_name(›rss_title‹); ?>« type=»text« value=«« />

      <label for=»get_field_id(›rss_url‹); ?>«> <input class=»widefat« id=»get_field_id(›rss_url‹); ?>« name=»get_field_name(›rss_url‹); ?>« type=»text« value=«« />

      <label for=»get_field_id(›twitter_title‹); ?>«> <input class=»widefat« id=»get_field_id(›twitter_title‹); ?>« name=»get_field_name(›twitter_title‹); ?>« type=»text« value=«« />
      <label for=»get_field_id(›twitter_url‹); ?>«> <input class=»widefat« id=»get_field_id(›twitter_url‹); ?>« name=»get_field_name(›twitter_url‹); ?>« type=»text« value=«« />
      <label for=»get_field_id(›fb_title‹); ?>«> <input class=»widefat« id=»get_field_id(›fb_title‹); ?>« name=»get_field_name(›fb_title‹); ?>« type=»text« value=«« />
      <label for=»get_field_id(›fb_url‹); ?>«> <input class=»widefat« id=»get_field_id(›fb_url‹); ?>« name=»get_field_name(›fb_url‹); ?>« type=»text« value=«« />
      <label for=»get_field_id(›googleplus_title‹); ?>«> <input class=»widefat« id=»get_field_id(›googleplus_title‹); ?>« name=»get_field_name(›googleplus_title‹); ?>« type=»text« value=«« />
      <label for=»get_field_id(›googleplus_url‹); ?>«> <input class=»widefat« id=»get_field_id(›googleplus_url‹); ?>« name=»get_field_name(›googleplus_url‹); ?>« type=»text« value=«« />
      <label for=»get_field_id(›flickr_title‹); ?>«> <input class=»widefat« id=»get_field_id(›flickr_title‹); ?>« name=»get_field_name(›flickr_title‹); ?>« type=»text« value=«« />
      <label for=»get_field_id(›flickr_url‹); ?>«> <input class=»widefat« id=»get_field_id(›flickr_url‹); ?>« name=»get_field_name(›flickr_url‹); ?>« type=»text« value=«« />
      <label for=»get_field_id(›vimeo_title‹); ?>«> <input class=»widefat« id=»get_field_id(›vimeo_title‹); ?>« name=»get_field_name(›vimeo_title‹); ?>« type=»text« value=«« />
      <label for=»get_field_id(›vimeo_url‹); ?>«> <input class=»widefat« id=»get_field_id(›vimeo_url‹); ?>« name=»get_field_name(›vimeo_url‹); ?>« type=»text« value=«« />
      <label for=»get_field_id(›linkedin_title‹); ?>«> <input class=»widefat« id=»get_field_id(›linkedin_title‹); ?>« name=»get_field_name(›linkedin_title‹); ?>« type=»text« value=«« />
      <label for=»get_field_id(›linkedin_url‹); ?>«> <input class=»widefat« id=»get_field_id(›linkedin_url‹); ?>« name=»get_field_name(›linkedin_url‹); ?>« type=»text« value=«« />
      <label for=»get_field_id(›delicious_title‹); ?>«> <input class=»widefat« id=»get_field_id(›delicious_title‹); ?>« name=»get_field_name(›delicious_title‹); ?>« type=»text« value=«« />
      <label for=»get_field_id(›delicious_url‹); ?>«> <input class=»widefat« id=»get_field_id(›delicious_url‹); ?>« name=»get_field_name(›delicious_url‹); ?>« type=»text« value=«« />

      <label for=»get_field_id(›xing_title‹); ?>«> <input class=»widefat« id=»get_field_id(›xing_title‹); ?>« name=»get_field_name(›xing_title‹); ?>« type=»text« value=«« />
      <label for=»get_field_id(›xing_url‹); ?>«> <input class=»widefat« id=»get_field_id(›xing_url‹); ?>« name=»get_field_name(›xing_url‹); ?>« type=»text« value=«« />

      und hier der Block aus der style.css

      /* --- Social Links Custom Widget --- */
      .widget_sociallinks a {
      padding:0 20px;
      }
      .widget_sociallinks a.rss {
      background:url(images/rss-icon.png) 0 0 no-repeat;
      }
      .widget_sociallinks a.twitter {
      background:url(images/twitter-icon.png) 0 0 no-repeat;
      }
      .widget_sociallinks a.facebook {
      background:url(images/fb-icon.png) 0 0 no-repeat;
      }
      .widget_sociallinks a.flickr {
      background:url(images/flickr-icon.png) 0 0 no-repeat;
      }
      .widget_sociallinks a.vimeo {
      background:url(images/vimeo-icon.png) 0 0 no-repeat;
      }
      .widget_sociallinks a.linkedin {
      background:url(images/linkedin-icon.png) 0 0 no-repeat;
      }
      .widget_sociallinks a.delicious {
      background:url(images/delicious-icon.png) 0 0 no-repeat;
      }
      .widget_sociallinks a.googleplus {
      background:url(images/googleplus-icon.png) 0 0 no-repeat;
      }
      .widget_sociallinks a.xing {
      background:url(images/xing-icon.png) 0 0 no-repeat;
      }

      Und wie immer gilt: Vor dem ändern ein Backup der Dateien machen!

  27. zambanini

    gibt es inziw­schen schon eine ein­fach emög­lich­keit, um eine der beiden side­bars »ein­fach und simpel« auszuschalten?

    beim gekauften piha und nilmini passt alles, nur yoka ver­schwendet hier ein­fahc zu viel­platz in der breite, wenn nur eine sidebar befüllt ist

  28. e

    I really love this theme but I don’t want to see wid­gets on iphone
    Please. On iphone, wid­gets are so huge.

  29. Ankit Sharma

    Hello,

    I have just started using this theme and its kool. But I want to know how can I use a PNG images for Header. When I use a PNG image for Banner it makes the back­ground black.
    Is there any solution.

    thanks in Advance

  30. Pingback: The WordPress Theme Developer’s Toolbox : WP Mayor

  31. Pingback: What’s Your Favourite WordPress Responsive Theme Framework? : WP Mayor

  32. John Guinan

    Hello, I love the theme, thanks. A couple ques­tions though. 1) How do I make it so the author box show just after the post.. always. ( now it only show if someone hits com­ment, and it shows after other stuff)
    2) I would like to install the child theme in case (I learn how to first.. haha ) change somehting. I am not clear where I would install it. from dash­board or at the server site? 3) lastly is there a place I can find out what the sizes of the two side­bars (pixel width) and the post pixel width, so i will know how large of an item can be for the side­bars to show them. If there is a tuto­rial or some­thing on any of these or the child theme install just let me know where I can find it. I am very pleased with the theme and am glad I found it.

  33. Daniel Wüllner (@hinschauer)

    Wirklich es sehr schönes Theme,

    bin auch wei­test­ge­hend bei den Farben geblieben. Nur eine simple Anfängerfrage habe ich noch.

    Wie bekomme ich es hin, dass das Sub Menu eine DropDown-Funktion hat? Oder gibt es die nur für das Main Menu?

    Grüße,
    Daniel

  34. Ann-Kathrin

    Hi Ellen …
    Ich hoffe du kannst mir beim Ummodeln meines yoko-Themes helfen .… ich möchte gern das Impressum unten im footer haben, bin aber noch nicht drauf gekommen wie das geht. Könntest du mir sagen wie du das gemacht hast? Und noch was .… ist es irgendwie mög­lich aus den sub-menu cate­go­ries ein slide menu zu machen?

    besten Dank! Klasse Theme übri­gens. Ich habs für die Arbeit ver­wendet und bin grad auf der Suche nach einem Theme, das den Ansprüchen eines pri­vaten Vorhabens gerecht wird. Würde gern Yoko nehmen, dazu bräuchte ich aber ein Slide Menu, weil es zu viele unter­schied­liche Inhalte sind.

    Grüße
    Kathrin

    • Sabine

      Hallo Ann-Kathrin,

      erstelle erst eine Seite mit dem Titel »Impressum«. Dann kannst Du in der footer.php diese Seite ver­linken. Beispielsweise könn­test Du in der Zeile über »prowdly powered…« mit p und /p eine neue Zeile ein­fügen, in der Du Dein Impressum verlinkst.

      Liebe Grüße,
      Sabine

      • Ann-Kathrin

        Hallo Sabine,

        ach .… so ein­fach mensch. Vielen Dank, hat super geklappt :-) Hast du auch eine Idee zu der Frage mit den Dropdown/Slide-SubMenus?

        Danke!
        AK

  35. Daniel

    Jetzt müsste ich noch etwas fragen:

    Besteht die Möglichkeit nur bei dem Sub-Menu die Dropdown-Funktion zu benutzen? In dem Main Menu über­halb des Headers brauch ich sie näm­lich nicht.

    Daniel

  36. Pingback: 22 kostenlose Responsive Themes für Wordpress

  37. Barbara Niedner

    Vielen Dank für das wirk­lich gelun­gene Theme. Echtes Glückgefühl, wenn man seine eigene Seite auf dem Smartphone und Table sieht. Ein Traum!
    Nur die Schriftgröße lässt sich im Responsive Layout dann halt nicht mehr zoomen.

    Wie bekomme ich den Titel auf der Startseite weg?

  38. Shani

    Hallo

    Eine Frage beschaef­tigt mich gerade und ich hoffe, dass mir hier viel­leicht jemand wei­ter­helfen kann! Undzwar finde ich den Header mit 1102 x 350 ziem­lich riesig und wuerde ihn gerne etwas schmaelern.

    Nun habe ich eine Testheader-Grafik erstellt mit 1102 x 200. Das Problem ist, dass ich beim hoch­laden die Datei »zuschneiden« soll und die zuge­schnit­tene Grafik dann ver­pi­xelt auf 1102 x 350 ange­passt wird. Das gefa­ellt mir so gar nicht :-/

    Weiß jemand, wie ich das umgehen kann, damit ich den Header etwas kleiner kriege?

    Liebe Grueße

    • Dominik

      Ja, Du musst in der functions.php die gewünschte Höhe eben­falls angeben, also die 200 px. Die Angaben sind ziem­lich weit oben, du fin­dest Sie gleich, achte auf die Zahl 1102! Wenn Du das gemacht hast, erscheint die neue grösse auch im Dashboard.

  39. Guy

    Can I add images to the rota­ting hea­ders, the only upload I know puts them into a sec­tion of the options apart from the default headers.

  40. Donna

    Hi Ellen,

    I really love this theme and the fact that it auto­ma­ti­cally opti­mizes the web­sites for any plat­form. I was just won­de­ring if you could please do a video tuto­rial on how to use all the wid­gets. I’m new to WordPress and would like to know more about these, what they do and how to use them. I’d like to know how to put affi­liate ban­ners on the side as well. Thank you so much.

  41. Pingback: Child Theme für das elmastudio Yoko Theme | Elschys Sicht der Dinge

  42. Pingback: Kerikeri - wieder ein tolles responsive WordPress Theme von Elmastudio | Cocas Blog

  43. Ryan

    How can I add custom fields to end of a single post using the yoko theme? I tried using in mul­tiple php pages but I didn’t see anything happening.

    • Jochen

      This is important to me, too. I’m trying to bring some »Sliding Boxes«, »http://buildinternet.com/project/mosaic/1.0/«, to my star­ting page. I’m using a custom field for the header and DIVs brought via HTML into the page. Poorly it does not work.

      Any hints out there?

      TIA
      Jochen

  44. Robin

    Vielen Dank für dieses tolle schlichte und vor allem freie Template so wie die schöne pas­sende Dokumentation.

    Es gibt mei­ner­seits aber eine Frage bez. der Menügestaltung von den fest ein­ge­rich­teten Seiten, welche oben rechts über dem Headerbild erscheinen. Und zwar haben die Menüs ja ein Rollover und listen dann alle Unterseiten auf. Da ich meine Unterseiten immer mal wieder erwei­tere und die »Seiten« auch als Kategorien nutze, wirkt sich das recht pro­ble­ma­tisch aus auf die Navigation, die dann lang­fristig ins Endlose auf­klappen dürfte.

    Kann man das auf­ge­klappte Menü etwas kürzen wie z.B. auf die letzten drei Einträge, gefolgt von einem Link wie »Weitere Themen« was dann letzt­lich die »Kategorie / Seite« öffnet, wo alle Links dann stehen?

    Im WordPress Codex bin ich dies­be­züg­lich leider nicht schlau geworden :-(

  45. PMeyer

    Nettes Template; wirk­lich. Nur, warum so ein großer Bereich für das Bild? Standard-Notebook mit 13xx mal ~800 minus Browserstatus und -menue minus Bild … nicht mehr viel zu sehen, oder? :-)

    Besser eine Variable, so dass der Admin die Höhe des Bildes ein­stellen kann.

    Grüße

  46. Pingback: 10 High Quality Free Responsive Wordpress Themes

  47. Sevim

    Hallo @ellen,

    ich benutze auch dieses super responsive Theme. Habe aber ein Header-Plugin im Einsatz, der den ein­zelnen Seiten header zuweist. Nun funk­tio­niert das Responsive nicht, sprich die Header-grafiken werden nicht ver­klei­nert. Was kann ich machen, dass das wieder funk­tio­niert? Über jede Antwort/Tipp würde ich mich freuen.

    Lieben Gruß
    Sevim

  48. MK

    Hi!

    The DM Albums is not working in the Yoko Theme with IE ans FF. (It is working in smart phone very well)
    Could you please check the issue?

  49. Pingback: Wiedergeburt! | Schokokäse

  50. ron

    Hi,
    We would like to use your theme but we ant each page to have dif­fe­rent links color (We know how to change the links color in the options, but we need it for each page to be dif­fe­rent)
    We have a mem­beer with some php know­ledge so he can maybe do the change.

    Thanks

  51. Pingback: Wordpress Responsive Web Design - Actual Insights

  52. Pingback: aufgeräumt und das WordPress Theme Yoko weiter angepasst » Delijo

  53. Bob

    Hi,

    First thx for the Yoko theme, I’m very happy with it !

    I’m just facing a small pro­blem with mobile devices, the sub-pages aren’t shown or acces­sible on such devices (i tried on iphone and black­berry). As anyone noticed the same issue or got a solu­tion to fix it?

    Best regards

      • Bob

        Hi Sabine,

        Have you tried to access to my site on a mobile device (like iPad, iPhone, black­berry etc.) ? Maybe I didn’t under­s­tood some­thing but I thought the sub-pages aren’t acces­sible on such device because the »on over« menu aren’t displayed.

        Example: When you access http://daltunes.ch, in the top-menu you could choose/click »VanRonMaiden«. After that a menu should be dis­played (with the fol­lo­wing options Biography, Videos, Sounds). On a Mac or PC there aren’t any pro­blem, this menu is well dis­played, on mobile device I didn’t saw it … maybe I’m wrong.

        I hope you could explain me or solve my problem.

        Thx a lot

        • Sabine

          Hi Bob,

          Now I under­stand what you mean. Unfortunately I don’t have any of these modern and stylish devices at my dis­posal. I just mini­mized my browser until it had the size of an ancient mobile phone.

          And yes, you are right. With these small screen sizes there’s no menu visible.

          Unfortunately I have no clue what you could do to fix this pro­blem. When it comes to web design, I’m just a lay­person. I was using Yoko last year for my former site and acquired my very limited know­ledge through learning by doing.

          Due to time cons­traints Ellen and Manuel are unable to answer any of the thousands of ques­tions of the thousends of users of their free themes. I’m afraid you’d have to hobe and wait for a qua­li­fied user with some spe­cial know­ledge to pop in.

          I’m very sorry that I can’t help you here.

          Best wishes,
          Sabine

          • Bob

            Hi Sabine,

            Thx for the feedback.

            Wait & see then, I hope someone find a solu­tion, the theme is great and I really hope it works on tablet too

            Best regards
            Bob

            • Jochen

              Hi,
              I posted that point in this dis­cus­sion too »http://www.elmastudio.de/webdesign/webseiten-navigationen-in-responsive-webdesigns-analysiert/comment-page-1/#comment-19995″, cause it’s all about responsive Themes. Hopefully Ellen reads it.
              As I just figured out, it’s a »smart-phone-probleme«. It tested it on an iPad (via iOS-Simulator) and it worked! I think, the con­tent (Logo-Image or Headline) which is pushed under the menu prevents the pulldown.

              Regards,
              Jochen

  54. sam

    Hallo Elmastudio,

    ich nutze schon seit einiger Zeit euer Theme und als ich heute auf meinen Blog schauen wollte bekam ich fol­gende Meldung !

    Parse error: syntax error, unex­pected ›<‹ in /var/www/web44/html/wordpress/wp-content/themes/yoko/functions.php on line 573

    Ich komme nicht in mein Admin Backend rein um ein anderes Theme aus­zu­wählen ! Habt ihr einen Rat für mich ?

    gruß sam und frohe ostern !

  55. Sabine

    Hallo Sam,

    die ori­ginal functions.php von Yoko endet bei Zeile 571. Du hast da offenbar etwas dazu­ge­schrieben, was nach meinem lai­en­haften Verständnis diesen Fehlercode aus­ge­löst haben könnte.

    Wenn Du Dich gar nicht mehr ein­loggen kannst, dann bleibt Dir wohl nur der Griff zu Filezilla oder Ähnli­chem und der Besuch auf Deinem Server, um die Datei an Ort und Stelle zu ändern.

    Ich hoffe, das hilft Dir irgendwie weiter.

    Viele Grüße,
    Sabine

    • sam

      Hallo Sabine, danke für deine schnelle Antwort. Ich wüsste nicht das ich nach der Line 573 noch was hin­zu­ge­fügt habe O.O

      Soll ich die functions.php nun ein­fach gegen eine neue ersetzen (ich lad mir von hier das theme noch einmal runter), oder was wäre dein tipp ?!

      Gruß sam

  56. Sabine

    Sam, Du könn­test ja auch irgendwo in der Datei etwas hin­zu­ge­fügt haben. Dadurch wird die Datei natür­lich ins­ge­samt länger.

    Wenn Du tat­säch­lich nicht auf Deinen Admin-Bereich zugreifen kannst, nützt Dir das erneute Herunterladen des Themes nicht allzu viel.

    In diesem Fall müss­test Du wohl tat­säch­lich direkt auf Deinem Server arbeiten und dort in der functions.php ent­weder die Zeilen löschen, die Du hin­zu­ge­fügt hast, oder sie repa­rieren (meist sind es ein­fache Syntax-Fehler wie irgendein ver­ges­senes Zeichen, die zu diesen Meldungen führen), und dann die ver­bes­serte Datei wieder auf den Server hochladen.

    Wie ist es denn nun – kannst Du Dich in Deinen Admin-Bereich ein­loggen oder nicht? Von hier außen sieht man nur die Fehlermeldung.

    Viele Grüße,
    Sabine

    • sam

      Hallo Sabine,

      ich kann mich nicht in den Admin Bereich ein­loggen. Meine functions.php hab ich runter geladen und würde Sie gegen eine neue aus­tau­schen und schauen ob sie geht. Ich kenne leider nie­mand der mir meine alte functions.php über­prüfen könnt.

      Ich schau ein­fach mal !

      Gruß sam

  57. ME

    Wünsch Euch Frohe Ostern, bei mir passt alles und weil ich die Posts hier so sehe - ich finds toll, dass ihr für ein free.theme solch einen sup­port macht!

  58. Christine

    All of the text on my layout looks bold now. I’m not sure how or why this change took place. It didn’t look like that the last time I che­cked my blog. Do you have any idea why this might be happening?

    • Sabine

      Hi Christine,

      From here ever­y­thing looks fine. Except for the head­lines I cannot find any bold text.

      Kind regards,
      Sabine

    • Jochen

      Hi Christine,
      on my Mac evert­hing is fine too. Maybe there were pro­blems with your con­nec­tion to the Google-Fonts. Droid Sans from Google or Arial (from your PC) is needed.

      Regards,
      Jochen

  59. Cody

    First of all, thank you for the excel­lent them! I am using it on my site and I think the results are great.

    One quick ques­tion… is there any fix to prevent the theme link color from affec­ting the WordPress bar that shows up when I’m logged in? It changes some of that text to blue which makes it hard to see, and makes me think there might be an over­ze­a­lous selector, or per­haps it’s a WordPress bug.

  60. Sara

    Love this theme! Been using it for a few months now, but I am having a pro­blem. Under 1024×768 reso­lu­tions the single sidebar I am using goes down under the main text of the body. It isn’t being responsive, but it’s instead just sli­ding down and staying to the right, lea­ving it empty at the top. Any way to fix this?

  61. Pingback: Ei ei ei IPhone 4 – jetzt auch hier - QuerBlog.com

  62. Pingback: Yoko!! | ワードプレス(WordPress)厳選テンプレート特集!!

  63. Pingback: Neue Kategorie… | breakdowncorner

  64. Timm

    Hallo Elma,

    etwas ­spät möchte ich Dir für dieses wun­der­volle Design bedanken, wel­ches schon bei vielen meiner Projekte Anwendung gefunden hat.

    Auch wenn ich die nach­fol­genden Designs käuf­lich erwarb, so komme ich doch immer wieder auf Yoko zurück. Warum nur. …?

    Vielen Dank und beste Grüße
    Timm

  65. Pingback: Timm's Blogwelten

  66. Shani

    Hallo

    Ich habe einen Blog ent­deckt, der eben­falls das Yoko-Theme nutzt. Dabei ist aller­dings die Content-Box nicht so hart eckig, son­dern abge­rundet worden. Der ent­spre­chende Blog ist hier zu finden: http://www.usa-westkueste.de/ - Damit ihr euch das kurz ansehen koennt, was ich meine.

    Weiß hier zufa­ellig jemand, wie man das umsetzt? Also das abrundet? Und vor allem an wel­cher Stelle?

    Liebe Grueße,
    Shani

    • Sabine

      Hallo Shani,

      Du brauchst nur in der style.css bei #page (Zeile 74) diese Angaben zu ergänzen:

      »border-radius: 20px 20px 20px 20px;«

      Insgesamt sieht das dann so aus:

      #page {
      border-radius: 20px 20px 20px 20px;
      max-width: 1102px;
      margin: 12px auto;
      padding:0 30px 30px;
      background-color:#fff;
      z-index: 0;
      }

      Viele Grüße,
      Sabine

    • Sevim

      Hallo Shani,
      hab mir mal mit Firebug die CSS ange­schaut. Schau mal, was für den page defi­niert ist:

      #page {
      back­ground: url(»/wp-content/uploads/2011/07/background_noise.png«) repeat scroll 0 0 #FFFFCC;
      border-radius: 20px 20px 20px 20px;
      margin: 10px auto 12px;
      max-width: 1102px;
      pad­ding: 0 30px 30px;
      z-index: 0;
      }

      Das ist der border-radius.

      Lieben Gruß
      Sevim

  67. bomin

    Hi,

    I’m happy with your theme. Thank you!

    I have some pro­blem and I don’t know what has been wrong coz I’m a totally beginner of WP.

    I tried to change the custom header pic­ture, but screen show me this mes­sage »You do not have suf­fi­cient per­mis­sions to access this page.«

    What’s wrong? And what should I do?

    It could be silly ques­tion, but I will be happy if you help me. ^-^

  68. Pingback: Weinakademie Berlin Blog demnächst in neuem Outfit

  69. Nicolas TAFFOREAU

    Hello there !

    I realy love this theme, great theme, good job !
    Can you please help me? I don’t remember how to have the »Gravatar« in the »Recent Comments« widget.

    Thx !

  70. Pingback: WordPress Community: Elmastudio and the Art of Userfriendly Design ‹‹ WP Living

  71. Thomas Fauser

    Hallo,
    vielen Dank für das tolle Theme, genauso wie für die anderen tollen Themes hier.
    Eine Frage habe ich noch dazu:
    Wie kann man einem bestimmten ein­zelnen Artikel über die ganze Breite der Webseite anzeigen - also die beiden rechten Spalten vor­über­ge­hend entfernen.

    Vielen Dank im Vorraus,
    Thomas Fauser

  72. Jyaire

    Thank you very much for this beau­tiful theme. We begin to use it for us school’s web­site in north of France. Congretulations for this very good job !

  73. Takuma

    Hi guys,

    I really love this theme, thanks.

    I’ve got a ques­tion. I want to show only 20 lines or so per post on the main index page, and con­nect it to the full post page with »con­tinue rea­ding« link. I just che­cked a couple of the web­pages in the show­case above and saw people do exactly what I want to do with »Witerlesen« hyper­link. How did you do that?

    Thanks,
    Takuma

  74. Benjamin

    Is there any way to remove the date when a com­ment was posted? Right under the com­ment aut­hors name it shows the date and time when the com­ment was posted. Is there some­thing in the code that i can remove to get rid of this? Thanks

  75. Stevooo

    Hallo,

    zunächst einmal vielen Dank für die tolle Arbeit. Eine Frage hätte ich jedoch: ist es mög­lich, bei einer umfang­rei­cheren Galerie die Anzahl der Vorschaubilder / Thumbnails auf der Startseite zu begrenzen, so dass die gesamte Anzahl dann erst inner­halb des eigent­li­chen Postings ange­zeigt wird?

    vielen Dank und schöne Grüße

    Stevooo

Hinterlasse eine Antwort

Pflichtfelder sind mit * markiert.

*


Top