Mobile Version der Vorlage

Wenn man ein paar Styleänderungen vorgenommen hat, lohnt es sich, die mobile Version der Vorlage TEKKA zu nutzen, statt einer der anderen. Dazu muss man zunächst unter Vorlage > Mobil auf "Benutzerdefiniert" stellen und das speichern.

---

Die paar kleinen Änderungen, die nötig sind, damit die mobile Version von TEKKA eine konkurrenzfähige Mobilversion ist, kann man bei benutzerdefinierten Mobilvorlagen per CSS vornehmen, indem man dem jeweils angesprochenen Bereich .mobil voranstellt.

Welche Style-Kommandos ich speziell für die Mobilversion der Vorlage bereits in der Liste der neuen Variablen und Styles stehen habe, sehen Sie folgend:

/* Mobil Anfang - utez - statt nichts - utez - */
.mobile h1 {
margin-top:10px;
}
.mobile .description {
padding-bottom:10px;
padding-left:10px;
}
.mobile #sidebar {
display:none;
}
.mobile #main {
width:100%;
}
.mobile-index-arrow {
float: right;
font-size: 250%;
}

/*Drei Kommandos zum Zweck verbesserter Antippbarkeit von Links in Posts und Seiten der Mobilvorlage*/
.mobile .post-body {
line-height:1.9;
}
.mobile .post-body a {
margin:5px;
padding:5px;
}
.mobile ul li,
.mobile ol li {
line-height:2.6;
}

.mobile #blog-pager-older-link, .mobile #blog-pager-newer-link {
padding: 2px 6px;
border: 1px solid black;
font-size: 150%;
font-weight: bold;
}
/* Mobil Ende - utez - statt nichts - utez - */

Die Kommandos werden nur dann wirksam, wenn man seine Mobil-Vorlage auf "Benutzerdefiniert" gestellt hat, deshalb stören sie im HTML nicht, wenn man eine der anderen Mobil-Vorlagen wählt.

Ute Ziemes, 2014-12-29, Änderung:2016-01-30, vorlagetekka.blogspot.com