WordPress-Themes - Die 15 besten 2024 Designs

Mรถchtest du mehr zum Thema Wordpress-themes erfahren?

Mit WordPress-Themes kannst du deinem Blog mit einem Klick ein neues Gewand verpassen. Denn Themes verรคndern das Aussehen und die Funktion deiner Webseite. WordPress besitzt ein sehr fortschrittliches Template-System, welches Aussehen und Funktion von deinem Inhalt trennt.

WordPress-Themes sind Templates, Motive oder Vorlagen, die das Aussehen deines Blogs verรคndern.

Der Artikel stellt die besten und schnellsten WordPress-Themes fรผr 2024 vor, die in Bezug auf Design, Funktionalitรคt und Anpassbarkeit herausragen.

โ˜๏ธ Kernpunkte auf einen Blick

  • ๐ŸŽจ Optische Darstellung: Das WordPress-Theme beeinflusst das visuelle Erscheinungsbild der Website. Es trennt Inhalt von Design.
  • ๐Ÿ› ๏ธ Funktionen und Flexibilitรคt: Neben der Optik bieten Themes zusรคtzliche Funktionen. Fรผr nicht-Programmierer gibt es Premium-Themes mit erweiterten Funktionen.
  • ๐Ÿš€ Die besten Themes: Der Artikel prรคsentiert eine Liste der 15 besten WordPress-Themes, die sich in Geschwindigkeit, Funktionalitรคt und Anpassungsfรคhigkeit unterscheiden.
  • ๐Ÿ’ก Kadence Theme: Ein Allrounder, besonders optimiert fรผr Gutenberg. Bietet atemberaubende Starter-Templates und perfekte WooCommerce-Unterstรผtzung.

Was ist ein WordPress-Theme?

Infografik: Wichtige Aspekte eines WordPress-Themes
Infografik: Wichtige Aspekte eines WordPress-Themes

Mit WordPress-Themes hast du die Mรถglichkeit, das Erscheinungsbild und die Darstellung deiner Website zu definieren. Denn deine Website befindet sich nach der Installation von WordPress noch im rohen Zustand. Mit verschiedenen Themes (auch Template oder Vorlage genannt), prรคsentierst du deine Seite so, wie sie zu dir passt.

Aber WordPress-Themes sind nicht nur fรผr die Optik der Website zustรคndig. Hierbei geht es vielmehr um die Funktionen und um das, was deine Website kann. Bist du fit im Programmieren, kannst du in ein Theme auch zusรคtzliche Funktionen hineinprogrammieren. Allerdings erfordert dies einiges an Erfahrung.

Besitzt du keine Programmiererfahrung, solltest du einen Blick auf Premium-WordPress-Themes werfen. Hier ist der Umfang an Funktionen deutlich grรถรŸer. Auch wenn sie kostenpflichtig sind, so solltest du im Hinterkopf haben, dass du durch diese Themes besser in jeglichen Suchmaschinen gefunden wirst. AuรŸerdem ist die Darstellung auf verschiedenen Endgerรคten schon optimiert.

Warum das richtige WordPress-Theme wichtig ist

  • Professionelles Erscheinungsbild: Ein hochwertiges Theme vermittelt Seriositรคt und Professionalitรคt.
  • Optimale Benutzererfahrung: Schnelle Ladezeiten und benutzerfreundliches Design erhรถhen die Verweildauer.
  • SEO-Vorteile: Gut codierte Themes unterstรผtzen die Suchmaschinenoptimierung.

Die 15 besten WordPress-Themes

Die Website ist im Prinzip dein Gesicht im Internet. Daher sollte sie entsprechend professionell erscheinen und gut zu deinem Unternehmen passen. Um dies zu erreichen, stelle ich dir die 15 besten WordPress-Themes vor:

1. Kadence Theme – Der Schnelle Allrounder und GUTENBERG-Profi

Kadence Theme Screenshot
Kadence Theme Screenshot

Fรผr: Privat, Business, E-Commerce, Gutenberg

Das Kadence Theme ist auf keine besondere Nische angelegt und gilt daher als Multi-Purpose WordPress-Theme. Dieses Theme ist optisch neutral und designed durch Anpassungen oder Starter-Themes das Aussehen fรผr deine Website. Zu diesem Theme gibt es auรŸerdem eine Reihe Plug-ins, um die Funktionen des Themes zu erweitern. Der Schwerpunkt bei diesem liegt zwar auf Gutenberg, dennoch werden auch Elementor und Beaver Builder uneingeschrรคnkt unterstรผtzt.

Neben umfangreichen Einstellungsmรถglichkeiten im Customizer bringt das Kadence Theme auรŸerdem einige spannende Features mit. Diese sind zum Beispiel:

  • Globale Farbpalette
  • Transparenz und Sticky Header
  • intuitiver Header und Footer Builder
  • Menรผ Erweiterungen (Icons, Dropdowns,..)
  • eigene 404 Fehlerseite
  • zeitgesteuerte Inhalte
  • WooCommerce Anpassungen
  • fixierte Elemente (Footer, Banner)

In der Pro-Version wird das Kadence Theme in regelmรครŸigen Abstรคnden um weitere sinnvolle Features erweitert. Neben der Pro-Version ist dieses Theme auch noch als Essential Bundle und Full Bundle erhรคltlich.


2. Astra Theme – Schnell und mit vielen Templates und Plugins

Astra Pro Theme
Astra Pro Theme

Fรผr: Privat, Business, E-Commerce

  • Schnelles Theme
  • Viele zusรคtzliche Plug-ins
  • รœber eine Million mal installiert
  • Zahlreiche Starter Templates

Das Astra Theme gehรถrt zu den am schnellsten wachsenden WordPress-Themes. Es bietet eine gute Performance und ist das optimale Theme fรผr WooCommerce, Page-Builder und weitere Plug-ins. Wobei der Fokus auf Elementor und Beaver liegt. Aus den folgenden Grรผnden ist das Astra Theme so beliebt:

  • Faires Preis-Leistungs-Verhรคltnis
  • ansprechende Seitenbibliothek
  • ausgezeichnete Woocommerce-Features
  • Kompatibilitรคt mit Page-Builder
  • ordentlicher Quellcode
  • gute Performance

Die gute Performance gibt es aus drei Grรผnden. Erstens ist Astra nicht mit unnรถtigen Features vollgepackt. Dann wird zum Beispiel Vanilla JavaScript anstatt jQuery verwendet, was heiรŸt, Astra ist ordentlich und sauber gecodet. Und der dritte Grund ist, dass sich die Features in der Pro-Version modular aktivieren und deaktivieren lassen. Somit lรคdst du auch nur das, was du brauchst.

Des Weiteren bietet das Astra Theme mehr Optionen fรผr Layout und Header und verfรผgt รผber erweiterte Blog-Funktionen. Durch Footer Widgets und weitere Pro Features lรคsst sich zudem der Footer perfekt anpassen. Neben der Pro-Version gibt es das Astra Theme auch als Mini Agency Bundle und als Agency Bundle.


3. Generate Press – Sauberer Code mit vielen Optionen

GeneratePress WordPress-Theme
GeneratePress Theme

Fรผr: Privat, Business, Onlineshops

  • Bltzschnelle Ladezeiten
  • Sauberer Quellcode
  • Hunderte von Anpassungselementen
  • รœber 80 Tausend zufriedene Kunden

Ein weiteres sehr beliebtes WordPress-Theme ist das GeneratePress. Hierbei handelt es sich um ein sauberes Lightweight-Theme, welches aber immer noch flexibel genug ist, um fast jedes Webprojekt in die Tat umzusetzen. Die Performance ist sehr beeindruckend und das Theme ist kompatibel mit Elementor, Beaver Builder und WooCommerce. Des Weiteren bietet GeneratePress einen hohen Funktionsumfang. Diese Features bekommst du mit GeneratePress:

  • Farb- und Layouteinstellungen รผber den Customizer
  • Responsive
  • Google Fonts Integration
  • Site Library
  • Typograph
  • Menรผ plus
  • Backgrounds
  • Copyright
  • und viele weitere

