Neue Funktionen

Konfigurationsoberfläche

Detailierte Beschreibung siehe Konfiguration des Templates

Alle Anzeigen zur Konfiguration des Templates werden unmittelbar oberhalb des Editor-Bereiches eingeblendet.

Versionscheck

Da ich vorhabe an diesem Template immer wieder weitere Funktionen zur Konfiguration einzubauen wird es auch immer mal wieder eine aktualisierte Version geben (in unregelmäßigen Abständen).
Um dem Verwender des Templates die Kontrolle zu vereinfachen, ob es eine neue Version gibt, habe ich einen Versionscheck implementiert. Dieser basiert auf dem gleichen Prinzip wie die version.nfo der Plugins.

Die installierte Version wird oben und die Informationen zur aktuell online verfügbaren Version werden unten angezeigt.

Schaltereinstellungen

Aussehen bei aktiviertem Header mit Logo, Mototext und Hintergrundbild, das seitlich durchläuft. Dafür ist ein sehr breites Bild (evtl. ein Panoramabild) erforderlich.

Aussehen bei aktiviertem Header mit Logo, Mottotext und darunter ablaufender Slideshow. Hier können die drei Bestandteile nach Wunsch abgeschaltet werden. In einer späteren Version wird auch dieser Header ohne Eingriff in eine Datei so frei konfigurierbar werden wie der alternative Header.

Default - Maincolor - Akzentfarbe

Der Hintergrund der Website (nur sichtbar bei Viewports mit Breiten von mehr als 1920 Pixeln), die Hintergrundfarbe der Brotkrümelnavigation, die Footer-Trennlinie, die <hr> - Linie und ein paar andere horizontale Elemente haben die Maincolor oder Akzentfarbe. Diese ist hier auswählbar. Der Hintergrund der Website hat einen einstellbaren Transparenzgrad, der für den Bereich links und rechts ganz außen gilt (Viewports > 1920 Pixel). Von dort bis zum Rand der Website verläuft die Farbe zum Vollton.

Default - Menü - Hover - Hintergrundfarbe

Der Hintergrund des Menüs wird in drei Farbschattierungen dargestellt. Der Farbton unter dem Mauszeiger (gehovert) wird hier ausgewählt. Die beiden anderen werden automatisch generiert.

Alternativ kann auch die Maincolor (Akzentfarbe) gewählt werden.

Darunter befindet sich eine Mini-Vorschau und der Button zum Speichern.

Header mit Hintergrundbild, Logo und Mottotext

Hier wird die alternative Headergestaltung ohne Slideshow festgelegt. Dieser Header ist komplett responsiv.

Das Hintergrundbild muss mindestens eine Höhe von 300 Pixeln haben. Ist es höher, wird es vertikal Zentriert.
Es sollte deutlich breiter als 2500 Pixel sein, da sich sonst die Bildinhalte zu schnell wiederholen. Ein Panoramabild, wie es von modernen Handys ohne weiteren Aufwand erzeugt werden kann, eignet sich da am besten. Damit sich die Datenmenge für das Bild in erträglichen Grenzen hält, sollte es auf eine Höhe von 300 Pixeln skaliert sein. Die Kompression sollte so hoch wie möglich sein, ohne dadurch einen unzumutbaren Qualitätsverlust in Kauf nehmen zu müssen.

Im folgenden Feld werden die Abmessungen des Bildes angegeben und wie lange ein Durchlauf des Bildes bei der momentan eingestellten Geschwindigkeit dauert.

Im Feld für die Geschwindigkeit wird eingestellt, wie viele Pixel pro Sekunde das Bild nach links geschoben werden soll. Dieser Wert ist zwischen 10 und 200 zu wählen. Bei Werten unter 25 ist ein deutliches Ruckeln zu sehen. Bei zu großen Werten könnte dem Betrachter schwindlig werden.

Das Logo bleibt am besten innerhalb einer Breite von 480 Pixel und einer Höhe von 242 Pixeln. Ist es größer, wird es auf 25% der Breite des Viewports beschränkt und in der Höhe so begrenzt, dass in etwa oben und unten der gleiche Abstand zu den Kanten des Hintergrundbildes verbleibt. Das Logo ist am besten ohne / mit ganz durchsichtigem Hintergrund.

Sowohl das Logo als auch der Mottotext werden farbig hinterlegt. Diese Farbe und deren Durchsichtigkeit kann ausgewählt / eingestellt werden.

Der Eckradius dieser farblichen Hinterlegung kann zwischen 0 und 2% der Breite des Viewports eingestellt werden.

Auch die Textfarbe des Mottotextes kann ausgewählt werden, entweder frei oder der Maincolor angeglichen.

Und natürlich kann auch der Mottotext eingegeben werden.

« vorige Seite | Seitenanfang | nächste Seite »