Zurück zum Support Designe deine Website Themes

Themes

Sobald du mit der Erstellung einer Website auf WordPress beginnst, wirst du auf Themes stoßen. In diesem Ratgeber erklären wir dir, was ein Theme ist, wozu es gut ist und welche Unterschiede es zwischen den verschiedenen Themes gibt.

Informationen zu Themes

Ein Theme ist das visuelle Design und das allgemeine Layout deiner Website. Es steuert, wie Besuchern die Inhalte deiner Website angezeigt werden. Themes enthalten Designkomponenten wie Farbschemas, Typografie, Seitenlayouts und andere Elemente, die ein konsistentes und kohärentes Design auf der gesamten Website ermöglichen

Themes bieten einen Ausgangspunkt für das Erscheinungsbild und die Funktionalität deiner Website. Anstatt das Design deiner Website von Grund auf neu zu erstellen, liefert ein Theme den Designrahmen, den du brauchst, um deine Website schnell zu veröffentlichen. Mit einem Theme kannst du sofort damit beginnen, deine Inhalte zu erstellen, ohne zu viel Zeit damit zu verbringen, Entscheidungen zum Aussehen deiner Inhalte zu treffen. Ein gut gestaltetes Theme erledigt die schwere Arbeit für dich!

Du kannst auch von einem Theme zum anderen wechseln, ohne die Inhalte deiner Website zu verlieren. Die neuen Änderungen werden dann automatisch übernommen.

Auswählen eines Themes

Bei so vielen Optionen kann es hilfreich sein, darüber nachzudenken, was dir bei einem Theme wichtig ist. Du hast aber nach wie vor die volle Kontrolle über das Layout deiner Website. Nach der Aktivierung eines WordPress.com-Themes kannst du mit dem Website-Editor den Text, die Bilder, die Farben, die Schriften, das Layout und die Position aller Elemente auf deiner Website ändern.

Bei der Wahl eines Themes solltest du Folgendes beachten:

  • Gefällt dir dein Header-Bereich? Normalerweise siehst du hier den Website-Titel, das Menü und das Logo.
  • Gefällt dir, wie die Inhalte angeordnet sind und präsentiert werden? Du kannst zwar das Aussehen ändern, aber wenn du ein Layout auswählst, das dir gefällt, hast du später weniger Arbeit mit dem Verschieben von Elementen.
  • Gefällt dir, wie das Theme auf Mobilgeräten und Tablets angezeigt wird? Um dies zu prüfen, öffne die Live-Demo und verwende den Selektor am oberen Rand, um zwischen PC, Tablet und Mobilgerät zu wechseln. Alle WordPress.com-Themes sind so gestaltet, dass sie auf allen Bildschirmgrößen, auch auf Mobiltelefonen, gut dargestellt werden.
Theme: Gourmetto

Konzentriere dich bei Themes auf das allgemeine Layout und nicht auf das Thema, das in der Demo angezeigt wird. Die Demo-Website eines Themes zeigt vielleicht z. B. ein Möbelgeschäft, ein Musikportfolio, eine Mode-Website oder ein Food-Blog an. Deine Website kann jedoch für jedes erdenkliche Thema angepasst werden, sobald du den Demo-Text und die Bilder mit deinen eigenen Inhalten ersetzt hast.

Theme: Iotix

Verfügbare Themes durchsuchen

Um verfügbare Themes unter WordPress.com zu durchsuchen, gehe in deinem WordPress.com-Dashboard zu Design → Themes. Diese Themes müssen nicht auf deine Website hochgeladen oder installiert werden – sie können mit einem Klick aktiviert werden.

Screenshot der verfügbaren Themes mit mehreren kostenlosen Themes sowie Premium- und Partner-Themes.

Es gibt eine Reihe von Themes für alle Arten von Websites und Budgets und ständig kommen neue Themes hinzu. Wenn du die Themes durchsuchst, siehst du direkt unter dem Namen des Themes eine der folgenden Bezeichnungen:

