Zum Inhalt springen

Tatami

Tatami: Header Bild und Header-Hintergrundfarbe

  • Tatami

Im Tatami Theme fügt man das Header Bild unter Design / Theme Optionen / Logo / Logo, Artikel-Exzerpte & Text-Anpassungen / Eigenes Logobild ein. Ein Logo für meine volle Bildschirmauflösung sollte die Grösse: ….. haben. Idealerweise erstellt man die Grafik mit transparentem Hintergrund und defniert die Hintergrundfarbe separat für den Header: Für die Vollbildgrösse: Die Hintergrund farbe des Headers definiert man in der Style.CSS mit /* Site Header */ #site-header { display:block; background:#F5AF14; /* Michael definiert die Hintergrundfarbe von Site Header */ overflow:hidden; margin-bottom:30px; padding:15px 0; /* Michael Ehemals padding: 60px */ } Für Off-Canvas: (die kleinere Darstellung auf dem iPad oder iPhone): Die folgende Zeile vor dem Head tag in die header.php eingefügt, ändert die Farbe des Headers im Off-Canvas Mode: <style type=“text/css“>.off-canvas-nav,.js .off-canvas-nav{background:#F5AF14;}</style></head>

WordPress: Tatami: Tiled Galleries über die gesamte Breite

Ich möchte “Tiled Galleries” gerne mit “Fullwidth” verwenden. Leider geht die Gallerie dann nicht über die gesamte Breite. Wo kann man da nachhelfen? ich habe die Lösung gefunden. Du musst in der functions.php die Content-Breite deines Fullwidth-Template an folgender Stelle eintragen: if ( ! isset( $content_width ) ) $content_width = 610; geändert auf der Ludothek:   auf 1240 und sieht gut aus! If your theme doesn’t define a content width, Tiled Galleries will default to 500px wide. You can read more about the Content Width theme feature here.

Tatami: Header anpassen

  • Tatami

Die Zeile <style type=“text/css“>.off-canvas-nav,.js .off-canvas-nav{background:#95B3D7;}</style> </head> vor dem Head tag in die header.php eingefügt, ändert die Farbe des Headers im Off-Canvas Mode (auf Hellblau (Ludo)). Das ganze gilt für die kleinere Darstellung auf dem iPad oder iPhone (Off-Canvas Mode).   /*  dieser Eintrag formatiert den Text den Side header für Bildschrime > 1280 pixel  */ #site-header { display:block; overflow:hidden; margin-bottom:20px; padding:0px 0px 60px 0px; }

WordPress: Tatami: Favicon

Im Tatami Theme lässt sich sehr einfach ein Favicon unter den Theme-Optionen einbinden. Eine Anpassung der Header.php mit zusätzlichem Code ist nicht notwendig.

WordPress: Tatami: Thumbnail Grösse

In Tatami Theme lässt sich die Grösser der Thumbnails unter Einstellungen, Medien einstellen. Dort lässt sich auch definieren, ob rechteckige Thumbnails rechteckig (d.h. unbeschnitten) oder zu einen Quadrat beschnitten angezeigt werden.

WordPress: Tatami: Sticky Post: Headertitel ändern

Um den Titel des Sticky Post aus dem Tatami Theme zu ändern von „Featured Artikel“ in „Herzlich Willkommen“ ändert man in der Content.php die Zeile 24 Das Erscheinungsbild ändert man, in dem man in die Style.css des Child-Themes folgenden Code rein kopiert: .featured-post { position:absolute; top:0; right:0; display:block; padding:5px 12px; background:#F5AF14; color:#0B24A8; font-size:10px; Hier wird konkret die Farbe des Texthintergrundes auf Hellgelb und des Textes selber auf Dunkelblau geändert.

WordPress: Tatami: Child Theme Ordner

Um für das Tatami Theme einen Child Ordner zu erstellen, lädt man sich zunächst den Child Theme Ordner von Ellens Homepage runter. Dann editiert man die Style.css auf seine eigenen Werte: /* Theme Name: TatamiChild Theme URI: Description: Michaels Tatami Child Author: Michael Heinen Author URI: https://wie-geht-was.ch Template: tatami Version: 1.0 Tags: Tatami Child Theme */ /* Imports the stylesheet from the Tatami parent theme */ @import url(‚../tatami/style.css‘); /* Now you can start adding your own styles here. Use !important to overwrite styles if neccessary. */ Anschliessend lädt man den kompletten Tatami Child Ordner mittels FTP hoch auf den Webserver in das Verzeichnis /httpdocs/wordpress/wp-content/themes. Das Aktivieren des Child-Themes darf natürlich nicht vergessen werden. Damit das Thema in der Vorschau auch schön aussieht, erstellt man einen Screen Shot von der eigenen Seite. Diesen speichert man als screenshot.jpg im Child-Theme Ordner ab, so dass im Backend unter Design / Themes auch eine vernünftige Vorschau erscheint. Grundlegende Informationen über Child-Themes finden sich hier im Blog.

WordPress: Tatami: Footer schwarz entfernen

  • Tatami

Um den schwarzen Balken im Footer anders einzufärben Bei Tatami ist die Hintergrundfarbe bei .site-footer in der style.css Datei Zeile 2216 (background:#151515;) angegeben. /*———————————————————————————–*/ /* Footer /*———————————————————————————–*/ .site-footer { background:#617CED; /*Michael vorher: Background:#151515 */

Tatami: Side-Header verkleinern

  • Tatami

Suche in der CSS den Code Side header Reduzieren Padding 60 auf 15 #site-header { display:block; background:#fff; overflow:hidden; margin-bottom:30px; padding:15px 0; } #site-header { display:block; background:#fff; overflow:hidden; margin-bottom:30px; padding:15px 0; }