AuรŸerdem bietet GeneratePress ein ordentliches Onpage-SEO. Denn dieses Theme ist von Grund auf SEO optimiert. Anhand der schnellen Ladezeiten und des guten Content-Designs wird hiermit die Nutzerfreundlichkeit deutlich erhรถht. Aber auch das Supportforum kann sich sehen lassen. Fragen werden hier innerhalb kรผrzester Zeit beantwortet.

Das Design ist ansprechend, verwendet gรผltiges HTML und CSS und wurde von der Community in viele Sprachen รผbersetzt. Einige der vielen Funktionen umfassen die Integration von Mikrodaten, Widget-Bereiche, Navigations-Positionen, Seitenleisten-Layouts, Dropdown-Menรผs.


4. Divi Theme – Das Premium Theme mit eigenem Page-Builder

Divi Theme von Elegant Themes
Divi Theme

Fรผr: Privat, Freelancer, Webdesigner, Business

  • Einfache Bedienung
  • 110 Demo-Layouts
  • Erweiterte WooCommerce Mรถglichkeiten
  • 24/7 Support

Das Divi Theme gilt als ein sehr benutzerfreundliches Theme. Denn hiermit lassen sich auch ohne Programmierkenntnisse wundervolle Websites erstellen. Somit ist dieses Theme speziell fรผr Anfรคnger gut geeignet. Da dieses Theme sehr flexibel ist, kann es zum Beispiel fรผr folgende Website-Typen angewandt werden:

  • Anwaltswebsite
  • Webagentur
  • Online-Shop
  • Hochzeitswebsite
  • Yoga-Studio
  • Freelancer-Website
  • und viele mehr

Mit diesem Theme hast du die Mรถglichkeit, deine Website komplett neu aufzubauen oder du verwendest ein Demo-Layout. Zudem bietet Divi viele Werkzeuge, um dein Business auf Erfolgskurs zu bringen. Ebenso helfen die mitgelieferten Plug-ins bei der Einbindung und Erstellung eines E-Mail-Newsletters oder den Social-Links. Durch das Plug-in Divi Builder lรคsst sich รผbrigens fast jedes Theme mit dem LiveFrontend-Editor ausstatten.


5. Blocksy Theme – Beliebtes und flottes Theme

Blocksy Theme
Blocksy Theme

Fรผr: Privat, Business, E-Commerce

  • Schnelles Theme
  • WooCommerce Integration
  • Optimiert fรผr Gutenberg
  • Viele nรผtzliche Widgets

Mit Blocksy bekommst du ein kostenloses Gutenberg Theme, bei dem alle Funktionalitรคten eben auf Gutenberg abgestimmt sind. Hier funktionieren sรคmtliche Elemente, die du im Blockeditor zusammensteckst. Wie Einbettungscodes oder Gruppierungen. Am auffรคlligsten ist der Cover-Block. Denn dieser lรคsst sich ganz auf deine Bedรผrfnisse ausrichten und anpassen.

Zudem lรคsst sich das Theme รผber den Costumizer mit beinahe jedem Element konfigurieren. Nachstehend sind ein paar Beispiele, was im Customizer so alles funktioniert:

  • Komplette Google Front Library
  • Blog- und Page-Layout-Konfiguration (Titelanzeige, Hintergrund-Image oder Autor)
  • SchriftgrรถรŸen Konfiguration in drei Viewports

Das Blocksy Theme gilt unter den Free-Themes als eines der schnellsten auf dem Markt. Zudem hรคlt dieses Theme fast wรถchentlich Updates fรผr dich bereit, was die Wahl dieses Theme langfristig zu einer guten Entscheidung macht.


6. Genesis Framework von StudioPress – Fรผr ENTWICKLER

Genesis Framework

Fรผr: Entwickler, Freelancer, E-Commerce, Gutenberg

  • Top-Geschwindigkeit
  • Hohe Sicherheit
  • Flexible Anpassungsmรถglichkeiten
  • Meistgenutztes WordPress-Theme-Framework

Mit dem Genesis Framework von StudioPress lassen sich auf einfache und schnelle Weise hervorragende Websites bauen. Hier bekommst du eine sichere suchmaschinenoptimierte Grundlage, ganz gleich, ob du Anfรคnger, Fortgeschrittener oder Child-Theme Anbieter bist. Auch, wenn sich Genesis schon ganz klar an Entwickler richtet. Die Funktionen von Genesis Framework sind folgende:

  • Gemeinschaft bilden: SchlieรŸe dich Tausenden Entwicklern und Designern an.
  • Vorgefertigt fรผr WooCommerce: Richte deinen Online-Shop auf einfache Art und Weise ein.
  • Mobil responsive: Deine Website wird fรผr jedes Gerรคt und jeden Browser optimiert.
  • Ein-Klick-Set-up: Plug-ins, Demo-Inhalte und perfekt gestaltete Gutenberg-Blรถcke lassen sich kinderleicht auf deine Homepage laden.
  • Gutenberg-Blockeditor: Endbenutzer haben hierdurch die Mรถglichkeit, die Module anzupassen.
  • Theme-Anpasser: Einstellungen, Farben und Inhalte kรถnnen optimiert werden. Eine Vorschau dieser ร„nderungen lรคsst sich in Echtzeit ansehen.
  • Anpassbares Logo: Lade dein eigenes Logo mit einem Knopfdruck hoch.
  • Barrierefreiheit: Deine Website funktioniert fรผr verschiedene Benutzer und die jeweils benรถtigten Umstรคnde.

Benรถtigst du trotz alledem weitere Funktionen, kannst du diese leicht mit einem Plug-in nachrรผsten. Wenn du dir noch unsicher bist, auch kein Problem. Denn das Genesis Framework kann problemlos รผber 30 Tage getestet werden.


7. Flatsome – Tolles Theme fรผr WOOCOMMERCE Shops

Flatsome WordPress-Theme fรผr WooCommerce
Flatsome Theme

Fรผr: E-Commerce, WooCommerce

  • Spezialisierung E-Commerce
  • Ausserordentlicher Support fรผr WooCommerce
  • Geschwindigkeit von 98 aus 100 GTmetrics

Flatsome zรคhlt zu den meist bewerteten und bekanntesten Themes auf Themeforest und Envato. Der Fokus liegt hierbei auf Online-Shops. Dennoch eignet sich dieses Theme auch sehr gut fรผr Blogs, Eventsites oder Business-Sites. Wichtig ist, dass du zumindest Grundkenntnisse im Coden hast. Flatsome ist zwar konfigurierbar, aber das Beste holst du eben aus diesem Theme, wenn du das Coden drauf hast.

Ein Highlight ist das Flatsome Studio. Fรผgst du neue Elemente ein, kannst du das Studio รถffnen und aus mehr als 100 Vorlagen auswรคhlen. Diese Vorlagen sind fรผr wichtige Sektionen, wie zum Beispiel:

  • Testimonials
  • Banner
  • Preistabellen
  • Logos
  • und viele mehr

Wichtig ist allerdings, dass du beim Kauf von Plug-ins darauf achtest, dass diese unterstรผtzt werden. Denn fรผr viele Plug-ins gibt es keine ausreichende Integration. Diese Plug-ins unterstรผtzt Flatsome:

Da es sich hier um ein sehr anspruchsvolles Theme handelt, ist natรผrlich auch der Support hervorragend. Du hast die Mรถglichkeit, auf YouTube Video-Tutorials anzusehen, in der Knowledge-Base in Artikeln nachzulesen oder รผber Themeforest im Onlinesupport nachzufragen.


8. Thrive Theme Builder – Volle Kontrolle mit Page-Builder

Thrive Theme Builder
Thrive Theme Builder

Fรผr: Privat, Blogger, Unternehmer

  • Front-End-Anpassungsfรคhigkeit
  • Vollwertiges WordPress-Theme
  • Vorgefertigte Designvorlagen
  • WooCommerce Kompatibel

