Vollständige Anleitung zu WordPress-Themes

Veröffentlicht: 2020-08-27

In diesem anfängerfreundlichen Beitrag teilen wir alles, was Sie über WordPress-Themes wissen müssen.

Wenn Sie ein erfahrener WordPress-Benutzer sind, kennen Sie wahrscheinlich bereits viele dieser Informationen. Aber wenn Sie neu bei WordPress sind, ist dieser Beitrag für Sie, damit Sie nicht nur verstehen, was Themes sind, sondern auch lernen, wie Sie Ihr Theme verwenden und anpassen können, um eine großartig aussehende Website zu erstellen, die genau so aussieht, wie Sie es möchten zu.

Hier ist alles, was wir behandeln werden:

  • Was ist ein WordPress-Theme?
  • So wählen Sie ein WordPress-Theme aus (einschließlich kostenloser vs. kostenpflichtiger Themes)
  • WordPress-Themes im Vergleich zu Theme-Buildern und -Vorlagen
  • So verwenden Sie WordPress-Themes – z. B. installieren, ändern, aktualisieren, anpassen usw.
  • So erstellen Sie Ihr eigenes WordPress-Theme

Was ist ein WordPress-Theme?

Ihr WordPress-Theme steuert das Frontend-Design Ihrer WordPress-Site. Eine gute Analogie ist, sich Ihr Thema als die „Kleidung“ Ihrer Website vorzustellen:

  • Wenn Sie sich umziehen, ändern Sie Ihr Aussehen nach außen.
  • Wenn Sie Ihr WordPress-Theme ändern, ändern Sie das Aussehen Ihrer Website für Besucher.

Jede WordPress-Website benötigt ein WordPress-Theme – es ist eine Grundvoraussetzung der Plattform. Wenn wir mit der Analogie zur Kleidung fortfahren würden, wäre es, als würde man ohne Kleidung in die Öffentlichkeit gehen. Tatsächlich funktioniert Ihre Website nicht, wenn Sie kein Theme installiert haben, weshalb WordPress mit einem Standard-Theme geliefert wird, um Sie zu starten.

Es ist wichtig zu verstehen, dass WordPress-Themes Ihren zugrunde liegenden Website-Inhalt nicht ändern (genauso wie das Wechseln der Kleidung die darunter liegende Person nicht ändert) – sie ändern nur das Aussehen Ihres zugrunde liegenden Website-Inhalts.

Wenn Sie beispielsweise bereits einige Blog-Posts veröffentlicht haben, werden durch das Ändern Ihres WordPress-Themes keine Inhalte in diesen Blog-Posts entfernt oder bearbeitet. Stattdessen wird nur das Erscheinungsbild dieses Inhalts geändert.

Hier ist der Standard-Blog-Post mit dem beliebten OceanWP-Thema:

Und dann ist hier genau der gleiche Blogbeitrag mit dem Hestia-Thema:

Der Inhalt ist in beiden Screenshots exakt gleich – er sieht nur anders aus.

WordPress-Themes vs. Plugins

WordPress-Themes und -Plugins dienen sehr unterschiedlichen Funktionen und es ist wichtig, sich daran zu erinnern:

  • Themes steuern Design/Aussehen
  • Plugin-Steuerungsfunktionalität

Es ist eigentlich eine schlechte Vorgehensweise für ein Design, integrierte Funktionen in das Design selbst aufzunehmen. Stattdessen sollte ein Theme-Entwickler das Design dem Theme überlassen und alle notwendigen Funktionen in ein separates Plugin aufnehmen.

Angenommen, Sie möchten eine Website mit lokaler Veranstaltungsliste erstellen. Du würdest:

  • Verwenden Sie ein Plugin, um die Ereigniskalenderfunktionalität hinzuzufügen
  • Verwenden Sie ein Design, um zu steuern, wie die Funktion des Veranstaltungskalenders aussieht

Durch die Trennung von Design und Funktionalität bedeutet dies, dass Sie Ihr Thema im Laufe der Zeit problemlos ändern können. Wenn Ihr Theme jedoch auch die Funktionalität enthält, wären Sie im Wesentlichen daran gebunden, dieses Theme für immer zu verwenden, da das Ändern von Themes auch bedeuten würde, dass Sie die Funktionalität verlieren, die Sie benötigen.

So wählen Sie ein WordPress-Theme aus

Da Ihr WordPress-Theme das Design Ihrer Website steuert, spielt es eine wesentliche Rolle für den Erfolg Ihrer Website. Ihr Theme wirkt sich auf mehrere Bereiche aus, wie zum Beispiel:

  • Benutzererfahrung
  • Leistung (wie lange es dauert, bis Ihre Website geladen ist)
  • Markenzeichen
  • Usw.

Aus diesem Grund sollten Sie sich Gedanken über die Auswahl des perfekten Themas machen. In diesem Abschnitt geben wir einige Tipps, wie Sie dies tun können und wo Sie kostenlose oder Premium-Designs finden (und ob es einen Unterschied zwischen kostenlosen und Premium-Designs gibt).

Tipps zur Auswahl von Qualitätsthemen

