Kontakt
Was interessiert Sie?
Template und Theme.
Ein Template ist eine wiederverwendbare Vorlage für das Aussehen und den Aufbau einer Seite. Ein Theme ist ein ganzes Paket solcher Vorlagen samt Farben, Schriften und Stilen für ein System wie WordPress oder Shopify. Beide bestimmen, wie Inhalte dargestellt werden — nicht, welche Inhalte es gibt.
Template und Theme — ausführlich erklärt
Die Begriffe werden oft gleich verwendet, haben aber eine klare Rangordnung. Ein Template legt fest, wie ein bestimmter Seitentyp aussieht: das Template für Blogartikel, das Template für Produktseiten, das Template für die Startseite. Ein Theme bündelt alle Templates eines Systems mit den gemeinsamen Gestaltungsregeln — Farben, Schriften, Abstände, Kopf- und Fusszeile. In WordPress wird ein Theme installiert und aktiviert, in Shopify heisst das Paket ebenfalls Theme und ist in der Vorlagensprache Liquid geschrieben. Bei Baukästen wie Wix heissen die Startvorlagen meist Templates oder Designvorlagen.
Der Vorteil einer fertigen Vorlage ist Geschwindigkeit. Ein gekauftes Premium-Theme kostet einmalig einen kleinen Betrag und liefert in Stunden ein vollständiges Erscheinungsbild. Der Nachteil zeigt sich später. Viele Themes sind darauf gebaut, möglichst vielen Käufern möglichst viele Varianten zu bieten: zwanzig Startseitenlayouts, Dutzende Optionen, eingebaute Slider und Animationen. Ausgeliefert wird davon oft mehr, als die eigene Website braucht. Ausserdem sieht eine Website auf Basis eines beliebten Themes vielen anderen ähnlich, und Anpassungen über das Vorgesehene hinaus werden schnell aufwendig, weil jedes Theme-Update sie wieder überschreiben kann.
Ein Anwendungsfall: Ein Handwerksbetrieb kauft ein WordPress-Theme mit Demo-Inhalten für «Bau und Handwerk». Nach dem Import stehen zwölf Beispielseiten, drei Slider und ein Portfolio-Modul online, von denen der Betrieb nur einen Teil braucht. Die nicht gebrauchten Teile bleiben trotzdem im Code. Sinnvoller ist der umgekehrte Weg: zuerst festlegen, welche Seitentypen gebraucht werden (Startseite, Leistung, Referenz, Kontakt), dann ein schlankes Theme wählen oder ein eigenes Design System aufbauen, in dem genau diese Templates existieren.
Die ehrliche Abgrenzung: Für eine einfache Website mit kleinem Budget ist ein gutes Theme eine vernünftige Grundlage — vorausgesetzt, jemand hält es aktuell und es wird nicht über seine Grenzen hinaus verbogen. Eine individuelle Umsetzung lohnt sich, wenn die Website ein eigenständiges Erscheinungsbild braucht, sehr schnell laden soll oder Funktionen hat, die kein Theme vorsieht. Neue Websites baut DLM Digital mit eigenem Code statt mit gekauften Themes; einen Entwurf der eigenen Startseite gibt es als kostenloses Design innert 48 Stunden. Was eine Website mit eigenem Code im Vergleich kostet, steht auf Webdesign Preise; bei einem Website-Relaunch lässt sich der Wechsel vom gekauften Theme planen.
Weiterführende Seite
Design SystemHäufige Fragen zu Template und Theme
Ein Template ist die Vorlage für einen einzelnen Seitentyp, etwa für Blogartikel oder Produktseiten. Ein Theme ist das Gesamtpaket aller Templates eines Systems mit Farben, Schriften und Stilen. Bei Baukästen wird «Template» oft für das ganze Startdesign verwendet.
Themes aus dem offiziellen WordPress-Verzeichnis werden geprüft und sind eine solide Grundlage für einfache Websites. Vorsicht ist bei Themes aus unbekannten Quellen geboten, die Schadcode enthalten können. Entscheidender als der Preis ist, ob das Theme regelmässig aktualisiert wird und schlanken Code liefert.
Grundsätzlich ja, die Inhalte bleiben im System erhalten. Was verloren geht, sind Theme-spezifische Einstellungen, Kurzcodes und Layouts, besonders wenn ein Page Builder im Theme integriert war. Ein Theme-Wechsel ist deshalb meist ein kleines Redesign und sollte vorher auf einer Testumgebung geprüft werden.
Weitere Begriffe mit „T“
TTFB (Time to First Byte)
TTFB misst die Zeit vom Absenden einer HTTP-Anfrage bis zum Empfang des ersten Datenbytes vom Server...
Tailwind CSS
Tailwind CSS ist ein Utility-First CSS-Framework, das Entwicklern ermöglicht, Designs direkt im HTML...
Title Tag (Seitentitel)
Der Title Tag ist der HTML-Seitentitel einer Webseite. Google zeigt ihn als anklickbare blaue Übersc...
Bereit für Ihr Projekt?
Wenden Sie dieses Wissen auf Ihre Website an — DLM Digital hilft Ihnen dabei.