Mit dem Thrive Theme Builder kannst du jedes Element frei anpassen. Zu den verรคnderbaren Elementen gehรถren zum Beispiel Header, Footer, Content-Bereich, Sidebars, Archive Seiten und viele mehr. Dieses Theme ist auรŸerdem anfรคngertauglich, sodass du jegliche Bereiche deiner Website verรคndern kannst, ohne auch nur einen einzigen Code schreiben zu mรผssen. Die wichtigsten Features zu diesem Theme sind:

  • Theme Builder Wizard
  • Branding
  • Site speed
  • Image Optimization
  • Acceleratedt Mobile Pages
  • Schema Markup
  • WooCommerce Support
  • Smart Color Technology
  • und viele weitere

Dank der vorgefertigten Designvorlagen kannst du deine Seiten und Seitenabschnitte individuell anpassen. Zudem ist der Thrive Theme Builder sehr benutzerfreundlich und daher fรผr Anfรคnger leicht zu bedienen. AuรŸerdem lรคsst sich dieses Theme in all deine fรผr dich wichtigen Online-Tools oder Apps integrieren.

Shapeshift, Ommi und Kwik heiรŸen die verfรผgbaren Templates.


9. Page Builder Framework – Minimalistisch und super schnell

Page Builder Framework
Page Builder Framework

Fรผr: Privat, Entwickler, Gutenberg

  • Gutenberg-Unterstรผtzung
  • DSGVO-Konform
  • SEO-Freundlich
  • Minimalistisch

Das Page Builder Framework ist ein minimalistisches, modernes und schnelles Theme. Anhand der endlosen Anpassungsoptionen bietet dieses Theme Flexibilitรคt und ist auรŸerdem WooCommerce-fรคhig. Weitere Grรผnde fรผr den Kauf des Page Builder Frameworks findest du nachstehend:

  • DSGVO-Konform
  • 100 Prozent mobil responsive
  • SEO-freundlich
  • Gutenberg-Unterstรผtzung
  • Entwicklerfreundlich
  • Auf GitHub gehostet und 100 Prozent Open Source

Des Weiteren lรคsst sich dieses Theme in diese Page-Builder integrieren: Brizy, Visual Composer, Divi, Elementor und Beaver Builder. Obwohl das Page Builder Framework so minimalistisch ist, kommt es mit einigen sehr guten Funktionen daher. Diese sind:

  • Generator fรผr untergeordnete Themen
  • Multisite-Kompatibilitรคt
  • Umfangreiche Dokumentation
  • Modularer Ansatz

10. Enfold – Grandioses Theme aus ร–sterreich

Enfold Theme
Enfold Theme

Fรผr: Entwickler, E-Commerce, Privat

  • Responsive Design
  • Deutscher Support
  • Diverse Optionen fรผr Entwickler
  • Hervorragende Ladezeiten

Durch seine Flexibilitรคt ist das Enfold Theme nicht nur etwas fรผr WordPress Einsteiger. Allerdings punktet Enfold nicht mit den รผblichen Stรคrken wie andere Themes. Aber es ist auรŸergewรถhnlich. Und genau das macht dieses Theme so interessant. Du wirst etwa bei Enfold keine Demo-Layouts im dreistelligen Bereich finden. Hier gibt es exakt 28 Demos. Und diese machen nicht den Mega-Design-Eindruck. Dennoch zรคhlt es zu den bestbewerteten Themes auf Themeforest. Das liegt unter anderem daran:

  • Eigener Layout Builder
  • Deutscher Support
  • Aufgerรคumter Code
  • Verschiedene Mรถglichkeiten der Ladezeit-Optimierung
  • Zurรผckhaltende Gestaltung
  • Entwickler-Options

Letztlich kann gesagt werden, dass Enfold ein klar strukturiertes Theme mit einem schlanken Quellcode ist. Die Installation ist in 5 Minuten erledigt und die Ladezeiten gelten als groรŸes Plus fรผr das Performance-Marketing รผber Social-Media-Kanรคle und die Suchmaschinenoptimierung. Erhรคltlich auf Envato.


11. Neve – Mobile First und fertig fรผr AMP

Neve Theme
Neve Theme

Fรผr: Privat, Freiberufler, Bastler, E-Commerce

  • Integration mit Gutenberg
  • Verbesserter WooCommerce
  • Benutzerdefinierte Layouts
  • AMP-Kompatibel

Mit Neve lรคsst sich deine Website schnell gestalten und erweitern. AuรŸerdem ist die Website-Erstellung fรผr jeden zugรคnglich. Das liegt zum einen an dem Mobile-First-Ansatz von Neve und zum anderen an der Kompatibilitรคt mit AMP. Neben der schnellen Leistung und einer Ladezeit von 0,6 Sekunden bietet Neve ein leichtes Gewicht von 28 KB an. Dennoch bรผรŸt Neve nichts an der Flexibilitรคt ein. Dieses WordPress-Theme eignet sich also hervorragend fรผr eine langjรคhrige Zusammenarbeit. Denn es bietet Folgendes:

  • Einfache Einrichtung
  • schlankes Design
  • zuverlรคssige Updates
  • Qualitรคtscode
  • Flexibilitรคt und leichte Bedienung
  • Schnelligkeit

Durch die individuelle Gestaltung des Headers und Footers รผber Drag & Drop kannst du sรคmtliche Komponenten anpassen und neu gestalten. Auch die Layout-Optionen lassen sich von dir steuern, sodass du innerhalb von Minuten eine professionelle Website stehen hast.

Neve arbeitet perfekt mit Gutenberg und den beliebtesten Seitenerstellern (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, und auch mit dem Divi Builder) zusammen. Neve ist auch WooCommerce-fรคhig, reaktionsschnell, RTL- und ebenso รผbersetzungsfรคhig.


12. Hestia – Modern und im Google Material Design

Hestia Theme
Hestia Theme

Fรผr: Privat, E-Commerce, Business, Agentur

  • WooCommerce Integration
  • Demo der Admin-Seite zum testen
  • 1-Klick-Updates
  • Starter-Sites

Dieses Theme ist nicht nur stilvoll, es passt auรŸerdem perfekt fรผr jegliche Art von Geschรคft. Zudem ist Hestia auf Leistung ausgelegt und lรคsst sich einfach einrichten. Nachstehend haben wir 6 Grรผnde fรผr dich, um Hestia herunterzuladen:

  • Kompromisslose Geschwindigkeit
  • Starter-Sites enthalten
  • Page-Builder Kompatibilitรคt
  • alles im Customizer erledigt
  • glattes Materialdesign
  • bereit fรผr WooCommerce-Design

Das Grundgerรผst fรผr deine Website lรคsst sich anhand des schรถnen Materialdesigns aufbauen. Optimieren hingegen kannst du deine Homepage oder die vorgefertigten Designs direkt aus dem Customizer heraus. Die Integration funktioniert nicht nur mit Gutenberg, sondern auch mit anderen gรคngigen Seitenerstellern, wie Elementor, Beaver Builder oder Divi Builder.


13. OceanWP – Beliebt in Kombination mit Elementor

OceanWP WordPress-Theme
OceanWP Theme

Fรผr: Entwickler, Web-Designer, E-Commerce

  • Schnelle Anpassung
  • Anfรคngerfreundlich
  • Elementor-Integration
  • Mehr als 4,5 Millionen Downloads

Neben seiner Schnelligkeit ist OceanWP ein ausgezeichnetes und kostenloses Mehrzweck-Theme, welches dir nicht nur die Kontrolle รผber die Anpassungen deines Website-Designs รผberlรคsst, sondern dir auch eine Vielzahl an Erweiterungen (kostenlos sowie Premium) bietet. Das Hauptmerkmal ist hierbei, dass du das Design รผber den WordPress Customizer anpassen kannst. Und dies funktioniert auf eine sehr benutzerfreundliche und intuitive Weise. Viele Dienstleister nutzen OceanWP auch als Grundlage fรผr Blogs mit Pagebuildern.

Diese Premium-Erweiterungen bietet dir OceanWP:

  • WooCommerce Pop-up
  • Post Slider
  • Elementor widgets
  • Footer Callout
  • Demo Import