Wenn Sie kein Entwickler sind, kann es schwierig sein, festzustellen, ob ein Thema „hochwertig“ ist oder nicht. Entwickler haben die Möglichkeit, sich den Code direkt anzusehen, um ein Thema zu verstehen, aber Nicht-Entwickler haben diesen Luxus nicht.

Hier sind einige Tipps, die Ihnen bei der Auswahl eines großartigen Themas helfen, auch wenn Sie den zugrunde liegenden Code nicht analysieren können:

  • Lesen Sie die Bewertungen – die meisten Themenverzeichnisse enthalten Benutzerbewertungen. Die Weisheit der Menge zu nutzen ist eine großartige Möglichkeit, die Qualität eines Themas schnell zu beurteilen.
  • Überprüfen Sie das Datum der letzten Aktualisierung – die meisten Verzeichnisse zeigen auch das Datum der letzten Aktualisierung an. Sie möchten sicherstellen, dass das Theme weiterhin regelmäßig vom Entwickler gewartet wird. Idealerweise sollte Ihr Theme innerhalb der letzten sechs Monate oder so ein Update erhalten haben.
  • Sehen Sie sich die Demo mit verschiedenen Geräten an – heutzutage findet der meiste Internetverkehr auf mobilen Geräten statt. Wenn Sie sich also die Demo eines Themas ansehen, sehen Sie sich nicht nur die Desktop-Version an. Sie sollten die Demo auch auf Ihrem Smartphone öffnen und sicherstellen, dass Ihnen das Aussehen beider Versionen gefällt.
  • Ziehen Sie Anpassungsoptionen in Betracht – wenn Sie kein Entwickler sind, sollten Sie nach benutzerfreundlichen Anpassungsoptionen suchen, damit Sie das Thema zu Ihrem eigenen machen können. Wir werden später behandeln, wie Sie ein Design anpassen, damit Sie besser verstehen, wie dies funktioniert.
  • Testen Sie die Leistung – es ist wichtig, dass Sie ein Design auswählen, mit dem Ihre Website schnell geladen wird. Leider ist dies für Nicht-Entwickler am schwierigsten zu beurteilen. Idealerweise installieren Sie das Theme auf einer Testseite und analysieren es mit einem Tool wie GTmetrix. Oder Sie können auch die Demo-Site des Themas analysieren.

Kostenlose vs. kostenpflichtige WordPress-Themes

Wenn Sie einige andere Themen zur Auswahl eines WordPress-Themes lesen, werden Sie möglicherweise auf die Idee stoßen, dass Premium-Themes von Natur aus besser sind als kostenlose Themes.

Sie könnten sehen, dass Leute Dinge sagen wie:

  • Premium-Themes sind besser codiert als kostenlose Themes.
  • Premium-Designs haben bessere Designs als kostenlose Designs.
  • Premium-Themes sind SEO-freundlicher als kostenlose Themes.
  • Premium-Themes sind sicherer als kostenlose Themes.
  • Usw.

Keine dieser Aussagen ist wahr . Sie können sicherlich für einzelne Themes gelten, aber es gibt keine inhärenten Unterschiede zwischen kostenlosen Themes und Premium-Themes, die für jedes einzelne Theme gelten.

Kostenlose Themes sind nur Code und Premium-Themes sind nur Code:

  • Sie können gut codierte/designte/optimierte kostenlose Designs und schlecht codierte/designte/optimierte kostenlose Designs haben.
  • Sie können gut codierte/Design-/optimierte Premium-Themes und schlecht codierte/Design-/optimierte Premium-Themes haben.

Darüber hinaus arbeiten viele Themes nach einem „Freemium“-Modell, was bedeutet, dass das Kernthema selbst kostenlos ist, Sie jedoch bezahlen können, um weitere Funktionen hinzuzufügen. Es ist genau das gleiche Kernthema zwischen der kostenlosen und der kostenpflichtigen Version, daher kann man sicherlich nicht sagen, dass eine besser ist als die andere.

All das zu sagen, wenn Sie ein kostenloses Thema finden, das Ihnen gefällt und es alles bietet, was Sie brauchen, ist das völlig in Ordnung. Haben Sie nicht das Gefühl, dass Sie ein Premium-Theme „brauchen“, um eine erfolgreiche Website zu haben. Zum Beispiel ist unser eigenes Hello-Theme zu 100 % kostenlos und wird von über 300.000 Websites verwendet.

Vor diesem Hintergrund gibt es einige Gründe, warum Sie sich für ein Premium-Theme entscheiden sollten:

  • Support – In der Regel werden kostenlose Designs nicht mit oder nur eingeschränkt unterstützt. Bei einem Premium-Theme erhalten Sie in der Regel persönliche Unterstützung direkt vom Entwickler.
  • Mehr Funktionen – obwohl dies keine harte Regel ist, haben Premium-Themes im Allgemeinen mehr Funktionen, da der Entwickler mehr Zeit in sie investieren kann (da sie bezahlt werden).
  • Mehr Demos/Vorlagen – dies folgt der gleichen Argumentation wie oben unter „Weitere Funktionen“.
  • Langlebigkeit – Bei einem kostenlosen Theme haben Sie eine überdurchschnittlich hohe Chance, dass der Entwickler es aufgibt, weil es keine Einnahmequelle darstellt. Bei kostenpflichtigen Themes hat der Entwickler einen finanziellen Anreiz, es weiter zu pflegen.

