In Lektion 6 haben wir WordPress installiert und erste Anpassungen im Backend vorgenommen. Jetzt benötigen wir das richtige Frontend für unsere Nischenseite. Ein WordPress Theme! In diesem Artikel erfährst Du, worauf Du achten musst, wo Du die Themes bekommst und wie Du das Theme installierst. Falls Du das gleiche Theme wie ich nutzen möchtest, erfährst Du in den nächsten Artikeln, wie ich es einsetze und anpasse.
Worauf muss ich bei einem WordPress Theme achten?
Das perfekte WordPress Theme gibt es nicht. Je nach Anforderung, Ausrichtung und Geschmack der Nischenseite, können ganz unterschiedliche Themes passend sein. Es gibt Themes im Blog oder Magazin Design. Auch bildlastige Themes oder OnePager sind sehr verbreitet. Ich setzte aktuell ausschließlich Magazin Themes von MH Themes* ein. Die sind flexibel und eignen sich für fast jedes Thema. Mit ein paar Einstellungen im Backend kann ich aus dem Magazin Design ein normales Blog Design darstellen. Ich kombiniere gerne beides auf einer Nischenseite.
Flexible Anpassungsmöglichkeiten
- Das Theme muss ein Responsive-Design haben. Das Feature ist Pflicht. Deine Nischenseite muss auf allen Geräten nutzbar sein. Horizontale Scrollbalken und eine winzige Schriftgröße gehen gar nicht.
- Ich erwarte von einem Theme, dass ich direkt im Backend steuern kann, ob ich eine Sidebar, zwei oder gar keine haben möchte. Die Steuerung muss auch auf einzelnen Seiten anwendbar sein. Das ist wichtig um Verkaufsseiten bzw. Landingpages ohne Ablenkungen zu erstellen.
- Die Seitenbreite des Themes stelle ich gerne direkt im Backend ein. 980px oder lieber 1300px?.
- Die Schriftart, Größe und Farbe aller Elemente der Nischenseite muss im Backend direkt anpassbar sein.
- Werbecode automatisch in alle Artikel einfügen und zentral verwalten.
- Das Theme muss die SEO Basics beherrschen. Nur ein H1 Tag pro Seite etc.
- Eigene SEO Funktionen direkt im Theme. Archive auf NoIndex setzen. Breadcrumb Navigation einblenden. Head Bereich aufräumen.
- Google Webmaster Tools Verification und Analytics Tracking Code im Backend eintragen.
- Widgets, um ähnliche oder beliebte Artikel anzuzeigen.
- Widgets, um Icons zu den Social Media Kanälen anzuzeigen.
Alle genannten Anpassungsmöglichkeiten sind nicht in Stein gemeißelt. Jedes Feature lässt sich über ein Plugin nachrüsten. Aber wieso soll ich meine WordPress Installation mit zu vielen Plugins unnötig aufblasen. Jedes zusätzliche Plugin bringt Nachteile bei der Sicherheit und Geschwindigkeit der Seite. Wenn dein Theme viele wichtige Funktionen unter der Haube hat, kann das nicht schlecht sein.
Die meisten kostenlosen Themes sind im Backend nicht flexibel anpassbar. Andere sind mit sinnlosen Funktionen überladen. Direkt im Code und über die CSS-Datei kann jedes Theme nach den eigenen Vorstellungen angepasst werden. Jedoch kostet es Zeit und die investiere ich lieber in Aufgaben, die mich weiter bringen. Einfache Anpassungen nehme ich auch vor, aber für komplexe Änderungen fehlt mir schlicht das Wissen. Du musst gar nicht so tief in die Materie eintauchen. Die meisten Premium Themes bringen bereits so viel Funktionalität mit – das reicht!
Das Video wird von Youtube eingebettet. Es gelten die Datenschutzerklärungen von Google.
Deutscher Support und Sprachdatei im Theme
Englisch ist nicht meine Muttersprache. Wenn ich Probleme habe, wende ich mich an ein Support Team oder Forum in meiner Sprache. Für mich ist das wichtig, für dich vielleicht nicht. Ich habe bisher nur Themes mit deutscher Sprachdatei verwendet. Falls Du ein Theme übersetzen möchtest, wird HIER erklärt, wie das funktioniert. Alternativ kannst Du auch das Plugin Loco Translate nutzen.
Geschwindigkeit und Code Qualität der Themes
Zugegeben es ist nicht leicht, die Geschwindigkeit von Themes zu messen. Hier spielt die Geschwindigkeit des Servers oder der verwendeten Plugins eine nicht unerheblich große Rolle. Viele Theme Entwickler haben auf ihrer Seite eine Showcase-Übersicht. Dort findest Du andere Seiten, die diese Themes einsetzen. Analysiere die Geschwindigkeit mit Google Pagespeed Insights oder Pingdom. Mit wpthemedetector.com kannst Du den Theme Code auf Sicherheit und Qualität überprüfen.
Unterschied zwischen Kostenlosen und Premium Themes?
Wenn Du mit WordPress rumspielen möchtest, um Erfahrung zu sammeln, reicht das kostenlose Standard Theme von WordPress. Dieses wird bei der WordPress Installation direkt mitgeliefert und kann frei genutzt und verändert werden. Weitere kostenlose WordPress Themes findest Du über das Backend und können dort direkt installiert werden.
Kostenlose WordPress Themes findest Du auf vielen Webseiten. Wenn Du die Quelle nicht kennst oder dieser nicht vertraust, solltest Du diese nicht nutzen. Die Mehrheit dieser Themes ist zwar sicher, es gibt aber Entwickler mit bösen Absichten. In den wenigstens Fällen möchten diese deinen Blog zerstören oder mit Viren und Malware verseuchen. Häufiger werden Links zu Casino, Viagra und Abnehmprodukten in den Code eingebaut. Google wird das früher oder später merken und deine Seite im Ranking bestrafen.
Auch Premium Themes können kostenlos sein. Die Mehrheit ist aber kostenpflichtig, weil die Entwickler davon leben möchten. Und genau dieser Umstand erklärt alle Vorteile der Premium Themes. Die Entwickler möchten ein gutes Produkt anbieten und verkaufen. Wäre das Theme schlampig programmiert, würden sich die Kunden beschweren.
Ein Theme muss bei zukünftigen WordPress Versionen einwandfrei funktionieren. Deswegen ist es wichtig, dass der Entwickler Updates für seine Themes anbietet. Während bei kostenlosen Themes viele geschmackliche Entgleisungen unterwegs sind, haben Premium Themes fast immer ein modernes und ansprechendes Design. Im Backend finden sich viele nützliche Funktionen und Anpassungsmöglichkeiten.
Premium Theme Entwickler bieten einen direkten Support oder zumindest ein Forum mit einer kleinen Community an . Bei kostenlosen Themes wirst Du fast nie einen Ansprechpartner finden, der sich verpflichtet fühlt, dir zu helfen. Das Theme hat ja nichts gekostet.
Mein Fazit: Wie schon bei der Wahl des Hosters, solltest Du nicht an einem ordentlichen Premium Theme sparen. Die meisten kosten zwischen 10 und 50 Euro. Das ist es mir wert.
Quellen für kostenlose WordPress Themes
Im WordPress Backend findest Du unter, Design > Themes > Neues Theme hinzufügen tausende kostenlose Themes. Die dort angebotenen Themes würde ich als sicher einstufen. Das offizielle Theme-Verzeichnis ist auch HIER zu erreichen.
- 30 kostenlose Themes mit Responsive Design auf t3n.de
- 13 kostenlose Themes für Foto- und Foodblogger auf urban-base.net
- 10 kostenlose One Pager Themes auf pressengers.de
Quellen für WordPress Premium Themes
- Generatepress* Extrem schnelles Theme – Mein Tipp!
Ein Theme mit über 25 verschiedenen Designs. Ladegeschwindigkeiten bei Google mit 100/100 sind hier möglich.
Preissystem: Einmal Zahlen = 1 Jahr Zugang zu allen Designs & Modulen. Unbegrenzte Webseiten. - MH Themes*
Deutscher Entwickler mit 24 Themes. Fokus auf Magazin Themes.
Preissystem: Einzeln kaufen oder Lifetime Zugang zu allen Themes. - Elegant Themes*
Entwickler mit über 80 Themes.
Preissystem: Einmal Zahlen = 1 Jahr Zugang zu allen Themes oder Lifetime. - Astra Theme* Extrem schnelles Theme!
Ein Theme mit über 100 verschiedenen Designs. Ladegeschwindigkeiten bei Google mit 100/100 sind hier möglich.
Preissystem: Einmal Zahlen = 1 Jahr Zugang zu allen Designs & Modulen oder Lifetime. Unbegrenzte Webseiten. - Affiliatetheme.io*
Deutscher Entwickler mit Fokus auf Affiliate Nischenseiten. Mit Schnittstellen zu den Affiliate Netzwerken.
Preissystem: Einmal zahlen. - Designers Inn*
Deutscher Entwickler mit über 20 Themes.
Preissystem: Einmal Zahlen = 1 Jahr Zugang zu allen Themes oder Lifetime. - Themeforest*
Mit über 9.100 Themes einer der größten Marktplätze.
Preissystem: Einzeln kaufen. - Niche WP*
Deutscher Entwickler. Bekannt für sein Amazon Plugin. Fokus liegt auf Nischenseiten.
Preissystem: Einzeln kaufen. - Nimbus Themes*
Entwickler mit über 10 Themes.
Preissystem: Einzeln kaufen oder Lifetime. - TemplateMonster*
Mit über 1600 Themes ebenfalls ein sehr großer Marktplatz.
Preissystem: Einzeln kaufen. - WPZoom*
Entwickler mit über 30 Themes.
Preissystem: Einzeln kaufen oder Lifetime Zugang. - Tesla Themes*
Entwickler mit über 60 Themes.
Preissystem: Einzeln kaufen. Einmal Zahlen = 1 Jahr Zugang zu allen Themes oder Lifetime. - ThemeFuse*
Entwickler mit über 40 Themes.
Preissystem: Einzeln kaufen oder Lifetime. - Templatic*
Entwickler mit über 80 Themes.
Preissystem: Einzeln kaufen oder Lifetime.
Umfrage: Welchen Premium Theme Anbieter würdest Du empfehlen?
Datenschutzhinweis: Um Missbrauch bei der Abstimmungsfunktion vorzubeugen, verwenden wir bei der Teilnahme ggf. Cookies oder speichern deine IP Adresse. Hier findest Du mehr Infos.
WordPress Themes installieren
Es gibt drei verschiedene Möglichkeiten ein Theme zu installieren. Im Backend die Datei hochladen, über FTP in den richtigen Ordner kopieren oder über das Theme-Verzeichnis installieren.
- Wenn Du dir ein WordPress Theme besorgt hast, sind die nötigen Dateien in einer ZIP-Datei komprimiert. Im WordPress Backend kannst Du unter Design > Themes > Installieren > Theme hochladen das Theme direkt aus der ZIP-Datei installieren.
- Falls Du das Theme über FTP installieren willst, musst Du die ZIP-Datei entpacken. Die Dateien des Themes müssen in der ersten Ordner Tiefe liegen. Jetzt öffnest Du dein FTP-Programm z.B. FileZilla und navigierst zu wp-content > themes und kopierst den Ordner hier rein. Dein Theme sollte jetzt im WordPress Backend unter Themes sichtbar sein und kann aktiviert werden.
- Im Backend gibt es ein großes Theme-Verzeichnis mit kostenlosen Themes. Design > Themes > Neues Theme hinzufügen. Diese Themes kannst Du in einer Vorschau vor dem Installieren testen.
WordPress Themes lokal installieren
Du hast keinen Hoster oder möchtest die Themes lokal ausprobieren und offline bearbeiten? Kein Problem. Es gibt kostenlose Tools, mit denen Du WordPress lokal installieren kannst. Mit XAMPP geht das für Windows und mit MAMP für den MAC. Das letzte Mal habe ich XAMPP vor mindestens fünf Jahren benutzt. Ich kenne mich da nicht mehr wirklich aus. Eine gute Anleitung für XAMPP findest Du bei Pressengers.de und für MAMP auf Guru-20.info.
Wie Du ein WordPress Theme löschst
Im Backend unter Design > Themes > Theme-Details kannst Du die nicht Aktiven Themes löschen. Falls Du alle Themes löschen möchtest, gehst Du über FTP auf wp-content > themes und löschst alle Unterordner raus. Dabei ist es dem FTP Programm egal, ob das Theme aktiviert ist oder nicht.
Was ist ein Child Theme?
Ein Child Theme ist ein Ableger vom ursprünglichen WordPress Theme. Wenn Du ein Theme modifizieren möchtest, lege ein Child Theme an und nimm deine gewünschten Änderungen nur hier vor. Wenn Du dein Parent Theme aktualisierst, werden die Änderungen in deinem Child Theme nicht überschrieben. Trotzdem erbt das Child Theme die Updates des Parent Themes. Falls das für dich jetzt schon interessant ist, HIER findest Du eine Anleitung, wie Du ein Child Theme erstellst und bearbeitest.
WordPress Themes anpassen
Wenn Du dein Theme bearbeiten willst, sind Browser Plugins wie Firebug ein Segen. Die Erweiterung gibt es für Chrome und Firefox. Ich verwende den Chrome Browser von Google, bei dem die Funktion bereits integriert ist. Geh auf deine Nischenseite, Rechtsklick auf ein Element und dann Element untersuchen. Jetzt weist Du, wie das Element heißt. Geh in deine CSS-Datei, suche nach dem Element und nehme die Änderung vor. So kannst Du mit wenig Wissen, große Änderungen an deinem Theme vornehmen.
Wichtig: Bevor Du irgendwas in deiner CSS-Datei änderst, mach dir eine Kopie der Original Datei.
Mein WordPress Premium Theme
Aktuell verwende ich die WordPress Premium Themes von MH Themes* einem deutschen Entwickler. Solltest Du ein Problem haben, hilft dir der Support auf Deutsch oder das angeschlossene Forum zuverlässig weiter. Die Themes sind flexibel und damit für viele Typen von Nischenseiten einsetzbar.
Es sind wichtige Features integriert, für die Du kein zusätzliches Plugin mehr benötigst oder den Code bearbeiten musst.
- Responsive Design
- Flexible Layout Optionen
- Google Webfonts Schriftarten
- SEO Optimiert
- Bis zu 25 Widgetbereiche
- Eigene special Widgets, wie Social, Author oder Facebook Widget uvm.
- Autor Box
- Related Posts
- News Ticker
- 404er Seiten mit hilfreichen Funktionen
- Custom Header, Menüs, Templates, Subheadings uvm.
- Multisite-fähig
- Deutsche Sprachdatei
Ich nutze nicht alle Features des Themes. Die SEO Funktionen erledige ich zum Beispiel mit dem SEO-Plugin von YOAST. In Lektion 8 stelle ich dir mein MHMagazin Theme vor. Außerdem gehe ich auf die wichtigsten Anpassungen ein.
Hallo Johannes,
bei mir hat es, Dank Deiner sehr guten Anleitung, auf Anhieb mit dem Installieren von WordPress auf all inkl. geklappt. Vielen Dank!!!
Viele Grüsse Doris
Hallo Doris, danke für deinen Kommentar. All Inkl ist ja zum Glück sehr einfach zu bedienen.
Hallo Johannes! Vielen Dank für deine Tipps! Du hast gute Arbeit geleistet. Ich habe vor kurzem meine eigene Homepage erstellt. Ich habe WordPress benutzt und WordPress Themen http://www.templatemonster.com/de/type/wordpress-themen/ verwendet. Es ist mir gut gelungen.
Hallo Lucia,
Vielen Dank für deinen Kommentar und viel Erfolg mit deinem Projekt.
Sehr gute Übersicht der Themes und der Installation davon. Bei den Themes selbst vermisse ich noch Elma Studio. Ich benutze das Bundle davon und bin sehr zufrieden damit.
Vielen Dank Matthias. Hab Elma Studio hinzugefügt.
Hallo Johannes,
ich hab mal gehört,dass es keine dummen Fragen gibt…
Daher lege ich mal los
Sehe ich das richtig, wenn ich mir einmal ein theme gekauft habe, kann ich dieses so oft ich will installieren, also auf Website 1 & Website 2 etc. oder gibt es da Beschränkungen?
Gruß Fred
Servus Fred, bei den meisten Anbietern ist das so. Einmal zahlen = unbegrenzt nutzen. Ich habe aber auch schon welche gesehen, die die Nutzung limitieren. Dann steht das aber auch dabei.
Hi, danke für deinen Einblick,
wo kann man das sehen Johannes ?
Wo steht einmal Kaufen immer nutzen ? Bei Themeforest finde ich sowas nicht
Gruß
Bei Themeforest bin ich mir auch nicht sicher. Wenn man die Themes für Kunden nutzen will, braucht man definitiv weitere Lizenzen. Aber wie das mit eigenen Projekten ist, geht leider nicht klar hervor. Sorry!
Hallo Johannes, ich will noch mal nachfragen. Ist das MHThemes welches du vorschlägst nun für mehrere Websites nutzbar? Oder nur für eine?
Vielen Dank
Hallo Dirk, ja die Themes kannst Du für mehrere Websites einsetzen. Da gibt es kein Limit.
Vielen Dank.
Hallo ich würde gerne wissen ob ich bei den gekauften premium themes nach einem jahr dann wieder für updates zahlen muss oder ob die updates dann immer kostenlos erhältlich sind?
Hallo Ulrich. Das ist je nach Anbieter und Lizenz ganz unterschiedlich. Für welches Theme interessierst du dich?
Hallo! Ich glaube, diese online Übersetzungsplattform ist geeignet für die Übersetzung von WordPress Sprachdateien: https://poeditor.com
Welche Schriftgröße würdest du mindesetns empfehlen und welche Schriftart? Und welche Schriftart nutzt du eigentlich für deine Nischenpresse.de Seite? Super Artikel. Danke für die Kriterien für „das richtige Theme“, das hatte ich bisher gar nicht bedacht.
Ich nutze Schriftgröße 18 und merriweather sans. Was mir auch sehr gefällt ist noto sans.
Nutzt du zur Einstellung der Schriftgröße und der Schriftart ein Plugin oder löst du das über ein Child-Theme? Vielen Dank für die Hilfe.
Hallo Axel, Schriftgröße und Schriftart können direkt im Theme eingestellt werden. Also zumindest bei dem von mir eingesetzten MH Theme – Magazin.
Gude Johannes, danke für diesen Artikel. Ich werde für das nächste Projekt das Niche WP Theme mal ausprobieren.
Servus Marco, schön das Du noch am Ball bleibst.
Hallo, wollte nur fragen welches Theme du genau bei MH Themes für deine Beispiel-Nischenseite verwendet hast. Sind ja mehrere zur Auswahl. Danke.
Servus Markus, ich verwende dort das Magazin Theme* in der neuesten Version.
Eine schöne Sammlung von Themes für Nischenseiten. Wir haben bei relativ vielen Nischenseiten von uns auf das Affiliatetheme.io gesetzt. Aber WordPress selber hatte für uns auch ein paar brauchbare Themes z. B. das Theme Button von Automattic. Dieses Theme eignet sich besonders gut für Nischen im Bereich Kinder/Babys. Mittlerweile arbeiten wir aber an unserem eigenen Kostenlosen Affiliate Theme, da wir einige Dinge gerne anders gestalten möchten als die anderen. Es heißt Affilicious Theme.
Hallo,
du schreibst, du stellst die Breite im Backend ein. Wo genau, wenn ich fragen darf?
Hans
Hallo Hans, bei meinem Theme blende ich zwei Sidebars ein und blende die zweite über CSS aus. So wir das Theme breiter. Welches nutzt Du?