Des Weiteren kannst du individuelle Post-Einstellungen vornehmen und hast die Option, bestimmte Skripte/CSS zu aktivieren oder zu deaktivieren. Dieses WordPress-Theme ist in der kostenlosen Version schon gut verstรคndlich. Hast du es dann ausreichend getestet, kannst du auf insgesamt 11 Premium-Erweiterungen zugreifen.

Die SeitengrรถรŸe des Themes ist sehr gering (weniger als 50 KB im Frontend) und erreicht nicht zuletzt deshalb sehr gute Geschwindigkeiten.


14. Avada – Das beliebteste Theme auf Themeforest

Avada Theme
Avada Theme

Fรผr: Web-Designer, Business, E-Commerce

  • รœber 600.000 verkaufte Lizenzen
  • Viele Premium-Plug-ins inclusive
  • WooCommerce kompatibel
  • Performance-Optimierung

Avada ist das weltweit meistverkaufte Theme und gilt als Multifunktions-Theme. Lรคdst du das Full-Package herunter, bekommst du nicht nur das eigentliche Avada Theme, sondern auch das entsprechende Child-Theme dazu. Zusรคtzlich erhรคltst du einen Ordner mit sรคmtlichen Photoshop-Dateien und der Standard Demo Seite. Unter Extras findest du zudem den Layer Slider und Revolution Slider. Diese gehรถren zu den mitgelieferten Premium-Slidern.

Da dieses Theme eine auรŸerordentliche Menge an Funktionen bietet, musst du allerdings auf eine schnelle Webhosting-Umgebung achten. Hierzu kannst du in dem Bereich System Status alle Informationen zu deiner derzeitigen WordPress und Server-Umgebung einsehen. Bereiche, welche rot markiert sind, solltest du entsprechend optimieren.

Avada ist ein sehr anspruchsvolles Theme, welches eine gewisse Einarbeitungszeit benรถtigt. Zu empfehlen ist Avada allerdings eher fรผr Online-Shops, grรถรŸere Unternehmen oder Verbรคnde. Fรผr kleine Blogs eignen sich andere WordPress-Themes definitiv besser.

Magazine verwenden auch gerne dieses Theme.


15. Hello – Minimalistisches Theme von und fรผr ELEMENTOR

Hello Theme von Elementor
Hello Theme

Fรผr: Business, E-Commerce, Entwickler

  • Elementor kompatibel
  • Responsives Design
  • SEO Optimiert
  • Minimalistisch

Hello ist ein sehr leichtes und minimalistisches Theme, welche fรผr Website-Besitzer als „leere Leinwand“ konzipiert wurde. Somit handelt es sich hierbei um ein Theme, welches absichtlich nur wenige Optionen zur Verfรผgung hat, damit alle Designรคnderungen ausschlieรŸlich รผber Elementor abgewickelt werden. Der Vorteil ist, dass Hello schnell zu laden ist und mit sรคmtlichen gรคngigen WordPress-Plug-ins kompatibel ist.

Trotz des minimalistischen Designs ist Hello so flexibel, dass sich damit sowohl Online-Shops als auch Landingpages bauen lassen. Zum Beispiel lassen sich in der kostenlosen Version von Elementor, Seiten in mehrere Abschnitte unterteilen. So kannst du jeden einzelnen Teil deines Layouts einzigartig werden lassen. Des Weiteren bietet Elementor eine Menge Tools, welche zur Erstellung von Seiten oder Abschnitten sehr hilfreich sind. So lassen sich etwa folgende Elemente hinzufรผgen:

  • Karten
  • Text
  • Videos
  • รœberschriften
  • Bilder
  • Beitrรคge

Der komplette Inhalt lรคsst sich in Spalten und Abschnitten organisieren. Um allerdings Bereiche wie Header, Footer, einzelne Posts und Archive zu kontrollieren, benรถtigst du die Pro-Version von Elementor. Hello in Verbindung mit Elementor Pro stellt dir dann mehr als 300 Vorlagen bereit, was sehr hilfreich sein kann, wenn du eine professionelle Website erstellst.


Drei Bonus-Themes von Themeforest

The7 WordPress-Theme
The7 Theme
BeTheme WordPress-Theme
Be Theme
Newspaper9 WordPress-Theme
Newspaper9 Theme

Bestes WordPress Hosting

HostPress ist TรœV Saarland zertifiziert

Hosting-Empfehlungen sind normalerweise Mรผll.

Oft werden extrem billige Hosting-Pakete fรผr โ‚ฌ 3 empfohlen, andere wiederum werben mit einem โ‚ฌ 100 VPS, weil sie als Affiliate dabei am meisten verdienen. Letztlich wollen wir doch alle nur den schnellstmรถglichen Webspace fรผr mรถglichst wenig Geld.

Und zwar fรผr WordPress optimiert und vom TรœV Saarland zertifiziert!

Was ist noch wichtig? Der Server sollte in Deutschland liegen und der Support sollte mรถglichst schnell antworten, und das am besten auf Deutsch.

Das alles bekommst du bei HostPress ab โ‚ฌ 19,00 / Monat.

Alle Beitrรคge zum Theme WordPress-Themes

Im Anschluss findest du die letzten zehn Artikel zum Thema WordPress-Themes. Einfach zum Stรถbern.

Kadence Theme Review
Mit Kadence WP wagen viele den Sprung weg von aufgeblasenen Page-Buildern hin zum WordPress Block-Editor Gutenberg. In diesem Artikel schauen…
WordPress Block-Themes und Full Site Editing
Auf meinem Blog habe ich dir schon des ร–fteren die unterschiedlichen Arten von Page-Buildern vorgestellt und auch das ein oder…
Was ist und was macht eigentlich die theme.json Datei innerhalb eines WordPress-Themes?
Was ist und was macht eigentlich die theme.json Datei innerhalb eines WordPress-Themes? Seit WordPress 5.8 gibt es innerhalb von WordPress-Themes…
Divi Theme
Das Divi Theme und die dazugehรถrige Mitgliedschaft bei Elegant Themes รผberzeugt hunderttausende Kunden weltweit. Damit ist Divi das beliebteste Premium…
Divi Fotografen Theme
Fotografen und Videografen lieben das Divi Theme vom Entwickler Elegant Themes. Dank unzรคhliger Child-Themes kannst du deine Website mit einem…
Astra, GeneratePress oder Divi? Welches WordPress-Theme?
Welches WordPress-Theme ist das beste? Objektiv ist diese Frage nicht zu beantworten. Ich versuche es dennoch. Weil es unmรถglich ist,…
StellarWP - Alle WordPress-Plugins die du benรถtigst
Auch wenn du dich jetzt fragst, wer oder was StellarWP ist und warum ich dafรผr einen eigenen Blog-Post รถffne. Du…
Astra Pro Theme Review
Das Astra Pro WordPress-Theme ist eines der schnellsten Themes am Markt. Gleichzeitig schafft WPAstra durch seine modulare Bauweise unglaublich viele…
Top 10 WordPress Travel Themes
Gehst du gerne auf Reisen? Schreibst du รผber deine Erlebnisse auf Reisen oder bist du ein begeisterter Geschichtenerzรคhler? Dann weiรŸt…
So erstellst du ein Mega-Menรผ mit dem Kadence Theme
Mit dem Kadence Theme kannst du mit nur wenig Aufwand ein Mega Menรผ erstellen. Dafรผr braucht es letztlich gar nicht…
Top 10 WordPress 6 Themes: Updated Designs for Better Functionality of your Website
Heute mรถchte ich dir 10 WordPress 6 Themes zeigen, die ich auch TemplateMonster entdeckt habe. Ich bin ja immer wieder…
Die besten WooCommerce Themes
Meine Wahl der besten WooCommerce Themes. WooCommerce ist das beliebteste E-Commerce-Plugin zum Betreiben selbststรคndiger Online-Shops mit dem Content Management System WordPress….

Wenn du dein Theme gefunden hast, solltest du dir auch Gedanken um deinen Pagespeed machen.

Ein Caching Plugin ist praktisch Pflicht.

Welche Rolle spielen WordPress-Themes fรผr SEO?