Wo finde ich kostenlose WordPress-Themes?

Der beste Ort, um kostenlose WordPress-Themes zu finden, ist das offizielle WordPress.org-Themenverzeichnis.

Ab August 2020 enthält das offizielle Verzeichnis über 7.600 kostenlose Themen, die alle grundlegende Codierungsstandards erfüllen müssen.


Wenn Sie nicht alle über 7.600 Themes durchwühlen möchten, können Sie sich unsere kuratierte Liste der besten kostenlosen WordPress-Themes ansehen.

Wo finde ich Premium-WordPress-Themes?

Im Gegensatz zu kostenlosen WordPress-Themes gibt es kein offizielles Verzeichnis, um Premium-WordPress-Themes zu finden.

Der größte Marktplatz für Premium-Themes ist der ThemeForest-Marktplatz von Envato, der ab August 2020 über 11.000 Premium-Themes enthält. Die Preise variieren je nach Thema, aber Sie zahlen normalerweise ~ 60 USD für ein Thema von ThemeForest.

Viele Entwickler verkaufen auch direkt über ihre eigenen Websites. Sie können diese unabhängigen Verkäufer über Google oder Mundpropaganda finden.

WordPress Themes vs. Theme Builder vs. Templates

Lassen Sie uns nun einige Vergleiche anstellen, um Ihnen zu helfen, einige der Begriffe zu verstehen, die Ihnen im Zusammenhang mit „WordPress-Themen“ begegnen könnten.

WordPress Theme vs Theme Builder

Wenn Sie sich durch die Idee, ein WordPress-Theme von der Stange zu verwenden, eingeschränkt fühlen, bevorzugen Sie möglicherweise einen Theme-Builder (auch bekannt als WordPress-Website-Builder).

Mit einem Theme-Builder können Sie im Wesentlichen einen Teil oder das gesamte WordPress-Theme mit einer Art Editor „erstellen“ (kein Code erforderlich). Mit Elementor Theme Builder können Sie beispielsweise Ihr Design mithilfe einer visuellen Drag-and-Drop-Oberfläche gestalten.

Sie können entweder den Theme Builder verwenden, um 100% Ihres Themes zu entwerfen. Oder Sie können es einfach chirurgisch verwenden, um bestimmte Teile Ihres Themas zu ersetzen. Sie können beispielsweise einen Theme-Builder verwenden, um einen benutzerdefinierten Header für Ihr Theme zu entwerfen, aber dennoch Ihr Theme verwenden, um andere Teile des Designs zu steuern (z. B. das Aussehen Ihrer Blog-Posts).

Selbst wenn Sie einen Theme-Builder verwenden, müssen Sie immer noch ein WordPress-Theme installiert haben (auch dies ist eine grundlegende WordPress-Anforderung, selbst wenn Sie das Design dieses Themes vollständig ersetzen). In diesem Szenario möchten Sie ein sehr einfaches „Basisdesign“ wie das Hello-Design auswählen.

WordPress Theme vs Theme Builder genauer erklärt

WordPress-Theme vs. Vorlage vs. Vorlagen-Kit

Vorlagen sind ein weiteres Werkzeug, mit dem Sie steuern können, wie Ihre Website aussieht.

Dies kann ein wenig verwirrend sein, da „Vorlage“ in verschiedenen Situationen unterschiedliche Bedeutungen haben kann.

Im Zusammenhang mit einem WordPress-Theme werden einige WordPress-Themes mit verschiedenen Vorlagen geliefert, die Sie beim Erstellen von Inhalten verwenden können. Sie erhalten beispielsweise eine „Vorlage mit voller Breite“ sowie eine „Vorlage mit schmaler Breite“, die eine Seitenleiste enthält.

Unter der Haube bestehen WordPress-Themes auch aus verschiedenen Vorlagen, die alle über die sogenannte WordPress-Vorlagenhierarchie zusammenpassen. Das Verständnis der Vorlagenhierarchie ist jedoch ein fortgeschrittenes Thema und etwas, das nur Entwickler wirklich lernen müssen.

Im Kontext eines Tools wie Elementor Theme Builder ist eine „Vorlage“ ein bestimmter Teil Ihres Themes. Sie hätten beispielsweise separate Vorlagen für Ihre Website:

  • Header
  • Blogpost-Design
  • Design der Blogliste
  • Fusszeile
  • Usw.

Sie können diese Vorlagen dann zu einer vollständigen Website zusammenstellen, ähnlich wie bei Legos. Um Zeit zu sparen, bietet Elementor sogar eine Funktion namens Template Kits, die Ihnen vorgefertigte Sets aller Vorlagen zur Verfügung stellt, die Sie möglicherweise benötigen, um ein zusammenhängendes Design zu erstellen.

Lesen Sie in dieser ausführlichen Anleitung mehr über den Unterschied zwischen WordPress-Themes und Vorlagen.