Bei jedem Plugin-fähigen Tarif kannst du auch nach Themes suchen, die von der WordPress-Community entwickelt wurden, z. B. Astra, OceanWP und mehr. Suche nach deinem Lieblings-Community-Theme und achte auf das Schlagwort „Community“ unter dem Theme-Vorschaubild.

Verschiedene Arten von Themes

Die folgenden Begriffe beziehen sich auf die Arten von Themes im WordPress-System: 

Block-Themes sind die neuesten und besten Themes, die auf WordPress verfügbar sind. Diese Themes werden manchmal auch als FSE-Themes (Full Site Editing) bezeichnet und nutzen die Vorteile des Website-Editors, um genau das von dir gewünschte Layout zu erstellen – ganz ohne Programmierkenntnisse.

Block-Themes bieten ein höheres Maß an Flexibilität beim Design von Websites. Du kannst die Startlayouts einfach übernehmen oder als Ausgangspunkt für deine eigenen Visionen verwenden. Hier kannst du das Design jedes Elements auf deiner Website präzise steuern.

Block-Themes verwenden Stile, um die Farben, die Typografie und das Layout deiner Website zu konfigurieren, sodass diese mehr Anpassungsmöglichkeiten bieten als frühere Themes. Du kannst die Templates bearbeiten, die steuern, wie deine Website die Inhalte präsentiert, sowie individuelle Templates, Template-Teile und Vorlagen erstellen, die du auf den Seiten, Beiträgen und in anderen Inhalten deiner Website wiederverwenden kannst. Somit bist du bei deiner Website nicht auf einen einzigen Look, eine Farbpalette oder ein Navigationsmenü festgelegt.

Hinweis: Universelle Themes, die unten beschrieben werden, werden auch auf der Filterseite für Block-Themes angezeigt.

Universelle Themes

Universelle Themes sind unsere erste Version von Themes, die für den Block-Editor erstellt wurden. Auch wenn sie Block-Themes stark ähneln, verwenden sie zur Bearbeitung bestimmter Aspekte wie Menüs dennoch den Customizer.

Hybrid-Themes

Hybrid-Themes sind einfache Themes, die für Blöcke entwickelt wurden, aber nicht für den Website-Editor. Im Vergleich zu Block-Themes verfügen sie über wenige Anpassungsoptionen.

Klassische Themes

Klassische Themes sind Themes, die vor der Einführung des WordPress-Editors (Block-Editors) entwickelt wurden. Das Design wird hauptsächlich unter Design → Anpassen bearbeitet, aber die allgemeine Struktur und das Layout sind normalerweise durch das Theme festgelegt und können nicht so präzise wie bei Block-Themes angepasst werden. Die meisten Optionen zur Blockbearbeitung (wie Inhalte in voller Breite) sind in klassischen Themes nicht verfügbar.

Drittanbieter-Themes

Dieser Abschnitt des Ratgebers bezieht sich auf Websites, die die WordPress.com-Tarife Creator oder Entrepreneur verwenden. Wenn deine Website einen unserer älteren Tarife verwendet, ist diese Funktion mit dem Pro-Tarif verfügbar.

Drittanbieter-Themes sind Themes, die von verschiedenen Drittanbieter-Entwicklern zur Verwendung auf der WordPress-Plattform erstellt wurden. In unserem Ratgeber zum Hochladen eines Themes findest du eine Schritt-für-Schritt-Anleitung zum Hinzufügen eines Drittanbieter-Themes zu deiner Website.

Ganz gleich, welche Vision du für deine Website hast – du findest ein Theme dafür. Wenn du ein Theme von WordPress.org oder Marktplätzen wie Themeforest in Betracht ziehst, das nicht von WordPress.com entwickelt wurde, gibt es zusätzliche Faktoren, die du bei der Auswahl eines Themes beachten solltest:

Wir bieten zwar keinen Support für Drittanbieter-Themes, aber du findest in unserem Support-Ratgeber Hol dir Hilfe mit Plugin und Themes Vorschläge, wie du Hilfe für diese Themes erhalten kannst.

Weitere Informationen zu Themes

Unsere speziellen Theme-Ratgeber helfen dir, Themes auf deiner Website zu aktivieren, einzurichten und anzupassen:

Aktivieren eines Themes

Die Auswahl eines Themes ist ein wichtiger Schritt zu Beginn der Erstellung deiner Website. In dieser Anleitung erfährst du, wie du Themes findest und eines auswählst, das deinen Vorstellungen von deiner Website entspricht.

Bewerten:

Richte dein Theme ein

Nachdem du ein Theme ausgewählt hast, musst du es im nächsten Schritt nach deinen Wünschen anpassen. Wenn du dir nicht sicher bist, wie das geht, befolge die Schritte auf dieser Seite.

Bewerten:

Demo-Inhalte hinzufügen

Demo-Inhalte zeigen, was ein Theme alles zu bieten hat. Du kannst deiner Website Demo-Inhalte hinzufügen, die du später durch deine eigenen Texte und Bilder ersetzen kannst. Die Arbeit mit Demo-Inhalten kann viel einfacher sein, als mit einer leeren Website zu beginnen.

Bewerten:

Dein Theme ändern

Du kannst das Theme deiner Website beliebig oft ändern. In dieser Anleitung erfährst du, wie du das Theme wechseln kannst, um sicherzustellen, dass deine Website so aussieht, wie du es möchtest.

Bewerten:

Ein Theme hochladen

Dieser Leitfaden zeigt dir, wie du ein beliebiges Theme auf deine WordPress.com-Website hochladen kannst.

Bewerten:

Ein Child-Theme erstellen

Wenn du über HTML- und PHP-Kenntnisse verfügst, kannst du Änderungen am Code deines Themes vornehmen, indem du ein Child-Theme erstellst.

Bewerten:

Ein Theme löschen

In dieser Anleitung erfährst du, wie du Themes von deiner Website entfernst.

Bewerten:

Alte Themes

In dieser Anleitung erfährst du, was es bedeutet, wenn ein Theme nicht mehr existiert, und was du in diesem Fall tun kannst.

Bewerten:

Theme-Datei-Editor (erweitert)

Diese Funktion ist auf Websites mit dem WordPress.com-Creator- oder -Entrepreneur-Tarif verfügbar. Wenn deine Website einen unserer älteren Tarife verwendet, ist diese Funktion mit dem Pro-Tarif verfügbar.

Der Theme-Datei-Editor ist ein Tool in WordPress, mit dem du den Code eines auf deiner Website installierten Themes direkt bearbeiten kannst. Dieses Tool ist für Website-Betreiber mit fortgeschrittenen Programmierkenntnissen gedacht. Wenn du nicht dazu zählst, raten wir aufgrund des Risikos eines Website-Ausfalls davon ab, diese Funktion zu verwenden. Die meisten Aufgaben können mithilfe dieser Alternativen ohne den Theme-Datei-Editor durchgeführt werden.

Screenshot des Theme-Datei-Editors mit der Datei „style.css“ des Themes Twenty Twenty-One.
Der Theme-Datei-Editor

So rufst du den Theme-Datei-Editor auf:

  1. Rufe das Dashboard deiner Website auf.
  2. Navigiere in der Seitenleiste zu Design.
  3. Klicke auf Theme-Datei-Editor. Wenn diese Option hier nicht aufgeführt wird, bedeutet dies, dass der Theme-Datei-Editor für dein Theme nicht verfügbar ist.
  4. Wähle oben rechts im Dropdown-Menü mit der Bezeichnung Select theme to edit (Theme zur Bearbeitung auswählen) das Theme aus, das du bearbeiten möchtest, und klicke auf den Button Auswählen.
  5. Klicke rechts auf die Theme-Datei, die du bearbeiten möchtest. Diese Theme-Datei wird im Codefenster links geladen.
  6. Klicke nach einer Änderung am Ende auf den Button Datei aktualisieren, um deine Änderungen zu speichern.

Alternativen zum Theme-Datei-Editor

Du kannst ohne den Theme-Datei-Editor wichtige Änderungen an deinem Theme vornehmen. Die folgenden Optionen sollten berücksichtigt werden:

Copied to clipboard!