WordPress wurde mal als reines Blogging-Tool konzipiert. Mittlerweile handelt es sich hierbei um ein vollwertiges CMS, welches einen professionellen Leistungsumfang entwickelt hat. Daher setzen nicht nur Privatpersonen WordPress fรผr ihre Websites ein, sondern auch immer mehr Unternehmen.

Es heiรŸt, dass WordPress grundsรคtzlich SEO-freundlich ist. Allerdings geschieht dies nicht automatisch. Das heiรŸt, deine Seite landet nicht nur, weil du WordPress nutzt, ganz oben im Ranking. Um eine entsprechende Reichweite zu erzielen, ist immer eine Suchmaschinenoptimierung notwendig. Ein Theme sollte daher suchmaschinenfreundlich sein. Um dies zu erfรผllen, musst du auf folgende Kriterien achten:

  • Responsive Design
  • schlanker Code
  • Aktiver Support

Responsive Design bedeutet, dass die Website auf mobilen Endgerรคten optimal dargestellt wird. Schlanker Code hingegen bedeutet, dass WordPress-Themes nur die Plug-ins enthalten sollen, die du auch benรถtigst. Denn Plug-ins, die nicht verwendet werden, kosten unnรถtige Ladezeit.

Welche Elemente machen gute WordPress-Themes aus?

Es gibt eine Vielzahl an Themes, die aber nicht immer sinnvoll sind. Die Auswahl ist grundsรคtzlich abhรคngig von dem, was du von deiner Website erwartest. Nachstehend findest du die wichtigsten Elemente. รœber die solltest du dir Gedanken machen, wenn du WordPress-Themes auswรคhlst:

  • Wie vielfรคltig ist die Anzahl der mรถglichen Spalten?
  • Sind Anpassungen von Header, Footer und Sidebar mรถglich?
  • Werden Footer-Links vermieden?
  • Sind die Farben anpassbar?
  • Sind die Gestaltungselemente enthalten, die du willst?
  • Kรถnnen Layouts gestaltet werden?
  • Gibt es ausreichend Design-Einstellungsmรถglichkeiten?
  • Ist ein Responsive Design vorhanden?
  • Hat das Theme gute Bewertungen?
  • Wie ist die Geschwindigkeit beim Laden deiner Website?
  • Gibt es eingebaute SEO-Elemente?
  • Ist eine รผbersichtliche Struktur mรถglich?
  • Passt das Theme zum aktuellen Trend?
  • Passt der Stil zu deinem Website-Inhalt?

Allerdings gibt es auch Kriterien, welche bei deiner Suche nach den besten WordPress-Themes nicht helfen. Diese sind zum Beispiel:

  • Die Popularitรคt
  • der Preis
  • ein riesiger Bild-Slider auf der Titelseite
  • Bilder รผber Bilder
  • ein perfektes Vorschaubild, dass sich aber nur mit der Premium-Version realisieren lรคsst

Endlich hilft nur: ausprobieren. Wenn du deine wichtigsten Kriterien zusammengestellt hast, dann such die WordPress-Themes entsprechend aus. Hilfreich ist, die Themes nacheinander zu installieren und anschlieรŸend zu vergleichen.

Wieviel Themes lassen sich auf einer WordPress Website installieren?

Installieren lassen sich so viele WordPress-Themes, wie du haben mรถchtest. Allerdings kannst du immer nur eines aktivieren. Nach der Aktivierung eines neuen WordPress-Themes wird das Vorherige automatisch deaktiviert.

Was sind Parent und Child Themes?

Ein Child Theme ist nichts anderes als die Modifizierung des Parent Themes (Hauptthemes). Child Themes sind zu empfehlen, wenn Design und Code des eigentlichen WordPress-Themes zwar verbessert, aber beibehalten werden soll. Letztlich erbt das Child Theme die Funktionalitรคt und das Styling des anderen Themes.

Das Parent Theme wird also angepasst, ohne dass die Kerndateien davon berรผhrt werden. Somit sind die Anpassungen bei Updates des Parent Themes geschรผtzt. Am meisten genutzt werden Child Themes fรผr:

  • die Bearbeitung von PHP-Funtionen in der functions.php
  • das Hinzufรผgen von PHP-Funktionen in der fuctions.php
  • benutzerdefiniertes CSS und Javascript

Aus technischer Sicht gibt es nur eine Art von Child Themes, da es sich immer um eine Erweiterung der Parent Themes handelt. Dennoch gibt es zwei unterschiedliche Nutzungsarten. Einerseits das Child Theme zum Anpassen. Das ist ausschlieรŸlich fรผr Anpassungen und Funktionen verantwortlich, damit vorgenommene ร„nderungen bei einem Update nicht verloren gehen. Andererseits gibt es das Child Theme fรผr den Verkauf. Dieses verรคndert das Aussehen eines Parent Themes hรคufig grundlegend.

Brauchst du ein Child Theme?

Ob ein Child Theme notwendig ist, kommt darauf an, ob du zum Beispiel:

  • Dateien des Parent Themes verรคndern mรถchtest
  • viele CSS Anpassungen vornehmen musst
  • dauernd neue Codes fรผr deine functions.php Datei einfรผgen musst

Allerdings bringen moderne WordPress-Themes schon viele Designmรถglichkeiten mit. Somit ist ein Child Theme nicht zwingend notwendig. Alternativ kannst du daher auch den Customizer nutzen. Dieser ersetzt schon viele Aufgaben, die ehemals dem Child Theme zugestanden haben. Ebenso kannst du fรผr kleine Code-Snippets hervorragend Plug-ins nutzen.

Ist Elementor ein Theme?

Elementor ist nicht direkt ein Theme, wird aber gern als Theme Builder bezeichnet. Mit Elementor hast du die Mรถglichkeit, deiner Website ein professionelles und individuelles Design zu verschaffen. Der Vorteil ist, du benรถtigst hierzu keine Vorkenntnisse in PHP, CSS oder Design. Denn Elementor ist anfรคngerfreundlich.

Angefangen hat Elementor als bester Page-Builder und ist nun ein hilfreiches Allround-Design-Plug-in. Daher kannst du viele Bereiche deiner Website vollkommen ohne Coding designen. Es gibt eine Free-Version, welche sich optimal zum Einsteigen in Elementor eignet. Wenn du aber mehr willst, kannst du jederzeit umsteigen auf die Pro-Version.

Des Weiteren gibt es den Theme-Builder von Elementor. Hiermit kannst du die Website vom Header bis zum Footer neu gestalten. Denn du kannst fรผr jede Seite oder jeden Beitrag einzelne Templates zaubern. Praktisch ist, dass du das Design einmal erstellst und dann lรคsst es sich auf jeder weiteren Website anwenden. Dies funktioniert einfach per Import.

Wo liegt der Unterschied zwischen einem Theme und einem Plug-in?

Wie bereits erwรคhnt, sind Themes fรผr das Design deiner Website verantwortlich. Plug-ins hingegen bringen neue Funktionen in deinen WordPress-Blog. Mรถchtest du etwa ein Kontaktformular einrichten, lรคdst du dir das entsprechende Plug-in herunter. Es gibt zahlreiche kostenlose Plug-ins, welche du direkt aus deiner offiziellen WordPress-Plug-in-Datenbank ziehen kannst. Hierzu folgst du diesen Schritten:

  • Im Administrationsbereich deiner WordPress-Website einloggen
  • im Seitenmenรผ auf Plug-ins gehen
  • „Neues hinzufรผgen“ anklicken
  • Suchbegriff eingeben (zum Beispiel Kontaktformular)
  • Plug-in auswรคhlen
  • installieren

Was sind die Bestandteile eines WordPress Templates?

Die Hauptbestandteile sind in der Regel:

  • Header (Kopf)
  • Body (Kรถrper)
  • Sidebars (Seitenleisten)
  • Footer (FuรŸzeile)

Gehst du in der linken Seitenleiste in deinem WordPress-Backend auf Design und anschlieรŸend auf Theme-Editor, lรคsst sich das Theme und dessen einzelne Bestandteile genau ansehen. Des Weiteren finden sich in einem Theme auch Vorlagen fรผr Folgendes:

  • Suche
  • Fehlerseiten
  • verschiedene Seitentypen
  • Blogbeitrรคge
  • Startseite
  • Landingpages
  • Veranstaltungsbeitrรคge
  • und viele mehr

