English 
Deutsch 
Tatami ist ein dreispaltiges, responsive Theme mit einem modernen Off-Canvas-Layout auf mobilen Geräten. Das Theme-Design ist minimalistisch und bietet jede Menge Platz für Widgets. Für WordPress 3.4 + selbst-gehostet, nicht für WordPress.com.
Theme Features
Responsive Webdesign
Tatami hat ein mobile-first, responsive Webdesign. Das bedeutet, Tatami ist für die Ansicht auf mobilen Geräten und Desktop-Bildschirmen gleichermaßen optimiert. Theme-Bilder sind für Retina-Displays optimiert.
Theme Optionen
In den Theme-Optionen kannst du Tatami schnell an deine Bedürfnisse anpassen ohne dabei den Theme-Code ändern zu müssen (Screenshot der Theme-Optionenseite).
Off Canvas
Das Off Canvas-Layout ermöglicht eine weitere Optimierung der Theme-Ansicht auf mobilen Geräten. Sidebarinhalte und Navigation werden auf kleinen Bildschirmen verborgen und können bei Bedarf “ins Bild geschoben” werden.
Cross Browser Kompatibel
Tatami unterstützt alle aktuell gängigen Browser (getestet in Chrome, Safari, Firefox, Opera, IE 8+, iOS, Android, Windows 8).
Externe Plugins
Tatami ist für die folgenden Plugins vorbereitet: Contact Form 7, Jetpack (Infinite Scroll, Social Comments, Twitter Widget), WP-PageNavi & Better WP Recent Comments
Translation Ready
Tatami ist für die Theme-Übersetzung vorbereitet. Derzeit verfügbare Sprachen sind: English, Deutsch, Niederländisch
Dokumentation
Die ausführliche Theme-Dokumentation findest du unter Tatami Dokumentation (Deutsch) oder Tatami Documentation (English).
Child Theme & Changelog
Downloade dir den Tatami Child-Theme Ordner. Theme-Änderungen findest du im Tatami Changelog.
Theme Showcase
Verwendest du Tatami als dein Theme?
Dann schicke uns deine URL, um im Showcase gefeatured zu werden.
Konditionen und Bedingungen
Der Kaufablauf
Der Kauf des Themes erfolgt über die Bezahlung via Paypal. Du kannst entweder mit deinem Paypal-Guthaben bezahlen oder per Kreditkarte oder Lastschrift. Möchtest du lieber direkt per Banküberweisung bezahlen, schreibe uns einfach eine kurze Email.
Der Preis je Theme von 12 Euro beinhaltet 19 Prozent Mehrwertsteuer. Käufer aus Nicht-EU-Ländern müssen diese 1.92 Euro Mehrwertsteuer nicht bezahlen. Der Theme-Preis für Käufer aus Nicht-EU-Ländern beträgt daher nur 10.08 Euro. Vor dem Abschluss der Zahlung musst du daher dein Land angeben, um den Gesamt-Betrag für deinen Einkauf angezeigt zu bekommen. Danach kannst du auf den Kaufen-Button klicken, um den Gesamt-Betrag via Paypal zu bezahlen.
Nach der erfolgreichen Paypal-Zahlung wirst du über den Link “Zurück zu Elmastudio” ganz unten auf der Paypal-Webseite wieder auf die Elmastudio-Webseite zurückgeleitet. Du bekommst umgehend eine Email mit Deinem Download-Link zum Theme ZIP-Ordner und einer Rechnung für deine Unterlagen (siehe PDF-Anhang) zugeschickt. Falls du deine Email nicht bekommst, schaue bitte in deinem Spam-Ordner nach, ob die Email aus Versehen dort gelandet ist.
Es ist wichtig, dass du die Email mit deinem Download-Link speicherst. Denn über diesen Download-Link kannst du immer die aktuellste Version deines Themes herunterladen.
Gewährleistung
Alle Elmastudio Premium-Themes sind auf der jeweils aktuellen WordPress-Version und in den jeweils aktuellen Browser-Versionen (von Mozilla Firefox, Google Chrome, Safari und Internet Explorer) getestet. Bei der Theme-Nutzung auf älteren WordPress-Versionen und der Installation externer WordPress-Plugins können Probleme auftreten und es besteht keine Garantie. Wenn du das Theme unbedingt mit einem bestimmten Plugin verwenden musst, kontaktiere uns bitte vor dem Themekauf.
30 Tage Rückgabe-Garantie
Für den Fall, dass du mit deinem Elmastudio WordPress-Theme unzufrieden sein solltest, bieten wir eine 30-Tage Rückgabegarantie ohne Angabe von Gründen an. Dennoch bitten wir dich vor dem Themekauf genau zu prüfen, ob das jeweilige Theme deinen Anforderungen entspricht (z.B. ob es eine Sidebar hat oder eine Headerbild-Option hat). Wenn du Fragen zu einem Theme hast, schreibe uns diese bitte vor dem Kauf.
Theme-Lizenz
Alle Elmastudio WordPress-Themes sind unter der GNU General Public License veröffentlicht. Du kannst ein Theme uneingeschränkt für private und kommerzielle Zwecke verwenden und es so oft einsetzen, wie du möchtest.
Support
Bei Fragen zu deinem Theme, nutze bitte das Elmastudio Theme Forum oder schreibe einen Kommentar hier auf der Themeseite. Auf diese Weise können alle Theme-Nutzer von den Antworten profitieren und Theme-Nutzer können sich auch gegenseitig helfen. Bitte habe Verständnis, dass wir keine Fragen zu individuellen Theme-Anpassungen beantworten können.
Updates
Mit deinem Download-Link kannst du die aktuelle Version deines Themes jederzeit downloaden. Standardmäßig stehen dir 30 Downloads zur Verfügung. Wenn du weitere Downloads für dein Theme benötigst, schreibe uns einfach eine kurze Email und du bekommst einen neuen, kostenlosen Download-Link zugeschickt. Über zur Verfügung stehende Theme-Updates wirst du per Email informiert.
Bei Fragen zum Tatami Theme nutze bitte das Elmastudio Theme Forum oder schreibe einen Kommentar hier auf der Seite. Bitte habe Verständnis, dass wir leider keine Fragen zu individuellen Theme-Anpassungen beantworten können. Wir freuen uns sehr über deine Nachricht!
Sehr schön, das könnte das neue Tummelfeld für http://www.velofahrer.ch sein. Ich häng mich da mal rein, um via die nachfolgenden Kommentare auf dem laufenden zu bleiben.
Schön das Ihr das jetzt auch Live hier laufen habt, hab schon den ganzen Tag immer wieder mal reingeschaut und jetzt ist es da, ich glaub ich kauf es… :-)
Sehr schönes neues Theme. Die Off-Canvas-Technik ist spannend. Allerdings läuft sie leider nicht wirklich “smooth” bzw. “App-Like” auf meinem iPad oder Galaxy Nexus. Liegt aber wohl nicht am Theme selbst, sondern an der Technik.
@Tilo: Vielen Dank für dein Feedback, das freut uns sehr. Ganz 100% wie auf einer Native App ist der Off-Canvas Effekt derzeit noch nicht im Browser umsetzbar, vor allem da wir auch ältere Systeme unterstützen wollten. Dennoch finde ich die Technik sehr hilfreich, gerade um Widgetbereiche und zusätzliche Webseiten-Inhalte responsive und benutzerfreundlicher unterzubringen :)
Viele Grüße, Ellen
Wie immer eine tolle Arbeit. Weiter so!
Hi,
sehr Geniales Theme das ihr da wieder gezaubert habt.
Eine Frage: Wenn ich ein Video in einen Artikel einbinden möchte, kann man dann die Größe auf die gesamte breite anpassen wie das bei den Video-Artikeln ist?
@Björn: Vielen Dank, das freut uns sehr :) Da Videos mit Hilfe des FitVids-Scripts im Theme skalierbar gemacht werden, sind diese automatisch immer auf die volle Content-Breite skaliert. In einem Standard-Artikel ist dann aber immer noch der weiße Rand links und rechts da, dass kann man dort leider nicht anders lösen nur in den Video-Post Formats. Du kannst aber in Video-Posts auch Text unter das Video schreiben.
Grüße, Ellen
Hi Ellen!
Hi Manuel!
Zunächst einmal ein ganz großes Lob an euch für die ganz tolle Arbeit die ihr beide hier abliefert. Hier ist ganz offensichtlich Leidenschaft der Motivator. Eure Seite ist mittlerweile ein Must-Go für mich, wenn es sich um Fragen zum Thema Webdesign dreht. Dass ihr auch Themes anbietet, hatte ich bisher irgendwie übersehen. Oder kann es vlt. sein dass ihr dies erst seit eurem Designwechsel tut? Whatever….
Auf jeden Fall hab ich mir Tatami für diesen unschlagbar günstigen Preis gleich mal unter den Nagel gerissen und bin eifrig dabei ihr meinen ganz persönlichen Stempel aufzudrcken. Nun bin ich aber auf ein kleines Problem gestoßen. Wenn ich einen Videopost auf einem Smartphone öffne (also quasi auf ca.200px-Breite), dann passt sich das Video bzw. der gesamte Post nicht dem Display an, sondern ist ungefähr 2 1/2 mal so breit. :-(
Lösungsvorschlag wäre toll! ;-)
VG
Dennis
@Dennis: Vielen Dank für dein tolles Feedback zum Tatami-Theme, das freut uns sehr! Wie bindest du deine Videos denn ein bzw. über welchen Dienst. Nutzt du YouTube oder Vimeo? Sag mir doch noch einmal Bescheid. Viele Grüße, Ellen
Ich möchte sowohl YouTube als auch Vimeo nutzen. In diesem Fall handelt es sich zunächst einmal um ein Video von YouTube, welches ich per shortcode [youtube=https://www.youtube.com/watch?v=vET9cvlGJQw] eingebunden habe. Die Seite ist noch nicht online, deshalb kann ich dir leider keinen Link schicken.
Auf meinem 19 Zoll 4:3 (1280 x 1024) Monitor sehe ich leider nie die rechte Sidebar. Sie erscheint nur dann, wenn ich den Browser maximiere. Selbst ein händisches maximales in die Breite ziehen des Browsers reicht nicht. Könnte man irgendwie einstellen, dass die rechte Sidebar nicht so schnell verschwindet?
@Markus: Vielen Dank für die Info, das mobile Layout springt eigentlich bei 1260px um, man könnte diesen Media Queries Wert auch noch einmal individuell etwas anpassen, da das Layout zu 100% skalierbar bzw. fluid ist.
Viele Grüße, Ellen
Hallo Ellen,
ich habe eben das Theme gekauft und auch direkt installiert. Auf dem 27″ iMac wird natürlich die volle Breite angezeigt – wenn ich das Browserfenster richtig in die Breite ziehe. Leider reicht auf dem 13″-MacBook der Platz nicht aus, sobald das Dock links positioniert ist. Ich kenne einige, die das Dock so liegen haben. Ich werde mal versuchen, das irgendwie manuell zu regeln. Leider bin ich da nicht sehr bewandert.
Hallo Markus,
habe hier auch noch veraltete Hardware, mit dem gleichen Effekt, es liegt so gesehen nicht am Theme.
Ich sehe mir das Theme hier gerade an. Die Webseiten im Showcase, haben ja alle oben rechts das + Pluszeichen, leider waren meine 4 Testpersonen nicht auf die Idee gekommen da draufzuklicken.
Im Showcase die Seite “netzexil” (Bild exil) wird bei mir (als einzige) in 3 Spalten angezeigt, wie hat er das wohl gemacht?
Gruss Ria
Hallo,
sehr tolles Theme, wie immer!
Kleine Frge: wie habt ihr das mit dem invertierten Logo beim Sklalieren gelöst?
@nicorola: Vielen Dank, das freut uns :) Das Logo (welches über die Theme-Optionen integriert werden kann) skaliert sich automatisch, es sollte allerdings nicht höher als 60px angelegt werden.
Bei Elmastudio haben wir ein angepasstes Logo genutzt und 2 verschiedene Images eingesetzt. Eine Anleitung habe ich auch einmal in diesem Artikel geschrieben: Bilder mit Hilfe von CSS-Media Queries für das iPhone 4 Retina-Display optimieren.
Grüße, Ellen
Vielen lieben Dank!
Hello Ellen,
Wie setzt man denn 2 verschiedene Images ein?
Grüße, Henk Jan
Und noch eine Frage ;-)
Welche größe haben die Miniaturbilder? – Bei mir sind die so verpixelt in der Galerie.
@Björn: Du müsstest für die Miniaturbilder unter Einstellungen / Mediathek 800 eintragen. Für ältere Artikel kannst du das Plugin “Regenerate Thumbnails” nutzen. Grüße, Ellen
Tolles Theme.
Bin gerade ein wenig am rumspielen.
Bei dem Hintergrundbild bekomme ich das nur in “background-position: top right” (oder left oder center) hin aber nicht “bottom right” oder der gleichen. Würde das Hintergrundbild gerne unten rechts “hinbappen”. Wäre es möglich für top/bottom auch noch eine Auswahl zu machen?
@Chris: Danke, für dein Feedback, Chris, das freut uns total :) Ich schaue noch einmal, ob ich diese Funktion hinzufügen kann, eventuell könntest du es alternativ auch individuell übers CSS anpassen. Melde dich doch eventuell noch einmal im Theme Forum. Viele Grüße, Ellen
@alle: Vielen Dank für euer tolles Feedback, es freut uns riesig, dass Tatami euch so gut gefällt :) Viele Grüße, Ellen & Manuel
Hallo Ellen,
Wie bekommt man denn den farbigen Balken oben weg, so wie in der Theme Demo im Video oder dem Screenshot?
Und dann scheint es ein Problem mit dem Header Intro-Text zu geben. Der wird bei mir nämlich leider nicht angezeigt. Ich hätte es auch gerne so wie in der Theme Demo im Video, dass oben kein farbiger Balken ist aber mein Header Intro-Text angezeigt wird. Was muss ich denn dafür tun?
Guten Morgen ins Ländle
Welche Größe müssen eigentlich die Artikel Bilder im Ideal Fall haben, denn ich würde nicht wie im Moment unterschiedliche Größen an Artikel Bildern haben wollen, sondern für alle Artikel eine gleiche Größe. Die andere Frage wäre, wie/wo kann ich die Farbe der Schlagwörter ändern damit ich meinem Windows 8 Style etwas näher komme ;-) ?
@Rene: Die Artikelbilder sollten 840px sein, das ist die maximale Breite. Die Schlagwörter-Farbe findest du bei .entry-meta a ca. Zeile 204 im Stylesheet. Grüße, Ellen
Ein Frage hätte ich noch: Du schreibst, das Tatami für das Jetpack Comment System vorbereitet ist. Prinzipiell klappt das ja cuh problemlos, nur hätte ich zwei klitzekleine Anmerkungen:
1. die Sprungmarke “Schreibe einen Kommentar” funktioniert dann nicht
2. Der Abstand der Überschrift “Kommentar verfassen” zur Oberkante der Box ist sehr klein wenn noch kein Kommentar vorhanden ist.
Hast du einen kurzen Tipp, wo ich das korrigieren kann?
Danke!
@nicorola: Danke für deinen Hinweis, es wird diese Woche ein erstes, kleines Theme-Update geben, dann optimiere ich auch die Jetpack Comments noch einmal. Viele Grüße, Ellen
Sagt mal, wie kann ich es einstellen, das die Sidebars generell ei geklappt sind, also wie in der Mobilen Ansicht und erst bei Bedarf ausgeklappt werden? Zumindest bei der rechten Sidebar! Währe das nicht eine Option wert?
@Markus: Ich glaube als Theme-Option ist das nicht so leicht umsetzbar, aber du kannst einmal in den untersten beiden Media Queries schauen (ab min-width 1260px). Diese müsstest du dann löschen (ich habe es selbst aber nicht ausprobiert). Viele Grüße, Ellen
Wieder ein sehr schönes Themes! Besonders die Canvas Flyout Navigation finde ich große Klasse. Meine Frage ist, ob man die Navigation genau smooth und mit Swipe-Gestensteuerung für Touchscreens umsetzen kann, wie es die Kollegen bei mashable.com gemacht haben.
@Sven: Vielen Dank für dein Feedback, das freut uns sehr! Bzgl. der Off-Canvas Lösung haben uns nach etlichen Tests für diese Lösung entschieden, da sie uns derzeit am Cross-Browser-freundlichsten erscheint. Da die Anforderungen für ein WordPress-Theme einfach auch noch einmal etwas anders sind, als für ein individuelles Design, ist es glaube ich nicht so leicht möglich, die gleiche Lösung wie bei Mashable für ein Theme einzusetzen. Aber mit Sicherheit lassen sich diese Touch-freundlicheren Mobile-Navigationen in der Zukunft noch weiter optimieren/ausbauen :) Viele Grüße, Ellen
Kurze Frage: lassen sich die Abstände zwischen den einzelnen Postings verkleinern? Hätt ich gern ein bisschen kleiner.
lg kurt
@kurt: Du kannst über die Custom CSS Option den Wert von standardmäßig 30px so anpassen:
@media screen and (min-width: 1260px) { .post, .content-wrap .page { margin: 0 0 20px !important; } }Herzlichen Dank, Ellen.
Hallo,
lassen sich Header und Menü anpassen um in etwas wie hier:
http://www.bootsvereinobertrave.de/
auszusehen?
@Thorsten: Tatami hat keine Headerbild-Option, es ist also denke ich nicht so leicht, ein Headerbild einzufügen. Schaue dir doch alternativ einmal Baylys an, beim Baylys-Theme kannst du eine linke Sidebar und ein Headerbild integrieren. Grüße, Ellen
Hallo Ellen,
sehr sehr schönes Theme habt ihr da wieder gezaubert! Ist es auch möglich die linke und rechte Sidebar weg zu lassen?
@Maik: Vielen Dank für dein Feedback, klasse, dass dir das Tatami-Theme so gut gefällt. Die rechte Sidebar kann auf Seiten weggelassen werden (ist als Seiten-Template vorbereitet). Die linke Sidebar kann generell nicht weggelassen werden, da sie die Hauptnavigation beinhaltet. Um die rechte Sidebar wegzulassen, müsstest du einige eigene CSS-Anpassungen und Anpassungen in den Template-Dateien vornehmen, da die Option nicht im Theme vorhanden ist.
Grüße, Ellen
Gefällt, gepimpt und prompt auf http://packungsinhalt.de eingesetzt. Sind zwar noch diverse kleine Bugs drin, aber ein Update kommt sicher bald.
@Mac: Klasse, sieht super aus :) Ja, ein erstes Update ist in Arbeit, wenn du die Bugs im hier oder im Theme-Forum posten würdest, wäre das aber dennoch bestimmt hilfreich. Grüße, Ellen
@Ellen Danke! Bis auf die bekannten fiel mir noch auf, dass eventuell vorhandene Zitate bei den Featured Post, Post mit Artikelbildern und Videos ineinander verrutschen.
Hallo Ellen, hallo Manuel,
vielen Dank erstmal für eure ganzen tollen Themes, Tipps und Tricks rund um WordPress! Habe schon viele Hilfestellungen bei euch gefunden.
Ich habe gestern Abend eure Theme “Tatami” gekauft und war anfangs auch recht zufrieden, jedoch stand ich nach einiger Zeit vor ein paar Problemen und wollte nun fragen, ob ihr mir vielleicht helfen könnt. Wahrscheinlich habe ich vor dem Kauf nicht genung gelesen.
1. Wenn ihr euch meine Seite http://www.stroica.com anschaut, seht ihr, dass ich eine TopNavigation habe. Diese hätte ich auch gerne mit eurer Theme, finde aber die Einstellung nicht.
2. Gibt es eine Möglichkeit, dass auf der Hauptseite jeder Beitrag ein Bild an immer der selben Position und in der selben Größe hat?
Leider habe ich auch in der Community nichts gefunden.
Ich würde mich sehr über eine Antwort freuen. Denn dann strahlt meine Seite auch in eurem schicken Theme, denn zur Zeit habe ich wieder das alte…
Viele Grüße aus Köln,
Alex
@Alex: Es freut mich, dass dir der Elmastudio-Blog und das Tatami-Theme gefällt. Tatami hat auf Grund des Off Canvas Layouts keine horizontale Navigation, sondern eine linksbündige Hauptnavigation oben in der der linken Sidebar. Eine horizontale Navi in den Headerbereich einzubauen ist leider so nicht möglich.
Du kannst Thumbnails (Artikelbilder) für deine Artikel integrieren und diese dann mit Hilfe der Einstellung auf der Tatami Theme-Optionenseite anlegen, wie du möchtest. Die Breite für Bilder im vollen Format sollte mind. 840px Pixel sein.
Ich hoffe meine Infos helfen dir bei der Einrichtung von Tatami weiter. Viele Grüße, Ellen
Erst mal wirklich verdammt tolles Theme! Danke!
Meine Frage: Wie kriege ich den einen solchen Abschnitt, wie ihr es beispielsweise auf http://www.elmastudio.de/wordpress-themes/ oben habt, eingebaut? In den Shortcodes finde ich es leider nicht.
@Chris: Vielen herzlichen Dank, das freut uns sehr! Die WordPress-Themeseite ohne den Rand ist eine individuelle Template-Seite von uns (über ein Child-Theme angelegt) und leider nicht im Theme standardmäßig enthalten. Du müsstest also individuell ein neues Seiten-Template anlegen und diesem einen eigenen CSS-Style geben. Alternativ kannst du aber vielleicht leichter die graue Info-Box der Shortcodes verwenden.
Viele Grüße, Ellen
Ich habe das das Tatami Theme bereits kurz getestet. Obwohl in der Widget Übersicht links und rechts die Sidebar mit Widgets gefüllt sind, werden alle Widgets links angezeigt (also auch die aus der rechts Sidebar). Woran kann das luegen?
Ich meinte natürlich liegen :-)
Meine Frage hat sich schon erledigt. Es lag an der Anzeigeeinstellung meines Browsers :-)
Hallo Ellen und Manuel,
ein großes Kompliment von mir für das neue Tatami-Theme! Ich habe es bereits kurz getestet. Leider habe ich auch das Problem, dass die rechte Sidebar nicht rechts angezeigt wird, sondern links unterhalb des Footer-Widgetbereichs. Für Tipps wäre ich deshalb dankbar! Denn gerade die drei Columns sind das Highlight von Tatami!
Gibt es die Möglichkeit die Schriftfarbe zu ändern? An die html traue ich mich nicht heran, bzw. habe ich keine Ahnung, was ich wo/wie ändern müsste. So ist mir der Grau-Kontrast etwas zu gering. Es wäre großartig, wenn man das in den Theme-Optionen unterbringen könnte, für diejenigen, die nicht so versiert sind.;)
Liebe Grüße,
Nikola
@Nikola: Vielen Dank für dein tolles Feedback, das freut uns sehr! Hattest du das Problem mit der Sidebar-Ansicht auf allen Seiten bzw. auch auf dem Blog, oder nur auf einer gestimmten Seite? Hättest du eventuell eine URL, damit ich es mir einmal anschauen könnte?
Die Schriftfarbe kannst du mit Hilfe der Custom CSS Option in den Theme-Optionen anpassen. Einfach diesen CSS-Style angeben:
body { color: #333; }Super! Vielen Dank für die schnelle Hilfe!
Das Problem mit der rechten Sidebar taucht übrigens auf jeder Seite auf:
http://nikolahotel.com/
In der mobilen Ansicht verrutscht es auch etwas, d. h. dass zum Beispiel das Impressum sowohl in der linken als auch in der rechten Sidebar angezeigt wird (teilweise beschnitten), obwohl es im Footer untergebracht ist. Dafür ist die rechte Sidebar aber sichtbar, nur eben das Footerwidget ÜBER den eigentlichen Sidebar-Widgets. An der Stylesheet habe ich aber nichts verändert. Ich hoffe, Du kannst mir da weiterhelfen. :)
Liebe Grüße,
Nikola
Liebe Ellen, bevor Du jetzt viel Energie darin reinsteckst: Ich werde wohl doch bei Meola bleiben. Auch wenn ich es schade finde, so ganz auf Sidebars zu verzichten. Das Meola-Design ist einfach irre schön und elegant, und ich nutze es auch noch für meine andere Website. Trotzdem vielen, lieben Dank!:)
Hallo ElmaStudio! :)
Ich wollte nun hier auch mal ein großes Lob abgeben. Ich mag eure Designs sehr, besonders das Tatami- Theme hat mich nun dazu gebracht euer ThemeBundle zu kaufen. Wirklich cool, macht weiter so! :)
Nur eines versteh ich nicht ganz: Warum muss der Header beim Wechsel auf die volle Breite die Farbe wechseln bzw. weiß werden? Ich nehme zwar mal an, dass das Absicht ist, aber den Sinn versteh ich nicht wirklich. Das macht die Sache so uneinheitlich und dem Theme fehlt dadurch die farbliche Abwechslung, wenn man es in maximaler Größe betrachten will. Sehe ich zumindest so. Ist vielleicht für das Tatami- Theme noch eine weitere Variante in Planung, wie beim Kerikeri, bei dem es noch die dark-Version gibt?
Und dann hätte ich noch eine Frage: bei der Livedemo des Tatamithemes, gibt es die Seite “Blog Archives” unter themes.elmastudio.de/tatami/archive. Das kann ich bei mir nicht finden. Wie kann ich das bei mir einrichten? Muss ich das erst aktivieren? Ich hoffe mal, ich stelle mich nicht nur blöd an… Bin noch Neuling in diesen Sachen…
Nochmal vielen Dank für Eure tolle Arbeit und viele Grüße!
Patrick
@Patrick: Vielen Dank für dein tolles Feedback, das freut uns riesig! Den Headerbereich in der Desktop-Ansicht von Tatami hell zu machen, ist vor allem eine Design-Entscheidung. Du könntest es individuell anpassen, indem du den Farbwert von #site-header in der Zeile 3455 in style.css anpasst.
Die Archivseite kannst du über das individuelle Archive-Seitentemplate anlegen. Schau mal hier in der Tatami-Doku: http://www.elmastudio.de/theme-docs/tatami-de/#tatami-templates
Viele Grüße, Ellen
Hallo Ellen,
vielen Dank für deine schnelle und ausführliche Antwort! :) Die Archivseite habe ich mir nun eingebaut, vielen Dank für den Hinweis. Das hatte ich in der Doku glatt übersehen. Sry!
Auch vielen herzlichen Dank für deinen Hinweis, wie ich das Theme anpassen kann. So viel Hilfe hatte ich mir gar nicht erwartet. Ich sehe schon, es war kein Fehler Eure Themes zu kaufen. :)
Dann hätte ich da aber noch zwei Hinweise:
Zunächst einmal scheint es mir ein Bug zu sein, dass, wenn man eine Artikelformatvorlage nutzt, die nicht “Standard” ist, die in der Artikelvorschau aufgelisteten Kategorien des Artikels nicht durch Kommata getrennt werden? Beim Artikelformat “Standard” werden sie nämlich durch selbige getrennt.
Und ist es normal, dass Schlagworte nicht bei der Bloginternen Suche berücksichtigt werden? Also dass, auch wenn ich einem Artikel ein Schlagwort zuweise, die Suche nach selbigem kein Ergebnis liefert? Oder muss das Schlagwort auch im Text des Artikels vorkommen, damit die Suche den Artikel auflistet?
Viele Grüße, Patrick.
Beautiful theme! I was going to use Meola (also very good) for my site update, but will likely use Tatami now. It has been hard to decide on one since all of your themes are so nice.
I do have a question about the theme: How well has Responsive Slider worked out in the Tatami theme? In the default template (with both sidebars) what would be the correct width to use for it to go across the center main content column? What would be the correct width to use for it to go across the main content area of the left sidebar only template?
Thanks. :)
@Bonnie Carey: Thanks a lot for your nice feedback, so great to hear. The Tatami theme is not tested with the responsive Slider, so I can not confirm that it will work smoothly or if it will need addtional CSS styles. The main content column would be 840px in width, on a page without the right sidebar the width would be 1230px. Best, Ellen
Thank you for the info. I’ll try to test out the Responsive Slider next week in the “sandbox” (Bitnami) before finishing the site. Will let you know how it goes.
Hallo zusammen,
woran könnte es liegen, dass im Widget “Social Links” die Logos nicht angezeigt werden?
Die Kreise sind da, Verlinkung funktioniert auch, nur die Grafiken sind nicht in den Kreisen zu sehen?
Für einen hilfreichen Tipp wäre ich dankbar.
-> http://polytop.de.dd20928.kasserver.com/
Das Problem besteht weiter bei der Verwendung des Childthemes, auch wenn ich die originale style.css komplett in die style.css des Childthemes hineinkopiere.
Hi, love this theme, but how can I get images to display in the post excerpt on the main page i.e. before you click onto the post? Hope that makes sense, really appreciate your help.
Thanks, Kate.
Hi, Ich versuche gerade mittels WooCommerce einen shop ein zu bauen in einer webseite wo Tatami benutzt wird, bei euch sieht das sehr gut aus, bei mir leider weniger. Habt ihr irgendwie spezielle seiten-templates dafür entwickelt?
Hallo Tim,
Ich habe das Tatami-Theme auf meiner Seite für Jigoshop angepasst. Das war eine ziemliche Fummelei, die ich dank Google aber letztlich bewältigen konnte. Soweit ich weiß sind WooCommerce und Jigoshop ja von der Basis her verwandt. Bei Jigoshop musst du die div-container entsprechend anpassen. Mir hat dabei das geholfen: http://forum.jigoshop.com/kb/customize-jigoshop/wrap-your-themes-content-for-jigoshop
Danke für die info’s . Ich hatte gehofft es gäbe da fertige templates dafür :D Aber ich werde mir mal schlau machen in dem Forum.
Was fur mich funktioniert, mit ein bisschen hilfe eines webdevelopmentguru’s ist: http://wcdocs.woothemes.com/codex/third-party-custom-theme-compatibility/
Hallo,
bin gerade dabei das Theme auf einer Seite mit SSL Zertifikat einzubinden. Dabei hab ich festgestellt, dass der Pinterest Button für das Sharing von Pinterest generiert wird. Pinterest bietet ja derzeit kein https Zugriff an, was zur Folge hat, dass die eigene Website unsichere Elemente enthält.
Schaltet man das Sharing gänzlich ab ist alles ok.
Weiß jemand, wie ich den Pinterestbutton lokal mit den notwendigen Daten erzeugen kann?
Hab die Lösung gefunden und zwar in Form des WordPress Plugins WordPress HTTPS (SSL).
Erst suchen und dann fragen, wäre die bessere Vorgehensweise gewesen, ich weiß. Auf der anderen Seite hilft es ja so dem einen oder anderen ;-)
Hi Ellen,
The carousel in gallery post format doesn’t work, clicking the images take me to the orginal file. Any ideas?
HI G.M. you probably have not set link=”file” in the WP shortcut for the Gallery – then the carousel should work.
Hallo Ellen,
wie bekomme ich die zwei unterschiedlichen Logos für Desktop und ipad/iphone hin? Ich möchte das so machen wir ihr das habt.
Danke!
Pingback: 2013 - Neues Design, flexibles Layout und mehr Inhalte | Marco Wendel
Ich finde das Theme ganz großartig, stehe nur irgendwie auf dem Schlauch oder bin extrem Feierabendblind. Wie stelle ich’s auf Deutsch, aktuell ist es englisch bei mir?
Danke und viele Grüße
Hallo,
wirklich ein Super Theme. Habe erst vor kurzem das Paket gekauft und bin mehr als Zufrieden. Doch nun habe ich doch eine Frage. Wenn ich die Teilen Möglichkeiten unter den Seiten nutze kann ich dort auch Entscheiden welche da auftauchen? Würde da gerne nur FB und G+ nutzen. Freu mich von dir zuhören.
Gruß
Alex
Bekomme ich noch eine Antwort? :-(
Hier scheint das Schweigen der Lämmer zu herrschen. Keine Rückmeldungen, auch Anmeldeversuch für’s Forum wurde ignoriert.
;-(
@Alex: Das tut mir leid, wir hatten in den letzten Tagen ein paar Spam-Probleme auf dem Forum, es könnte sein, das deine Anmeldung aus diesem Grund aus versehen gelöscht wurde. Bitte melde dich doch noch einmal erneut an, und ich schalte dich manuell frei oder schreibe mit eine Nachricht, mit welche Email-Adresse du dich im Forum angemeldet hattest. Viele Grüße, Ellen
@Alexander: Vielen Dank für dein Feedback, das freut mich. Leider kannst du dies nicht standardmäßig einstellen, sondern müsstest die Share-Buttons direkt in der share.php in den Theme-Templatedateien entfernen. (Dort einfach das entsprechende li-Element löschen).
Viele Grüße, Ellen
Frage zum Tatami-Theme:
Wie bekomme ich den Header bei Postings so hin?
http://i.imgur.com/147F0lW.jpg
(Originalfarbe grau, bei Mouseover rot – wie im Bild).
Ist das ein Linkposting?
Hinweise wären nett. Danke.
Kurt
Schade, niemand weiß eine Antwort?
@kurt: Ja, das ist ein Link-Post, dazu musst Du dem ersten Link im Artikel mit die CSS-Klasse “link” geben und als Artikelformat (Post Format) ebenfalls “Link” wählen. Weitere Infos findest du in der Tatami Dokumentation unter Artikelformate. Viele Grüße, Ellen
Danke!
Wie kann man die Höhe des Farbbalkens, in dem ein Linkpost angezeigt wird, ändern? (also der Balken, der mit > endet)
Geht das?
Hallo Ellen, ein tolles Theme. Ich hätte dazu mal eine Frage: Nutzt Ihr WooCommerce für euren Themeverkauf? Ich hatte insgeheim gehofft, dass man es optisch genau wie auf eurer Seite hinbekommt, wenn man WooCommerce installiert. Natürlich steht davon nichts in der Beschreibung des Themes, aber ich hatte dennoch gehofft, dass es ähnlich ausschauen wird :-) Leider sieht WooCommerce mit dem Tatami Shop nicht so aus wie bei euch. Kann man das irgendwie umsetzen oder wird es eventuell irgendwann auch WooCommerce Themes von euch geben? Denn die Umsetzung eures Shops zusammen mit Tatami finde ich einfach perfekt und hätte gern auch so was!
Gruß Viktor
@Viktor: Tatami ist standardmäßig leider nicht für WooCommerce vorbereitet und wir nutzen hier auf unserer Seite auch keinen Standard WooCommerce-Shop, sondern eine sehr individuelle Anpassung mit nur einigen WooCommerce-Elementen. Daher ist eine Umsetzung über das Theme nicht so leicht möglich. Ich würde für den Shop eher zu einem extra entwickelten WooCommerce-Theme raten, da die Shop-Funktionen doch sehr umfangreich sind.
Derzeit planen wir noch kein Shop-Theme, natürlich ist das in der Zukunft nicht ausgeschlossen, da müsste ich mich aber erst noch tiefer in die Entwicklung von WooCommerce-Themes einarbeiten. Eventuell könntest du auch mit WordPress-Multisite arbeiten und für deine normale Webseite/Blog Tatami nutzen und dann nur den Shop (z.B. auf einer Subdomain) mit einem WooCommerce Theme umsetzen. Das ist dann auch in der Backend-Verwaltung eine sehr übersichtliche Lösung.
Ich hoffe meine Antwort ist hilfreich. Grüße, Ellen
Hallo,
das theme sieht wirklich toll aus – klar und großzügig! Ich überlege es für meinen blog zu nutzen – da ich aber beim Einrichten keine Profi bin, scheue ich es im Moment noch etwas – wird wohl ein wenig dauern, bis ich alles dann wieder so habe wie ich es will. Toll ist, dass das theme anscheinend viele Dinge beinhaltet, für die ich im Moment noch ein extra widget brauche.
Bis jetzt habe ich meine themes immer direkt über meinen blog geladen und eingebunden. Wie geht das, wenn ich das theme bei euch kaufe und dann einbinden will?
Liebe Grüße,
Anja
@Anja: Vielen Dank für dein Feedback, es freut mich, dass dir Tatami und die Theme-Optionen gefallen. Wenn du das Theme kaufst, bekommst du einen Link zum Download des Theme-Ordners. Dieser ist in einer zip-Datei und du kannst das Theme einfach über den WordPress-Adminbereich über Theme installieren / Hochladen installieren (es ist kein FTP-Programm nötig). Allerdings brauchst du auf jeden Fall eine selbst-gehostete Version von WordPress, unsere Premium-Themes funktionieren leider noch nicht für WordPress.com Blogs.
Viele Grüße, Ellen
Pingback: Reading List: Off-Canvas Responsive Menus | The Pending Draft
Hallo Ellen!
Erst einmal vielen Dank für das tolle Theme. Eine der ersten Anpassungen die ich gerne vornehmen würde ist, dass bei Klick auf WEITERLESEN der Artikel komplett angezeigt und es keine Sprungmarke gibt (hoffe, ich hab das einigermassen verständlich beschrieben). Wo kann das wohl eingestellt werden?
Viele Grüße
Andreas
@Andreas: Hier im Artikel: http://digwp.com/2010/01/wordpress-more-tag-tricks/ unter “top more link from jumping to middle of page” findest du einen Code-Schnipsel, den du in die functions.php Datei einfügen kannst. Dann sollte der more-link immer zum Seitenanfang linken.
Viele Grüße, Ellen
Hallo,
ist es irgendwie möglich die Navigation-Menüs des TATAMI Themes http://www.elmastudio.de/wordpress-themes/tatami/ ausklappbar zu machen, wie bei BAYLYS oder MEOLA?
Das Off-Canvas Design ist einzigartig, bei mehreren Haupt- und Untermenus muss man aber zu sehr scrollen.
Merci!!!
BAYLYS Demo
http://themes.elmastudio.de/baylys/
MEOLA Demo
http://themes.elmastudio.de/meola/
@Brad: Da Tatami vom Aufbau her ganz anders funktioniert, ist das meiner Ansicht nach leider nicht möglich. Außer du würdest das komplette Menü umbauen, aber dazu wären denke ich wirklich sehr viele Anpassungen nötig und man müsste doch recht gute CSS-Kenntnisse mitbringen.
Ich hoffe Dir gefällt das Tatami-Theme dennoch.
Viele Grüße, Ellen
Hallo Ellen,
würde das WordPress Job Board Plugin (http://wpjobboard.net) mit Tatami harmonieren? Habt Ihr Erfahrungen?
Danke im Voraus und Grüße von Hans
@Hans: Da habe ich leider keine Erfahrungen zu, vielleicht könntest du noch eine Frage im Elmastudio Theme Forum stellen und Fragen, ob ein anderer Nutzer Erfahrungen hat. Viele Grüße, Ellen
Hallo Ellen, ich komme nicht umhin, Deine Themes durchweg zu loben. Als armer WooCommerce-Nutzer muss ich Dich aber eindringlich bitten, doch endlich mal ein Theme für das Plugin zu bauen. Die Themes, die ich bislang dafür finden konnte, sind allesamt eher durchschnittlich und passen überhaupt nicht zu meinen Produkten. Und für Dich dürfte das Erstellen eines Themes mit den notwendigen Anpassungen für WooCommerce doch keine wirklich Herausforderung sein, oder? Also bitte, bitte!
@Adrian Wackernah: Super, das freut mich riesig, vielen Dank! Ja, leider ist die Umsetzung eines WooCommerce-Themes so eine Sache für sich und ich müsste mich da auch erst ordentlich einarbeiten. Wenn ich mich noch etwas besser mit WooCommerce-Themes auskenne, werde mich aber vielleicht noch einmal daran setzen… Viele Grüße, Ellen
Naja, die Feinheiten sind von WooCommerce ja schon mitgeliefert und das German Market Plugin macht auch so einiges. Ärgerlicher ist eigentlich, dass WooCommerce in Deinen Themes – habe allerdings nur Baylys getestet – und auch in den mit WordPress mitgelieferten Themes wie TwentyTwelve zum Beispiel aus dem Layoutgerüst ausbrechen. Da gibt es zwar eine Anleitung von WooCommerce, wie man den Shop in fremde Layouts hineinzwängt, doch das verlangt immer Code-Eingriffe in die Themes. Auch ein iFrame wird vorgeschlagen, doch wer macht denn sowas, wenn es sich vermeiden lässt. Kannste nicht doch mal gucken? Ich nerv so gerne.
Hallo Ellen,
auch ich bin von dem Theme für meinen kleinen Blog einfach begeistern. Schlicht, responsive, was will man mehr? Leider hab ich ein kleines Problem mit dem Tatami Social Widget, denn bei FB und Xing stellt mir das Widget vor die eingegebene Adresse noch immer die eigeneBlog-URL davor (womit die URL dann Nonsens ist …) :/
@Matthias: Vielen Dank für das tolle Feedback, das freut mich sehr. Ich habe gerade auf deiner Seite gesehen, dass du das Problem schon lösen konntest, oder? Woran lag es denn, dann könnte ich das noch optimieren? Viele Grüße, Ellen
Gibt es schon Erfahrungen im Zusammenspiel dem Responsive Slider? Würde diesen gerne mit dem Tatami-Theme nutzen.
@Tilo: Der Responsive Slider ist nicht speziell vom Tatami-Theme unterstützt (beim Meola und Baylys sind die CSS-Styles vorbereitet). Ich bin mir daher nicht sicher, ob der Slider auch im Tatami-Theme funktioniert bzw. welche CSS-Anpassungen nötig sind.
Hat ein anderer Tatami-Nutzer vielleicht schon Erfahrungswerte?
Viele Grüße, Ellen
Ich habe es inzwischen einfach ausprobiert und mit ein bisschen zusätlichem CSS passt es wunderbar.
Ich bin folgendermaßen vorgegangen:
Eingefügt in Zeile 10 nach “get_header(); ?>”
im style.css habe ich folgendes ergänzt:
@media screen and (min-width: 1024px) and (max-width: 1260px) {
.responsiveslider {
margin-bottom:0px;
margin-left:20px;
margin-right:20px;
margin-top:20px;
}
Fertig zu sehen unter: http://www.coaching-fuer-hsp.de. (Ich habe die Seite schon für den Showcase eingereicht)
Mein PHP Code wurde im Kommentar verschluckt. Daher hier nochmal: http://pastebin.com/v1i3D02T
@Tilo: Wie ist das genaue Vorgehen Schritt für Schritt? Gehe ich richtig wenn:
a) Slider-Plugin aktivieren und mit Bildern befüllen.
b) Den von Dir angegebenen CSS-Code ergänzen
c) Den PHP-Code in die functions.php (Spielt es eine Rolle, an welcher Stelle?
Danke, bei Dir sieht das super aus!
Gut gelungen.
Du solltest aber noch die Hintergrundfarbe im Headerbereich auf weiß setzen da bei kleineren Auflösungen die Hintergrundfarbe ein “lila” darstellt und so das Logo kaum zu erkennen ist.
Zur Ergänzung: Habs nun selbst rausgefunden, der von Tilo angegebene php-Code muss an die angegebene Stelle in der index.php einefügt werden. Klappt dann alles wunderbar, vielen Dank!
Hallo Ellen und Manuel.
Ein echt tolles Theme habt ihr da auf die Beine gestellt. Aber anscheinend gibt es das schon länger? Habe ich wohl versäumt. Na jetzt habe ich es ja :)
Und danke noch mal für die Nachsicht bei meinem fast-und-dann-wieder-doch-nicht-wechsel :)
Und ich finde es toll das ihr jetzt auch ein Forum habt. Das ist um einiges übersichtlicher.
Da werde ich mich gleich registrieren und euch mit meinen Fragen löchern :)
Liebe Grüße
Markus
@Markus: Es freut uns, dass dir das Tatami-Theme gefällt. Ja, für Fragen und Diskussionen zu Theme-Anpassungen unter den Usern haben wir das Elmastudio Theme Forum eingerichtet, die Anmeldung ist kostenlos (Login in der Forum Sidebar). Grüße, Ellen
Hallo Ellen, wäre echt toll wenn du mir mit meinem Problem der Videoeinbindung noch weiterhelfen könntest. Dabei ging es darum, dass bei einem Videopost das Video bzw. der gesamte Post auf nem Smartphone (ca. 200px) sich nicht an den Bildschirm anpasst, sondern in etwa die 2 1/2 fache Breite hat. Ich möchte sowohl YouTube als auch Vimeo nutzen. In diesem Fall handelt es sich zunächst einmal um ein Video von YouTube, welches ich per shortcode [youtube=https://www.youtube.com/watch?v=vET9cvlGJQw] eingebunden habe.
VG
@Dennis: Tatami nutzt für die responsive Skalierung das FitVids-Script, hast du denn schon einmal die direkte Einbindung des YouTube iframe-Codes ausprobiert? Viele Grüße, Ellen
Hi Ellen!
Komisch ist, dass der Video-Post sich hin und wieder dem Bildschirm anpasst und dann aber wiederum nicht. :-/ Strange!
Ein ganz anderes Problem beschäftigt mich allerdings gerade. Na ja, eigtl. sind es eher zwei. Leider funktioniert die Theme Funktion “Post Thumbnail Option – Thumbnail Placement” nicht. Die Darstellung ist immer die selbe, nämlich “Big Thumbnail below Headline”.
Und wenn ich die Theme Option (Check this box to show automatic post excerpts. With this option you will not need to add the more tag in posts.) auswähle, dann wird der Post Thumbnail nicht eingeblendet, sondern erst nach öffnen des Posts.
VG und schönen Feierabend
@Dennis: Hast du mir einen Link zu deiner Seite, dann kann ich es mir noch einmal live anschauen. Grüße, Ellen
Die Seite ist noch Passwort geschützt, da ich noch dran arbeite. Ich bräuchte deine IP-Adresse, dann könnte ich dich freischalten.
http://www.multiinspirer.com
Hallo Ellen,
was muss ich machen, damit die Schlagwörter auf der Artikelseite nicht erscheinen? Kann man den Abschnitt mit “Veröffentlichungsdatum, Kategorie und Schlagwörter” komplett entfernen? Danke.
@Hessam: Dazu müsstest du einmal in der content-single.php Datei bei entry-meta schauen und den Code (siehe li Listen-Elemente) entsprechend löschen. Viele Grüße, Ellen
Hi Ellen,
wieder ein großartiges Theme für das ich sehr gerne (wieder) 12 Euro bezahlt habe! Ein klitzekleines Problem habe ich allerdings: Ich habe das „uppercase“ des Titels entfernt weil ich für Überschriften Bree Serif einsetzen will und mir das mit uppercase nicht gefällt. Nun habe ich aber in meinem Titel „Führung erfahren“ mit dem g eine Unterlänge und dieses g wird in der Mobile-Ansicht mit dem farbigen Balken unten abgeschnitten und mir ist nicht klar warum das passiert oder wo ich schrauben muss.
Danke und Grüße,
Marcus
Hi Marcus,
pass einfach in Deiner CSS bei “.site-title h1.title” wo Du das uppercase entfernt hast die “line-height:1.1;” etwas an. Denke mit 1.2 oder 1.3 sollte es passen
Gruß Viktor
Danke, Viktor, genau das war’s.
Hallo Ellen,
bindet Ihr Standardmäßig keine apple-touch-icon mehr ein? Ist es Absicht, das bei einem größerem Screen das “choose your language” nach rechts verschwindet?
Wie gewohnt sehr gute Arbeit!
Gruß
Andreas
Hallo Ellen, wie kriege ich es hin, dass die Artikelbilder als Thumbnails auf der Startseite grösser erscheinen? Jetzt mit nur 160 x 160 px dünken sie mich zu klein. Wenn ich normal über die WordPress-Einstellungen, Medien, gehe, bewirkt eine höhere Zahl gar nicht.
Ansonsten: Super Sache, Danke!
Grüsse. Dominik
@Dominik: Wenn du die Einstellungen der Miniaturbilder in Einstellungen / Medien änderst und anschließend das Regenerate Thumbnails WordPress-Plugin laufen lässt, werden alle Thumbnails in der neu eingestellten Größe neu geladen. Damit sollte es klappen. Viele Grüße, Ellen
Ich arbeite nun schon einige Wochen mit Tatami auf http://sfantasy.de und bin wirklich sehr zufrieden. Zumindest bis zum nächsten Theme :-)
@Mac: Vielen Dank für diese Rückmeldung, das freut uns sehr :)
Hallo Ellen! Tatami ist ein wundervolles Theme! Leider musste ich feststellen, dass meine Site auf zwei Macbooks sehr unterschiedlich dargestellt wird. Auf meinem macbook air ( Bildschirmauflösung : 1366/768 ) werden in allen Browsern ( Chrome / Safari / Firefox / usw ) beide Sidebars korrekt dargestellt. Auf meinem Macbook ( Bildschirmauflösung : 1280 / 800 ) fallen in Chrome, sowie Opera und Camino entweder eine oder sogar beide Sidebars aus, müssen also über die entsprechenden Buttons in einem weiteren Schritt geöffnet werden. Das ist schade, da ich das Theme nur dann verwenden kann, wenn ich davon ausgehen kann, dass meine Site im allgemeinen so erscheint, wie ich vorgesehen habe. Habe ich eine Möglichkeit, dieses Problem zu lösen? Ich wär für einen Hinweis sehr dankbar! Allerbeste Grüße! / ( ps. Euere feine Projektseite ist ebenso betroffen )
Da wird sie dir wohl nicht helfen können. ;) Was du beschreibst ist kein Fehler, sondern der Sinn am Tatami-Theme: dass es sich an die Browser und bildschirmgrößen anpasst und jeweils das beste Design dafür auswählt. Du bzw. der betrachter kannst bzw. kann die zusätzlichen sidebars aber über die Buttons in der linken und rechten oberen Ecke wieder einblenden und dann so nutzen, wie von dir vorgegeben.
Es ist also alles so da, wie du es erstellst, wird aber bei zu kleinen Bildschirmen ausgeblendet. Das nennt sich, glaube ich, Responsive Design. Kannste ja mal googlen.
Ist wohl vor allem für tablets und Smartphones gedacht. Ich nutze es selbst und bin sehr zufrieden damit, da man so davon ausgehen kann, dass sich auch Nutzer der oben genannte Geräte auf der Seite zurechtfinden. Und das werden ja auch immer mehr…
@ Patrick / Lieber Patrick, den Sinn des Tatami-Themes habe ich verstanden. Gerade deshalb will ich das Theme einsetzen und auch darum, weil es sich auf großen Bildschirmen mit hoher oder recht hoher Auflösung sehr fein darstellt. Wenn nun aber das Theme auch auf großen Bildschirmen in unterschiedlichen Browsern sich je anders verhält, zum Beispiel so, wie es sich bei Ipads oder Iphones natürlicherweise verhalten sollte, dann habe ich ein Problem. Ich nehme an, das Problem wird irgendwie zu lösen sein. Ich hoffe sehr. Allerbeste Grüße. a.l.s
@andreas louis: Diese Funktion ist so vorgesehen, durch das responsive, Off-Canvas Layouts der Hauptinhalt der Seite (also die neuesten Artikel oder die Seite) immer genug Platz zur Verfügung hat. Das Off-Canvas Layout springt also nur bei kleinen Bildschirmbreiten ein. Ich finde diese Option eigentlich sehr praktisch, da der Leser sich so auf einen Text wirklich konzentrieren kann, wenn er zum Beispiel auf einem kleinen Tablet-Bildschirm gelesen wird.
Grüße, Ellen
cut/* Habe mediaqueries angepasst. Nun ist alles ok! Habt Dank für das feine Theme!
@andreas louis: Ja okay, super, vielen Dank für deine Rückmeldung :) Grüße, Ellen
Hallo, ich stelle da grad eben was Komisches fest: Bei mir wird das About-Widget in Tatami, das ich im einspaltigen Footer-Widget-Bereich anzeigt haben will, unversehens in der rechten Footer-Sidebarangezeigt. Woran kann das liegen? Wohl kaum daran, dass ich zuvor den Responsive-Slider eingerichtet habe. Dessen Ausschalten hat nämlich nichts bewirkt. Auch am Einbauen des Google-Analytics-Code in den Footer kann es kaum liegen,
Für Aufklärung dankt
Dominik
Problem gelöst, ich hatte da im Custum-CSS vom Rumpröbeln her eine Widgetbreiten-Beschränkung drin.
Pingback: Alles auf Tatami › wemaflo.net
Oh, seh grad, dass mein Blog oben ins ‘Theme Showcase’ aufgenommen wurde!
Vielen Dank und schönen Gruß aus Niederösterreich.
Kurt
Bisher bin ich von Tag zu Tag zufriedener mit Tatami! Großartige Arbeit. Nur eines stört mich: ich verwende die Sharing-Buttons von Jetpack (weil dann die Seite bei mir deutlich schneller lädt). Der ganze Block mit den Buttons ist aber irgendwie nach rechts verschoben und der Strich zur Trennung vom Content beginnt nicht am linken Rand. Ich weiß, kleinlich, aber mich stört so was. Hat das Problem schon jemand gelöst? Im Prinzip möchte ich nur, dass der Jetpack-Sharing Block genauso ausgerichtet ist wie der Meta-Bereich darunter. Irgendwelche Ideen?
Hat sich erledigt. Habe das »Problem« nun so gelöst:
div.sharedaddy div.sd-block {
padding-left: 0 !important;
padding-right: 0 !important;
}
Schade, dass diese Vorlage für Blogger Hosting nicht konvertiert wurde. Ich würde es gerne kaufen.
Liebes ElmaStudio-Team, Liebe Ellen,
vielen Dank für dieses tolle Theme! Ich bin sehr begeistert von Tatami und hänge mich gerne in die Kommentarliste ein.
Ich habe auch direkt eine kleine Frage: Gibt es eine Möglichkeit die allgemeine Schriftgröße der Artikel und Vorschauen zu verkleinern?
Allerdings kenne ich mich kaum mit CSS usw. aus.
Vielleicht hat jemand einen kleinen Tipp für mich ….
Das wäre wirklich super!!!
Liebe Grüße,
Lena
Pingback: So this is a relaunch | 50North
Wenn ich mich nicht irre, habe ich schon mal an anderer Stelle meinen Respekt für dieses Theme geäußert. Hut ab! Es gibt generell kaum eine Theme-Schmiede außer euch, deren Produkte ich einer so breiten Nutzergruppe so gerne und so uneingeschränkt empfehle.
Nur ein klitzekleines zusätzliches Mini-Feature würde ich mir in Tatami (und eigentlich in jedem Theme) wünschen. Das hier raus aus der header.php:
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />Und stattdessen etwas ähnliches wie das hier rein in die functions.php:
/*** Register scripts and styles.
*/
add_action( 'init', 'tatami_register_scripts' );
function tatami_register_scripts() {
if( is_admin() )
return;
wp_register_style( 'tatami-style', get_stylesheet_uri() );
}
/**
* Enqueue scripts and styles.
*/
add_action( 'wp_enqueue_scripts', 'tatami_enqueue_scripts' );
function tatami_enqueue_scripts() {
wp_enqueue_style( 'tatami-style' );
}
Sieht vielleicht kompliziert aus, ist aber vom Aufwand her Peanuts. Auf diese Art wäre es Child-Theme-Autoren möglich, ein bestimmtes Stylesheet vor der style.css zu laden, z.B. das für Google Webfonts.
Nur, wenn’s ins Konzept passt – wenn nicht, kopiere ich gerne weiter die header.php ins Child Theme. ;)
+1 ;) Ich habe das auch in meinen Child-Theme in Waipoua gemacht. Nicht um davor etwas einbinden zu können, sondern damit Plugins wie WP-minify alle CSS Dateien kombinieren und minifizieren kann.
Also ich habe das was Du da empfiehlst mal im Tatami-Theme probiert, genauer gesagt im Child-Theme, jedoch legt die Seite eine kleine Pause ein von einer bis zwei Sekunden bevor die CSS-Dateien dann geladen werden, d.h. Kurzzeitig ist die Seite ohne CSS zu sehen, das ist sehr unschön, ich habe es diesbezüglich erst einmal wieder heraus genommen.
Liebe Ellen,
ich hatte eben versucht bei mir auch ein Logo zu verwenden und festgestellt, dass sich das Tatami-Theme nicht so verhält wie hier gezeigt. Bei mir gibt es nur Logo oder Titel. Ich hätte aber gerne genauso wie Du es hier hast Logo und Titel. Was muss ich dafür machen?
Herzliche Grüße,
Marcus
Hallo Marcus, da du ohnehin ein Logo verwendest – warum nicht Text gemeinsam mit Logo in einem Bild vereinen? Hab ich ebenso gemacht…
Das wäre natürlich ein möglicher Workaround, aber hier in dem Demo geht es ja auch anders und das hätte ich bei mir auch gerne so.
Okay. Sorry, da bin ich dann auch überfragt…
Hello. Great Template.
I have just 2 questions about the Theme.
First, i would change the header color from Tatami. But when i change the color background i have just a line and not the full site header changing. What is the code to put on and at what level in the CSS ?
My second question is for the menu sidebar. When i active, the menu the home menu is no longer available. It is possible to have the menu and the home button at the same time ?
Thanks for your answers.
Hey!
Ich hab mein Blog auch auf Tatami umgestellt und passe es nun quasi im laufenden Betrieb an.
Auf deiner Live-Preview von Tatami (die Shortcodes-Seite) gibt es eine “Codeansicht” mit Zeilennummern. Ist das ein Plugin? Oder auch ein Shortcode? Wie machst du das? Ich habe noch keinen vernünftigen Code-Highlighter finden können…
Hi
Ich habe zwei Probleme auf meiner Seite netzleben.com:
1.) Wenn ich Bilder in Artikel einfüge, mache ich das häufig nur durch ein Beitragsbild, wenn nur ein Bild vorhanden ist. Da sieht das einfach besser aus. Allerdings holt sich mein RSS Reader (Feedly) nicht das Bild und zeigt deswegen gar keins an, auch bei anderen ist dem so. Gibt es da Lösungsvorschläge?
2.) Bei dem Jetpack ist ja ein besseres Kommentarfeld vorhanden. Habe ich eingefügt, sieht aber leider relativ bescheiden aus (Überzeugt euch selber ;-)), da es kein margin nach oben mehr gibt. Was muss ich im CSS anpassen, damit ich dort wieder einen vernünftigen Abstand habe?
Schonmal im voraus danke für die Hilfe ;-)
Florian
Pingback: Einmal neues Design bitte | Darüber spricht ̶d̶̶i̶̶e̶̶ ̶̶W̶̶e̶̶l̶̶t̶ Tobi
Hallo Ellen!
Ich schwanke zwischen diesem Theme (Tatami) und Nori.
Kann man bei beiden einerseits ein Logo (Schrift) als Header verwenden, alternativ ein Foto/Bild?
Ich bin nicht so technisch bewandert, im Moment würde ich ein Logo als Header nehmen. Aber vielleicht möchte ich dann doch mal ein Bild…
Danke, viele Grüße,
Julia
Hallo. Ich erlebe beim Tatami ein Offset des Logos oder Blog-Titels (je nachdem was genutzt) von genau 20 px nach rechts wenn Browser im Vollbild.
Schiebt man ihn weiter zusammen, passt die Zentrierung irgendwann. Auf iPhone-Breite passt sie auch. Nur in voller Ansicht im Firefox/IE gibt es das Offset.
Ich konnte die Quelle des Problems noch nicht finden. Bitte um Hilfe! Thx.
Hello, ich möchte gerne im meinem wordpress theme tatami unter der Seite http://druckabc.ch/druckabc ein alphabetisches menü erstellen, damit ich diese Einträge in eine Art von einem Glossar darstellen kann! Habt Ihr Vorschläge, wie ich dies umsetzten kann?
Schonmal im voraus danke für die Hilfe ;-)
Roman
Hallo Ellen, wo kann ich im Tatami Theme den weissen Logo Bereich in der Höhe einstellen?
Vielen Dank!
BTW: Tatami ist mein neues Lieblingstheme. Ich werde bald von Pohutukawa auf Tatami wechseln.
Tja, die anderen Fragen durchzulesen bringts. Also die Höhe (und die Farbe) kann man ab Zeile 3452 #site-header in der Style-css einstellen.
Liebe Ellen,
habe in meinem Download vom Tatami Theme einen kleinen Fehler entdeckt:
in der functions.php fehlt in line 394 das ‘_two’ am ende der Zeile.
LG
@Luca: Vielen Dank, ich werde den Fehler auf jeden Fall im nächsten Tatami-Update beheben (ist schon auf der Update to-do Liste). Viele Grüße, Ellen
Hallo,
ich würde meine Tatami Seite auch gerne in einem 2-spaltigen Design wie auf dieser Seite nutzen. Wie muss ich hierzu vorgehen?
Ein kleines Problemchen taucht aber noch auf. Ich nutze das Plugin “All-in-One Event Calendar by Timely” und lasse über ein Widget die Termine in der 2. Sidebar anzeigen, was auch wunderbar funktioniert. Wenn ich mit der Maus über einen Termin fahre, werden in einer “Blase” weitere Deteils angezeigt. Diese Blase wird aber am linken Sidebar-Rand abgeschnitten.
Hello Ellen, I have found a (small) bug, which hopefully you can (direct me to) fix. I see this when browsing e.g. the Tatami demo site on my Samsung Galaxy SIII.
When I click to display the lefthand-sidebar and next click to close it, the logo no longer is displayed, and when next clicking to display the righthand-sidebar, the contents of the righthand-sidebar is not displayed at all, only a grey area is visible.
In addition, that is only when using the latest version of the Chrome browser on my Samsung Galaxy SIII. When using the default browser, it is working correctly.
@Henk Jan Verlinde: Thank you for your report on this bug, I’m already working on a fix for it, it seems to relate to the latest version of the mobile Chrome Browser only, since the bug did not appear when I tested the theme before. I will work on a bugfix/theme update asap and hope to find the solution very soon. Best, Ellen
Replacing
position: fixed;withposition: absolute;fixes the issue. Any outlook on the new release?Pingback: Ein neues Design für mein Blog › Michael Eggers
Hallo zusammen!
Ich nutze Tatami jetzt auf http://www.motor-mania.org und bin total happy damit. Es macht riesen Spaß – auch mir als ambitionierten Halblaien! ;-) Viel mehr Möglichkeiten als bei meinem alten Theme
FRAGE: In der rechten Sidebar nutze ich das Tatami Recent Posts Widget. Warum sind die Vorschau-Artikelbilder bei mir nicht 300 px wie in der Demo??
FRAGE: Das Letzte Kommentare-Widget hat in der Demo diese schicken Avatare. Sind diese durch ein extra Plugin erzeugt?? Bei mir sind da nämlich auch keine.
Ich hoffe auf euer Feedback! LG, Max
@Max: Es freut mich, das dir Tatami so gut gefällt :)
Du kannst das Plugin “Better WP Recent Comments” für eine Anzeige mit Gravataren nutzen.
Eventuell müsstest du die Einstellungen bei Mediathek für Miniaturbilder etwas erhöhen (standard ist nur 150px). Dann kannst du das Plugin “Regenerate Thumbnails” laufen lassen, um alte Artikel-Thumbnails nachträglich zu vergrößern.
Grüße, Ellen
Hey, wenn man bei Postformat “Image”/”Bild” einen Text dazu schreibt dann klebt der immer ganz am Rand…. :(
@Chrissy: Ich habe das Image-Format gerade noch einmal getestet, den Fehler aber nicht feststellen können. Hast du vielleicht einen Link für mich, damit ich mir den Code noch einmal live anschauen kann. Grüße , Ellen
Ich hab das zb bei mir in gepackt dadurch ging das dann.
Nochmal ich.
FRAGE: Hat irgendjemand auch noch Probleme mit der Galerie, auch wenn die Miniaturbilder auf 800 x 800 px bei den Medien-Einstellungen gesetzt sind?
@Max: Ich glaube auch hier hilft wieder das Regenerate Thumbnails-Plugin, eines meiner Lieblings-Plugins überhaupt :) Grüße, Ellen
Hi Ellen,
vielen Dank für dein Feedback. Bin jetzt mit Jetpack und dem Kachellayout einen Schritt weiter.
http://www.motor-mania.org/adac-gt-masters-gibt-wieder-gas-saisonstart-der-supersportwagen/
Und ja, seit ich unseren Blog auf Tatami umgestellt habe, ernten wir viel Lob für die “neue” Seite… Dank Euch!!
LG, Max
Das Theme gefällt mir echt gut und ich habs mir vor kurzem jetzt auch gekauft! Nun hab ich festgestellt, bei meinem neuesten Artikel (der Erste in Tatami), dass etwas mit der Bild-Anhang-Seite nicht stimmt.
Klicke ich auf ein Bild, dann kommt ne völlig andere Anhang-Seite, allerdings ohne Bild. Woran kann das liegen? Explizit handelt es sich um folgenden Artikel: http://www.elchimila.de/2013/04/tutorial-feuchttuecher-tasche/
Allerdings scheint das Problem mit allen Bildern zu sein – also auch bei älteren Artikeln.
Hallo Ellen und Manuel,
großes Lob für Eure Themes. Habe mittlerweile das Bundle und bin bei Tatami hängengeblieben. Tolle Sache für meinen Fotoblog.
Von Beginn an habe ich in meinen Posts Artikelbilder eingefügt. In der Artikelansicht sieht es ein wenig unglücklich aus, wenn das veröffentlichte Bild zweimal im Artikel angezeigt wird. In den Themeoptionen kann ich nur die Position des Artikelbildes wählen. Kann ich es auch vermeiden, dass ein Artikelbild im Post angezeigt wird?
Gruß,
Carsten
@Carsten: Klasse, es freut mich, das dir Tatami so gut gefällt. Um die Ansicht in den Einzelartikeln zu ändern, müsstest du die content-single.php Datei von Tatami bearbeiten (am besten in einem Child-Theme, um deine Änderungen zu speichern). Schau einmal in die Datei rein, du müsstest dort alle Code-Schnipsel mit ” if has_post_thumbnail endif ” löschen. Grüße, Ellen
@Ellen: Perfekt, hat funktioniert! Vielen Dank für den Tipp! Gruß, Carsten
Liebes Elmastudio-Team, erstmals grosses Kompliment für dieses gelungene Theme. Ich habe nun ein paar individuelle Anpassungen gemacht, darunter auch ein eigenes Logo. Nur habe ich jetzt gesehen, dass es in der mobilen Version nicht passend aussieht (Logo ist abgeschnitten). Wie kriegt es man hin, dass es wie auf eurer Seite passend erscheint? Vielen Dank und Grüsse
Pingback: Ein neues Theme für meinen Blog muss her! - IT und Entwicklung, Mein Leben und ich - Alexander Langer
Hallo Ellen,
Tatami gefällt mir sehr gut, habe ein Problem mit der facebook like-box: die Breite kann ich (im Widget) nicht unter 292px einstellen (240px wären in Ordnung). Über die “Elemente untersuchen” – Funktion von Chrome kann ich alles richtig darstellen.
Thank you!
Bis eben war ich sehr zufrieden ;)
Dann hab ich auf der Testseite mal eine Gallerie eingefügt. Irgendwie kann ich mir nicht vorstellen, dass das so gedacht war?
http://www.sgm-webdesign.de/rauwb/referenzen/reihenhaeuser/
Es wird offensichtlich das Thumbnail genommen und dann skaliert. Irgendwie logisch, dass das dann merkwürdig ausschaut.
Wo kann ich das denn umstellen, dass die “normale” WordPress Gallerie verwendet wird? Die würde mir völlig reichen ;)
Pingback: Webprojekt: Recklinghausen Chargers | VICTORSNETZ
Hallo Ellen,
ich habe das Theme-Bundle gekauft und nutze z. Z. das Tatami Theme auf einer Webseite. Im Großen und Ganzen bin ich mit dem Theme sehr zufrieden, jedoch bin ich auf ein paar Kleinigkeiten gestoßen, welche in der Theme Beispielseite nicht zu sehen sind.
Alle Probleme beziehen sich auf die iPad/iPhone Auflösung:
- Die Site Description wird nicht ausgeblendet
- Die Farbe des Titels wird nicht geändert
- Die Schriftgröße des Titels wird nicht verkleinert
- Das Hintergrundbild bleibt nicht fixiert sondern scrollt
Ich hoffe Sie können mir dabei helfen, das Stylesheet anzupassen.
Danke
@Johannes: Es freut mich, dass dir Tatami gefällt. Die Anpassung für das Hintergrund-Bild findest du direkt unter Design / Hintergrund. Dort kannst du bestimmen, ob das Bild mitscrollt oder stehen bleibt.
Hattest du eigene Anpassungen im Header (bzw. im Title und Description) CSS gemacht? Normalerweise müsste die Titelschrift sich automatisch kleiner skalieren, wie in der Tatami Live-Demo. Ich habe das Theme auch gerade noch einmal auf meiner Testinstallation ausprobiert und dort verhält sich der Header auch wie in der Demo und Farben, der Description-Text und Schriftgröße passen sich an.
Grüße, Ellen
Danke für die Antwort. Ja, ich habe den Header etwas geändert. Nachdem du es nochmal probiert hast und sicher bist dass es funktionieren muss, werde ich meine Anpassungen nochmal checken.
Das Hintergrundbild ist natürlich auf fixiert eingestellt, deswegen scrollt es auch nicht in der Desktop-Anzeige mit. Jedoch in der iPhone Auflösung, scrollt es mit (… das müsst im stylesheet zu beheben sein oder?) Es gibt ja keine unterschiedlichen Bereiche in WP für das ändern der Einstellungen des Hintergrundbilds auf verschiedenen Ausgabegeräten…
Liebe Ellen,
ganz großes Kompliment. Tatami ist nicht nur schön sondern auch ganz einfach zu handeln. Ich habe das Thema auf meinem neuen Food Blog “Das Käsewerk” http://www.das-kaesewerk.de eingesetzt. Vielen Dank und macht weiter so!!!