Quo vadis, Templatis?

Die beiden neuen Templates Hortal und Vertal mögen noch nicht perfekt sein, aber die Richtung stimmt: Tragfähiges Grundgerüst, erweiterbar mit Modulen.

Lange Zeit entstanden Templates für WBCE oder WebsiteBaker so: Man findet irgendwo einen coolen Header oder auch ganzes Design - und bastelt ein freies Template draus. Viele der Templates von mir entstanden auch aus Kundenwünschen, die ich dann später in eine allgemein taugliche Form brachte und hier veröffentlichte. Natürlich beginnt man dabei nicht von vorne, sondern bedient sich bei Vorhandenem, das auf ähnliche Art entstanden ist.

Wodurch sich Templates unterscheiden

Seien wir ehrlich: Die meisten Templates unterscheiden sich nur in der Farbe und in der Art, wie Header+Menü eingebunden sind. Im Header ein Slider (auf allen Seiten gleich), zu 80% ein horizontales DropDown Menü, linker und/oder rechter Sidebar.

Gleichzeitig mit den responsiven Templates kamen die Google-Fonts und damit größere Schriften. Die Designs wurden schlichter; zum einen aus technischer Notwendigkeit, zum anderen als Modeerscheinung.

Ein wesentlicher Grund für die neue Schlichtheit ist einfach der, dass am Smartphone von all der Pracht ohnehin nur wenig bleibt und man die Effekte lieber in den Inhalt verschiebt.

Am einfachsten zu ändern ist die Schrift: Gehe auf Google-Fonts, suche dir was aus und kopiere den Embed-Code in die editor.css. Noch ein bisschen frickeln (body, h1, h2..) und schon hat deine Site einen völlig anderen Charakter.

Etwas schwieriger sind die Farben zu ändern. Häufig hast du ja ein Logo – und zu diesem müssen auch die Farben deines Templates passen.

Vertal und Hortal macht es dir Dank ColorChooser leicht, aber natürlich kannst du auch bei anderen Templates die Farben ändern. Die meisten sind in der editor.css definiert.

Header, Slider, Teaserboxen…

Das Header Bild ist einfach zu ändern, ebenso die Bilder im Slider. Oft kannst du auch andere Bildhöhen verwenden, wodurch sich auch die Höhe des Heasers/Sliders ändert.

Einige der modernen Templates bieten einen Block „Alt. Header“, womit sich der Slider bzw das Header-Bild des Templates mit einem Modul ersetzten lässt. Das selbe gilt für die Blöcke Wide Top / Wide Bottom, die ebenso von Modulen genutzt werden können.

Ausblick

Es wird vermehrt Module geben, die Slider/Header/Teaser ausgeben und damit den klassischen Weg aushebeln, ein Template zu erstellen.

Der Colorchooser könnte noch ausgebaut werden; feinere Auswahl und Gruppen von Farben.

Bei Google-Fonts sehe ich jetzt noch keine Möglichkeit, diese einfach zu integrieren. Es ist (mit etwas Anleitung) nicht sonderlich schwer, das direkt in der editor.css zu machen, aber eine Template-eigene Auswahl kann sich nur auf vorgefertigte „Sets“ beschränken, was angesichts der Masse an dadurch vergebenen Möglichkeiten kein besonderer Gewinn wäre.

Logo-Upload: Das ist so eine Sache… Man braucht das ja nur einmal und vor allem die optimale Positionierung ist schwierig umzusetzen.

Bootstrap? Die Fähigkeiten von Bootstrap werden weit überschätzt. Klar: Bootstrap hat Design-Akzente gesetzt, aber Bootstrap selbst ist dafür nicht nötig, sondern unnötiger Ballast.

Template-Generator: Ja, das hättet ihr wohl gerne ;-)
Ich denke öfter mal dran, aber ich fürchte, dass der Aufwand den Nutzen nicht rechtfertigt.

Unterm Strich

Es wird wohl in Zukunft weniger Templates geben – und diese werden kaum durch den originellsten Header oder Teaser-Boxen glänzen, sondern vor allem durch Flexibilität und breite Anwendbarkeit.

Auch wenn das Modul „ Teasers“ noch etwas Beta ist: Gemeinsam mit einem tragfähigen Gerüst ersetzt es viele „klassische“ Templates. Weitere Module werden sicher folgen.

Zurück