Wie lassen sich WordPress-Themes selbst erstellen?

Es gibt zwei verschiedene Varianten, um ein WordPress-Theme selbst zu erstellen. Zum einen erstellst du ein Theme mit dem Theme Builder. Dies geschieht allerdings per Drag-and-drop. Oder du programmierst ein Theme selbst. Um allerdings ein WordPress-Theme selbst zu entwickeln, musst du einige Voraussetzungen mitbringen. Daher ist es unerlรคsslich, dass du dich mit Folgendem auskennst:

  • HTML
  • PHP
  • CSS
  • Javscript
  • MySQL (Datenbanken)

Welchen Vorteil hat es, WordPress-Themes selbst zu bauen?

Grundsรคtzlich hat jedes Theme Bugs und Sicherheitslรผcken. Das lรคsst sich allerdings auch nicht รคndern. Denn mit jeder Neuerung, was die Sicherheit betrifft, wird es Hacker geben, die neue Schlupflรถcher finden. Hast du aber ein Theme selbst erstellt und dies gut programmiert, ist es weniger anfรคllig fรผr Angriffe.

Ein weiterer Vorteil ist, dass ein selbst erstelltes Theme das erfรผllt, was du erwartest. Dies ist bei einem gekauften Theme in der Regel nur zu 90 Prozent der Fall. Zudem sind gekaufte Themes hรคufig รผberladen. Sprich, sie sollen mehr als genug Funktionen abdecken und das macht sie unรผbersichtlich. Mit einem eigens erstellten Theme hast du dieses Problem nicht.

Entwickelst du ein Theme selbst, kannst du davon ausgehen, dass es fรผr eine langfristige Wartbarkeit und Updatefรคhigkeit sorgt. Denn gekaufte Themes werden meist von unterschiedlichen Programmierern entwickelt. Somit besteht kein einheitlicher Standard. Dies wiederum sorgt hรคufig fรผr Fehleranfรคlligkeiten und eine schlechte Performance. Ebenso kann das Zusammenspiel mit einigen Plug-ins zu Schwierigkeiten fรผhren.

Wie erstellst du die HTML-Vorlage fรผr WordPress-Themes?

Hierbei sind verschiedene Schritte notwendig, welche wir dir nachstehend erklรคren.

  1. Grafische Vorlage und Template-Ordner: Prinzipiell hast du erst mal nur eine Idee im Kopf. Diese wird spรคter zu einer Skizze und am Ende zu einer Vorlage. Erstelle nun einen eigenen Ordner, in dem du die angefertigten Dateien jederzeit abspeicherst. Der Template-Ordner ist dieser: /wp-content/themes/.
  2. Das Grundgerรผst in HTML anfertigen: Mit dem Grundgerรผst lรคsst sich die Basis deines Templates definieren. AuรŸerdem gibst du hiermit die Haupt-Struktur vor, welche in folgende Punkte aufgeteilt ist:
  • Header / Navigationsbereich
  • Content-Bereich
  • Footer
  • Sidebar
  • und so weiter

Fรผr das Grundgerรผst erstellst du im Texteditor ein Dokument, das du in deinem WordPress-Ordner ablegst. Dem Dokument gibst du den Namen index.html. In diesem Dokument hast du die Mรถglichkeit, es immer wieder zu erweitern. Zum Beispiel durch Listen, รœberschriften, Links oder Texte. Allerdings mit den entsprechenden HTML-Tags.

3. CSS-Stylesheets: Hier geht es um den visuellen Part deiner Vorlage. Dazu musst du die Datei style.css erstellen. In dem Stylesheet legst du die optischen Details fรผr jeden einzelnen Bereich deines Grundgerรผstes fest. Dies sind unter anderem Hintergrundfarbe, Schriftfarbe, Schriftart, SchriftgrรถรŸe und das Hintergrundbild.

4. Das Generieren der einzelnen Template-Dateien: Auf der Grundlage der HTML-Vorlage erstellst du nun ein funktionstรผchtiges WordPress-Theme. Neben den Dateien index.html und Style-CSS legst du nun weitere Template-Dateien an, die verschiedene Funktionen erfรผllen. Hierzu gehรถrt zum Beispiel die Index.php-Datei. Hierbei handelt es sich um die notwendigste Datei, weil sie immer dann zum Einsatz kommt, wenn die anderen Templates (optionale Dateien) nicht vorhanden sind.

Was sind optionale Dateien?

Um die unterschiedlichen Bereiche deiner Website auszugestalten, musst du entsprechend spezifische Templates anlegen. Diese sind anschlieรŸend mit Befehlen und Informationen zu befรผllen. Die nachstehend aufgelisteten Dateien sind typisch fรผr ein WordPress-Theme:

  • page.php legt fest, wie die Seiten auf deiner Website aussehen
  • single.php steuert die Anzeige von einzelnen Beitrรคgen
  • image.php steuert die Anzeige von einzelnen Bildern in deiner WordPress Galerie
  • search.php lรคsst ein internes Suchformular einbauen
  • archive.php legt die Ausgabe des Archivs fest
  • sidebar.php lagert die Seitenleiste aus
  • header.php lagert den Kopfbereich aus
  • footer.php ist fรผr die Auslagerung des FuรŸbereichs zustรคndig
  • comments.php ist zustรคndig fรผr den Kommentar-Bereich
  • Functions.php steuert die Widgets
  • screenshot.png ist wie eine Art Vorschau des Themes

Jedes Template enthรคlt weitere Informationen รผber Funktionsweise und Aussehen einzelner Website-Bereiche, wenn sie sich vom Haupt-Template unterscheiden sollen. Dies bestimmst du anhand der spezifischen Codes. Allerdings musst du nicht alle Template-Dateien erzeugen, die hier vorgeschlagen sind. Denn es besteht auch die Mรถglichkeit, spรคter welche hinzuzufรผgen.

Des Weiteren kannst du ein Template auf einzelne Bereiche anwenden. Mรถchtest du beispielsweise die Kommentar-Funktion nur auf einer bestimmten Seite anwenden, erstellst du zur page.php zusรคtzlich eine Datei mit dem Namen page-comments.php.

Was bedeutet der Begriff Loop?

Eine andere Formulierung ist das Herzstรผck einer WordPressTemplate-Datei. Denn hierdurch ist es erst mรถglich, Beitrรคge einer Website auszugeben. Daher ist es wichtig, dass der Loop in jegliche Templates eingebunden wird, wenn sie fรผr die Ausgabe von Inhalten zustรคndig sind. Dies gilt zum Beispiel fรผr folgende Dateien:

  • index.php
  • page.php
  • single.php

Welche weiteren Bestandteile von Template-Dateien gibt es?

Eine Template-Datei kann unter anderem diese Elemente Template Tags, Include Tags und Conditional Tags enthalten. Ein Template Tag sieht dann so aus:

<title><php bloginfo('name'); ?><?php wp_title(); ?></title>

Solche Tags funktionieren wie Befehle und lassen zum Beispiel Links zu einem Blogbeitrag setzen. Der vorstehend gezeigte Tag stellt Informationen zum Blog und dem Namen der Seite dar.

Der Include Tag weist an einer gesonderten Stelle auf ausgelagerte Dateien hin. In dem folgenden Beispiel-Tag ist zum Beispiel der Header mit eingebunden:

<?php get_header(); ?>

Contional Tags sind Befehle, welche nur unter bestimmten Bedingungen ausgefรผhrt werden. Es lรคsst sich mit diesem Code-Fragment unter anderem festlegen, dass du Informationen nur auf bestimmten Seiten anzeigen willst. Das nachstehende Beispiel zeigt die รœberschrift, herzlich willkommen auf meiner Seite. Diese รœberschrift wird aber allein auf der Startseite angezeigt.

<?php if ( ist_home()) { ?>

<h2>herzlich Willkommen auf meiner Seite</h2>

<?php } ?>

Wie kannst du WordPress-Themes hochladen?

Dein eigenes WordPress-Theme lรคsst sich als ZIP-Datei hochladen. Und zwar innerhalb von WordPress.org. AuรŸerdem hast du die Mรถglichkeit, wenn du dein Theme fรผr viele zugรคnglich machen willst, es an WordPress.org zu senden. Hier kann es รผberprรผft werden. Allerdings muss dein WordPress-Theme dann folgende Dateien beinhalten:

  • screenshot.png
  • comments.php
  • index.php
  • style.css

Deckt die index.phpDatei allerdings nicht die vollstรคndige Funktionalitรคt ab und du hast noch weitere Templates erstellt, sind diese selbstverstรคndlich auch einzureichen.

Was sind die wichtigsten Dateien des WordPress CMS?

In den Anfรคngen der Websites hatten Webdesigner noch einiges zu tun. Sollte etwa die SchriftgrรถรŸe oder eine รœberschrift geรคndert werden, musste dies auf jeder einzelnen Unterseite geschehen. Und zwar manuell. Dies hat sich aber dank der Einfรผhrung von Content Management-Systemen geรคndert. Ein Theme, welches im WordPress CMS hinterlegt ist, enthรคlt eine Vielzahl an Dateien. Diese รคndern dann zentral das Aussehen einer Website. Die nachstehenden Dateien sind die 6 wichtigsten.

  1. Style.css: Hierbei geht es um die Optik deiner Seite. Denn innerhalb dieser Datei legst du fest, welche Schriftarten du in welcher GrรถรŸe verwendest. Auch lรคsst sich hier festlegen, welche Elemente in welcher Farbe erscheinen sollen.
  2. Functions.php: Willst du Javascript oder eigene Funktionen einfรผgen, geht das รผber diese Datei.
  3. Single.php: Hier geht es um das Aussehen deiner einzelnen Blogposts. Soll beispielsweise ein groรŸes Headerbild ganz oben stehen und die รœberschrift darunter, lรคsst sich das in dieser Datei entsprechend รคndern.
  4. Archive.php: Das Aussehen deiner Kategorie-Seiten lรคsst sich in dieser Datei steuern. Die Kategorie-Seiten sind jene, welche deine Blogposts zu entsprechenden Themen auflisten.
  5. Header.php: In dieser Datei steuerst du alles, was ganz oben auf deiner Seite steht. In der Regel handelt es sich um den Grundaufbau des Menรผs.
  6. Footer.php: Hier passt du alles an, was im ganz unteren Bereich deiner Seite zu finden ist.

Wie funktionieren WordPress-Themes?

Ein WordPress-Theme enthรคlt spezielle Dateien, damit statische Inhalte fรผr bestimmte Seiten bereitgestellt werden. Immer, wenn du eine Datei รคnderst, werden sie entsprechend erkannt. Hierdurch werden sie auf der richtigen Website oder Seite angezeigt.

Um zu sehen, wie das neue Theme auf deiner Website aussieht, kannst du die Live-Vorschau รถffnen. Die Website wird dann so angezeigt, wie sie derzeit mit Inhalten bestรผckt ist. AuรŸerdem siehst du, wie sie aussehen wรผrde, wenn du das Theme aktivierst. So hast du die Mรถglichkeit, erst zu schauen, wie das Theme funktioniert. AnschlieรŸend kannst du beurteilen, ob das WordPress-Theme fรผr dich passt.

Worauf musst du beim Theme-Kauf achten?

Um das richtige Theme zu kaufen, musst du auf einige Dinge achten. Diese sind:

  • Ist das Theme responsive?
  • Ist das Theme suchmaschinenoptimiert?
  • Wird Support vom Hersteller angeboten?
  • Sind Plug-ins enthalten?
  • Hat das Theme gute Bewertungen?

Worauf du auรŸerdem genau unter den einzelnen Stichpunkten achten musst, zeigen wir dir im Einzelnen nachstehend auf.

Ist das WordPress-Theme responsive?

Es ist wichtig, dass die Leser deiner Website von verschiedenen Gerรคten aus darauf zugreifen kรถnnen. Daher solltest du ein responsives Theme wรคhlen. Denn es passt sich automatisch der AnzeigengrรถรŸe des verwendeten Gerรคtes an. So lassen sich dann die Beitrรคge auf Desktop-PCs, Smartphones, Tablets oder MACs richtig anzeigen.

Dies ist allerdings auch wichtig fรผr den Suchalgorithmus. Google hat hierzu im Juni 2015 ein Update verรถffentlicht, welches Websites bei Suchanfragen abstuft, wenn sie nicht mobil optimiert sind. Das heiรŸt, ist das Theme nicht responsive, hat dies nicht nur Nachteile fรผr den Leser, sondern auch fรผr die Positionierung deiner Beitrรคge bei Google.

In der Regel kannst du dir unterhalb des Template-Vorschaubildes die Demo des Templates ansehen. Klicke hierzu einfach auf den Punkt Live-Preview. Durch die Verรคnderung der GrรถรŸe deines Browserfensters siehst du auch, ob sich alles automatisch anpasst. Eine andere Mรถglichkeit ist, in einem Browser, wie zum Beispiel Google Chrome die Taste F12 zu nutzen. Hierdurch gehst du in den Entwicklermodus und klickst dann auf das Smartphone Symbol. Somit lรคsst sich das entsprechende Gerรคt auswรคhlen, damit der Browser simuliert, eben dieses Gerรคt zu sein.

Bietet das Theme SEO und Benutzerfreundlichkeit an?

Fรผr die meisten MaรŸnahmen zur Suchmaschinenoptimierung bist du allein verantwortlich. Dennoch kann der Programmierer darauf achten, dass das Theme sauber ist. Ein erster Anhaltspunkt ist die Ladegeschwindigkeit.

Wird vom Hersteller Support angeboten?

Beim Themekauf ist es wichtig, dass du darauf achtest, ob vom Hersteller Support angeboten wird. Denn wenn du zum Beispiel ร„nderungen an dem Theme vornehmen mรถchtest, aber selbst nicht in der Lage dazu bist, kann dir der Support helfen, die Anpassungen vorzunehmen. Aber auch bei Unklarheiten zum Theme ist der Support ein wichtiger Faktor. Des Weiteren nutzt dir der Support, wenn bei der Bearbeitung deiner Seiten Fragen auftauchen. Davon einmal abgesehen, gilt es als Qualitรคtsmerkmal, wenn der Hersteller Support anbietet.

Hinweis: Es gibt viele Fragen, die schon mal beantwortet wurden und die du รผber Themeforest findest. Somit findest du vielleicht schon deine Antwort, ohne den Support direkt kontaktieren zu mรผssen.

Gehรถren zu dem angebotenen Theme Plug-ins?

Um eine Menge Geld zu sparen, solltest du schauen, ob in den Kauf des WordPress-Themes auch Plug-ins integriert sind. Denn so ist auch direkt klar, dass das Theme und das Plug-in miteinander kompatibel sind. Handelt es sich um ein gutes Theme, findest du in der Liste der Features hรถchstwahrscheinlich eine Liste mit kompatiblen Plug-ins.

Wie sind die Bewertungen des WordPress-Themes?

Kaum etwas ist hilfreicher als die Bewertungen anderer Nutzer. Themeforest bietet eine Bewertungsfunktion an, wodurch du sehen kannst, was andere Kรคufer von dem Theme halten. Ein guter Richtwert ist, wenn das Theme mindestens 4 Sterne besitzt. Liegen die Bewertungen darunter, treten Probleme mit dem Theme vermutlich hรคufiger auf und du solltest den Kauf noch einmal รผberdenken.

Was musst du beachten, wenn du WordPress-Themes lรถschst?

Der Mensch ist nicht unbedingt dazu geschaffen, Dinge einfach wegzuwerfen. Darum hรคltst du vermutlich an Themes fest, die du eigentlich gar nicht mehr nutzt und brauchst. Tatsรคchlich ist es aber sogar wichtig, diese Themes zu lรถschen. Die Grรผnde dafรผr zeigen wir dir im Folgenden auf:

  • Sicherheit: Je mehr Themes installierst sind, umso besser stehen die Chancen fรผr Hacker, deine Seite anzugreifen.
  • Updates: Themes mรผssen immer auf dem neuesten Stand gehalten werden. Auch wenn das Theme inaktiv ist, solltest du das Update nicht รผberspringen. Und zwar aus Sicherheitsgrรผnden. Ein WordPress-Theme, welches gelรถscht ist, muss nicht auf dem neuesten Stand sein.
  • Leistung: Kommt es im WordPress zu Aktualisierungen, wird jedes einzelne Theme nach Updates abgefragt. Hast du aber viele inaktive Themes, kostet das Leistung auf deiner Website.
  • Speicherplatz: Jede nicht verwendete Datei nimmt unnรถtig Speicherplatz weg, den du fรผr Wichtiges nutzen kannst.

Solltest du ein Theme lรถschen oder deinstallieren?

Man mag meinen, dass Lรถschen und Deinstallieren ein und dasselbe ist. Dem ist aber nicht so. Denn bei der Deinstallation kann es vorkommen, dass einige Inhalte nicht entfernt werden. Soll das WordPress-Theme also dauerhaft verschwinden, musst du es lรถschen.

Allerdings sollte das Lรถschen gut รผberlegt sein. Wenn das Theme zum Beispiel ein รผbergeordnetes Theme fรผr derzeit aktive Themes ist, darf es auf keinen Fall gelรถscht werden. Gleiches gilt, wenn deine Website zu einem Multisite-Netzwerk gehรถrt und das Theme auf einer zum Netzwerk gehรถrenden Website aktiv ist.

Bist du dir sicher, dass du das Theme nicht mehr benรถtigst und willst es lรถschen, musst du vorher noch zwei Dinge erledigen:

  • Hast du eine Staging-Site, solltest du das Theme zuerst hier lรถschen. So kannst du dir zu 100 Prozent sicher sein, dass es keine Probleme auf der Site verursacht.
  • Grundsรคtzlich, bevor du etwas von deiner Website verbannst, solltst du ein Back-up vornehmen. Wenn die Lรถschung des Themes Probleme verursacht, kannst du es schnell wiederherstellen.

Wie lรถschst du WordPress-Themes?

Du hast drei Mรถglichkeiten, das Theme zu lรถschen.

  1. รผber das Dashboard
  2. verwende FTP/SFTP
  3. Verwendung von WP-CLI

Lรถschen รผber das Dashboard

Der einfachste Weg ist das Lรถschen รผber das Dashboard. Allerdings benรถtigst du den Zugang auf die Admin-Screens. Gehe zuerst auf deiner Seite zu Erscheinungsbild – Themes. Hier findest du alle installierten Themes, beginnend mit den aktiven. Wรคhle das zu lรถschende Theme durch einen Klick aus. AnschlieรŸend findest du in der rechten Ecke einen Link zum Lรถschen. Dann erscheint die Frage, ob du das Theme wirklich lรถschen willst und du bestรคtigst das Pop-up mit Ja.

Lรถschen per FTP/SFTP

Kannst du nicht auf das Dashboard, aber รผber FTP/SFTP auf die Website zugreifen, hast du die Mรถglichkeit, den Ordner mit dem entsprechenden Theme zu lรถschen. ร–ffne hierzu deinen FTP-Clienten und gehe zu dem Verzeichnis wp-content/themes. Hier siehst du nur die Liste mit den Themes, kannst aber nicht sehen, welche aktiv oder inaktiv sind. Daher ist es wichtig, dass du ganz genau hinschaust und nicht das falsche Theme lรถschst. Klicke mit der rechten Maustaste auf den Ordner mit dem Theme welches gelรถscht werden soll und rufe so das Kontextmenรผ auf. Hier wรคhlst du Lรถschen und musst diesen Vorgang wieder bestรคtigen.

Lรถschen mit WP-CLI

Als dritte und schnellste Option gilt die Verwendung von WP-CLI. Voraussetzung ist allerdings, dass du mit der Verwendung der Befehlszeile zur Verwaltung deiner Website gelรคufig bist. Hierbei beginnst du รผber die Befehlszeile mit WP-CLI. Damit du eine Liste mit allen installierten Themes angezeigt bekommst, musst du Folgendes eingeben:

$ wp theme list

Mรถchtest du mehr nรผtzliche Informationen erhalten, lรคsst sich รผber folgenden Befehl eine Liste mit inaktiven Themes anfordern:

$ wp theme list --status=inactive

Hier wird dir nun eine Liste mit den inaktiven Themes angezeigt. Damit du das entsprechende Theme lรถschst, gibst du das ein:

$ wp theme delete twentysixteen

Der letzte Parameter ist der Name des Ordners, in dem das Theme zum Lรถschen ist. Es handelt sich hierbei nicht um den Theme-Namen! Im Anschluss kommt folgende Meldung:

delete 'twentysixteen' theme

Success: Delete 1 of 1 themes.

Wichtig ist, dass du, wenn du mit WP-CLI noch nie in Berรผhrung gekommen bist, das Lรถschen hierรผber nicht unbedingt vornehmen solltest. Denn das Risiko ist zu groรŸ, dass du versehentlich das falsche WordPress-Theme lรถschst.

Teste deine Website nach dem Lรถschen!

Um sicherzugehen, dass die Lรถschung kein Chaos in deine Website gebracht hat, gehe รผber den Browser auf deine Seite und รผberprรผfe, ob alles noch so funktioniert, wie es soll. Hast du beispielsweise ein รผbergeordnetes Theme gelรถscht, wirst du sehen, dass ein Teil oder sogar das gesamte CSS fehlt. So wird deine Seite nicht mehr in dem Stil dargestellt, wie sie soll. Ist dies der Fall, musst du das Theme entweder neu installieren oder du hast an das Backend gedacht und lรคdst es hieraus hoch.

GroรŸe Auswahl an WordPress-Themes

Astra Pro Theme
Astra Pro Theme
Avada Theme
Avada Theme
GeneratePress WordPress-Theme
GeneratePress Theme
The7 WordPress-Theme
The7 Theme
Divi Theme von Elegant Themes
Divi Theme
BeTheme WordPress-Theme
Be Theme
OceanWP WordPress-Theme
OceanWP Theme
Flatsome WordPress-Theme fรผr WooCommerce
Flatsome Theme
Enfold Theme
Enfold Theme
Genesis Framework
ThriveThemes WordPress-Themes
ThriveThemes Theme
Newspaper9 WordPress-Theme
Newspaper9 Theme

Die Auswahl an Themes ist fast erdrรผckend. Eine riesige Anzahl an Webdesignern und Agenturen bieten kostenlose Themes oder Premium-Themes zum Verkauf an. Eine groรŸe Zahl der Lรถsungen kommt auch vom Envato-Marktplatz.

Weiter oben habe ich tolle WordPress-Themes verlinkt, die ich fรผr eigene Projekte und Kundenauftrรคge nutze.

Egal ob kostenlos und premium. Im offiziellen Theme-Verzeichnis wirst du sicher fรผndig.

Unsere restlichen WordPress Artikel kรถnnten auch noch interessant fรผr dich sein.

๐Ÿ‘‰ So geht es weiter

  • Analyse der Anforderungen: Erstelle eine Liste der Funktionen und Eigenschaften, die dein ideales WordPress-Theme haben sollte.
  • Testphase: Viele Premium-Themes bieten Demoversionen. Nutze diese, um das Theme auf Herz und Nieren zu prรผfen, bevor du es kaufst.
  • Schaue dir anschlieรŸen meine Blogpost-Serie mit den besten WordPress-Plugins an. Erweitere deinen Blogs aber nur soweit es notwendig ist.

Offenlegung Werbelinks: Mit einem Stern (*) gekennzeichnete Links und Buttons sind sogenannte Affiliate-Links. BloggerPilot bekommt bei einem Kauf eine Provision, die sich jedoch nicht auf den Endpreis auswirkt. Es ist uns wichtig zu betonen, dass dies keinen Einfluss auf unsere Bewertung oder Meinung hat.

ร„hnliche Beitrรคge