In diesem Tutorial zeige ich Ihnen, wie Sie die richtige Vorlage für Ihre Website auswählen. Ich werde kostenlose/kostenpflichtige Themes, Reaktionsfähigkeit, SEO, Einfachheit, Kompatibilität und viele andere Kriterien vergleichen. All dies an einem realen Beispiel.
Also habe ich den Domainnamen und auch das richtige WordPress-Hosting ausgewählt. Ich habe gerade WordPress installiert und sehe auf meiner Website eine Standard-WP-Vorlage. Es ist wichtig zu wissen, dass das Gesamterscheinungsbild (Design) der Website vom gewählten Thema abhängt.
Die meisten WordPress-Vorlagen umfassen vordefinierte Textfarben und Schriftarten, die Platzierung von Elementen und Widgets sowie viele andere Details und Stile, die zusammen zum Erscheinungsbild der Website beitragen.
Das Beste an WP-Themes ist, dass Sie mit etwas Glück Ihrer Website ein tolles Aussehen verleihen können, ohne eine einzige Codezeile schreiben zu müssen.
Ich halte die Wahl einer WordPress-Vorlage für eine wichtige Sache. Also habe ich mich hingesetzt und darüber nachgedacht, was ich eigentlich von dem zukünftigen WP-Theme erwarte. Nachfolgend nenne ich die wesentlichen Anforderungsbereiche , auf die ich mich konzentriert habe.
Kostenlos vs. kostenpflichtige WordPress-Vorlage
Überlegen Sie zunächst, ob und wie viel Sie in eine Vorlage investieren möchten . Überprüfen Sie Ihr Budget und wählen Sie entsprechend aus. Gleichzeitig muss bei der Entscheidungsfindung diese Tatsache berücksichtigt werden: Nicht alle kostenpflichtigen Themes sind hervorragende Produkte und nicht alle kostenlosen Themes sind Produkte von geringer Qualität . Abgesehen davon gibt es großartige kostenlose WordPress-Vorlagen und schreckliche kostenpflichtige Vorlagen.
Da die Vorlagen kostenlos sind, haben Autoren manchmal nicht genug Zeit dafür. Das bedeutet, dass viele kostenlose Vorlagen nicht rechtzeitig aktualisiert werden . Irgendwann bleibt man also stecken. WordPress selbst wird häufig aktualisiert und es besteht eine hohe Wahrscheinlichkeit, dass Ihr Theme nach dem Upgrade nicht mehr funktioniert. Es gibt auch kostenlose WP-Vorlagen, für die Sie keine Hilfe und Unterstützung finden . Sie müssen es also selbst verwalten.
Tipp: Ich habe hervorragende Erfahrungen mit den folgenden WordPress-Themes: Divi-Vorlage und Avada . Sie sind sehr flexibel und trotzdem auch für Anfänger einfach einzurichten.
Empfänglichkeit
Ich halte das für selbstverständlich. Mehr als 50 % meiner Besuche erfolgen über Mobilgeräte und Tablets, und es wird erwartet, dass diese Zahl in Zukunft noch steigen wird. Um eine WordPress-Vorlage auszuwählen, habe ich die Adepten getestet , indem ich das Browserfenster vergrößert/verkleinert oder das Google-Resizer-Tool verwendet habe.
Wenn Sie ein Tablet und ein Mobiltelefon besitzen, empfehle ich Ihnen, die Demo-Vorlagen auch direkt auf diesen Geräten zu testen . Aus eigener Erfahrung weiß ich, dass sich eine Vorlage auf einem echten Mobilgerät teilweise völlig anders verhalten kann, als wenn wir versuchen, ein solches Gerät auf einem Computer nachzuahmen. Der Grund kann in der Technologie und dem Ansatz liegen, mit dem die Vorlage programmiert wird (konkret kann der Grund beispielsweise ein anderes Betriebssystem des Geräts sein – Android / iOs / Windows Phone…).
Browserunterstützung
Hier werde ich der ersten Anfrage nachkommen. Zusätzlich zu verschiedenen Gerätetypen ist es wünschenswert, die Demo-Vorlagen auf verschiedenen Browsertypen zu testen – Chrome, Firefox, Safari und Internet Explorer. Alternativ können Sie die Vorlage auch auf anderen, weniger genutzten Browsern wie Opera und dergleichen testen. Aus diesem Grund empfehle ich, unter Berücksichtigung dieser Tatsache eine WordPress-Vorlage auszuwählen.
Web-Design
Webdesign ist eine rein emotionale Angelegenheit. Theoretisch sollten Sie eine WordPress-Vorlage entsprechend der Art des Blogs und der Zielgruppe auswählen. Ich gehe jedoch davon aus, dass dies meine Seite sein wird, die ich praktisch jeden Tag anschauen werde, also möchte ich, dass sie meinem Auge gefällt.
Es ist wichtig, nicht zu vergessen, dass das Website-Design immer vom Grad der Benutzerfreundlichkeit der Website für Besucher (der sogenannten UX – „User Experience“) abhängig sein sollte . Das bedeutet, dass es in Ordnung ist, ein schönes Design zu haben, wenn es Ihre Website-Besucher verwirrt, verwirrt, desorientiert und verloren auf Ihrer Website zurücklässt. Deshalb passe ich die Auswahl des WordPress-Templates daran an.
Speziell für meinen Blog hatte ich als Wunsch ein Side-Scrolling-Menü , weil ich es einfach liebe. Als nächstes stellte ich mir ein minimalistisches Design und eine Artikelliste auf der Startseite in Form einer Mauerwerksoptik oder einer Rasteroptik (Grid) mit mehreren Blockgrößen vor:
Vorlagenfunktionalität
Hier werde ich einige WordPress-Vorlagenanforderungen auflisten, die Sie möglicherweise haben und die Sie kennen sollten, bevor Sie eine Vorlage auswählen:
1. Unterstützung der Mehrsprachigkeit
Wenn Sie eine mehrsprachige Website planen, sollte die Vorlage Mehrsprachigkeit unterstützen, insbesondere beispielsweise ein WPML- oder Polylang -Plugin. Ich persönlich verwende wpml , das ich bereits erfolgreich auf mehreren Websites eingesetzt habe. Mit dem zweiten habe ich noch keine Erfahrung, aber beide haben gute Referenzen. Ich empfehle, bei der Auswahl einer WordPress-Vorlage die Möglichkeit einer künftigen Mehrsprachigkeit zu berücksichtigen.
2. E-Shop-Unterstützung („eCommerce“-Lösungen)
Wenn Sie planen, einen E-Shop einzubinden, muss dies bei der Auswahl einer WordPress-Vorlage berücksichtigt werden. Stellen Sie sicher, dass die Vorlage diese Option unterstützt. Konkret soll es beispielsweise die am weitesten verbreitete E-Shop-Lösung für WordPress – das Woocommerce-Plugin – unterstützen.
3. Unterstützung für slowakische Zeichen
Auch hier muss man vorsichtig sein. Die Schriftart der Vorlage unterstützt möglicherweise nicht unsere typischen slowakischen „Hieroglyphen“ und dann könnte es ähnlich katastrophal ausgehen, wie wenn man Instagram auf einem Computer öffnet: Hoffen wir, dass die Jungs von Instagram das Problem so schnell wie möglich beheben und dass wir gewonnen haben Vergiss es auch nicht. Der beste Weg, unsere potenzielle Vorlage zu testen, wäre die Möglichkeit, ein Pangram einzufügen, um slowakische Diakritika zu testen. Am besten fügen Sie es in Ihre Überschriften, Unterüberschriften, Texte und Widgets ein. Und sogar in der Version mit Großbuchstaben.
Leider haben wir oft keine Möglichkeit, es vor der Installation der Vorlage zu testen. Während der Demo werden möglicherweise auch fehlerhafte Zeichen angezeigt. Nach der Installation werden Sie jedoch feststellen, dass das Thema die Möglichkeit bietet, eine geeignete Schriftart auszuwählen ( es muss über Font-Subset Latin Extended verfügen ). Wenn Sie feststellen, dass einige Zeichen falsch angezeigt werden, verzweifeln Sie nicht, es gibt Möglichkeiten, das Problem zu beheben, aber das würde den Rahmen dieses Artikels sprengen.
4. Vorlagensprache
Es wäre schön, wenn die Vorlage bereits in die gewünschte(n) Sprache(n) übersetzt wäre (in meinem Fall Slowakisch). Oder zumindest eine .POT-Vorlage für die Übersetzung einzubinden. Aber verzweifeln Sie nicht, auch wenn es kein .POT enthält. Wir können mit dem Loco Translate- Plugin helfen, nur dass es etwas zeitaufwändiger und technisch anspruchsvoller ist.
5. Unterstützung für verschiedene Artikelformate
Mit WordPress können Sie das Format während der Bearbeitung des Artikels festlegen („ Beitragsformate“ auf Englisch, siehe Bild unten). Es liegt jedoch an den Erstellern des Themas, ob sie es darin integrieren. Ich habe beispielsweise vor, in meinem Blog Zitate, Videos und Galerien zu verwenden und wünsche mir, dass diese entsprechend angezeigt werden. Daher benötige ich, dass meine Vorlage verschiedene Artikelformate unterstützt.
6. Vorlagengeschwindigkeit
Eine sehr wichtige Tatsache für die Auswahl einer WordPress-Vorlage. Es versteht sich von selbst, dass ich eine schnelle Website haben möchte, um Blog-Besucher oder Googlebots (Roboter von Google, die meine Website indizieren) nicht abzuschrecken. Deshalb habe ich die Demo-Vorlage mit dem Pingdom -Tool getestet:
Ich denke, der wichtigste Indikator für das Ergebnis, das ich mit dem Tool erhalten habe, ist die Ladezeit der Seite. Wenn diese Zeit für die Vorlagendemo innerhalb von 2 Sekunden liegt, dann ist das akzeptabel, da wir sie auf unserem echten Blog deutlich reduzieren können. Und das durch die Wahl eines hochwertigen Hostings , die Installation eines Cache-Plugins für Geschwindigkeit und die Optimierung der Bildgröße. Ich verwende das Caching-Plugin WP Rocket (und halte es für das beste). Ich verwende das EWWW Image Optimizer -Plugin, um die Größe von Bildern zu optimieren.
Ich möchte Ihnen auch kurz erklären, warum ich Hosting von websupport nutze (und warum ich es Ihnen auch empfehlen würde). Sie verfügen über eine automatische Installation von WordPress , was für Anfänger praktisch ist und fortgeschrittenen Benutzern Zeit spart. Die oben genannten Plugins WP Rocket und EWWW Image Optimizer sind bereits in der Installation enthalten, eingestellt und servergestimmt . Ihre Server verfügen über SSD-Festplatten . Das Ergebnis ist eine sehr schnelle Webgeschwindigkeit, wie Sie auch am Beispiel meines Blogs im Bild oben sehen können. Und das ist cool für mich :).
7. Vorhandensein eines Seitenerstellers
Es ist schwierig, es ins Slowakische zu übersetzen, aber ich würde es als visuellen Seitenersteller übersetzen. Dabei handelt es sich um ein Tool, mit dem man die Innenausstattung der Seiten aus verschiedenen Elementen selbst gestalten und unterschiedlich platzieren kann. Es ist wahrscheinlich am besten, es auf einem Bild zu zeigen:
Das Bild zeigt den Divi-Builder , der einer der besten ist. Im Allgemeinen kann ein Seitenersteller Teil eines Themes sein (z. B. ist Divi Builder auch Teil eines Divi-Themes ) oder in Form eines separaten Plugins vorliegen. Auch wenn Ihr ausgewähltes Theme keinen Seitenersteller enthält, können Sie ihn daher als Plugin installieren. Der am besten bewertete Builder in Form eines kostenlosen Plugins ist Page Builder von SiteOrigin .
Ich benötige keinen Builder für meinen Blog, daher werde ich ihn aus der Auswahl der WordPress-Vorlagen ausschließen. Im Gegenteil, es wird angefordert, wenn meine Vorlage keine solche enthält. Der Grund dafür ist, dass jede zusätzliche Funktionalität des Templates sowie jedes verwendete Plugin dazu beiträgt, die Geschwindigkeit der Website zu verringern.
8. Qualität des Vorlagencodes
Als Programmierer kann ich die Qualität des Codes bereits anhand der Demoseite beurteilen, für einen Laien kann es jedoch schwierig sein. Ein Theme sieht vielleicht schön aus, aber im Hintergrund steckt möglicherweise „hässlicher“ Code. Eine Möglichkeit besteht darin, das Thema durch den Codevalidator von W3C laufen zu lassen, der internationalen Organisation, die für die Standardisierung unseres Internets verantwortlich ist (www).
Seien Sie nicht beunruhigt, wenn dieses Tool einige Codefehler anzeigt. Es ist zu erwarten, dass die meisten verfügbaren Themes einige Fehler aufweisen. Es ist nur kein rotes Meer von Fehlern :).
Und das Wesentlichste bis hierhin habe ich für den Schluss behalten – Warum sollten wir uns um die Qualität des Theme-Codes kümmern? Denn ein schlecht programmiertes Theme kann unserer SEO erheblich schaden. Und das wollen wir nicht.
9. Dokumentation
Ich möchte, dass meine Vorlage dokumentiert ist, damit ich nicht herumfummeln muss, wo und wie ich einzelne Elemente der Vorlage einrichten muss. Leider enthalten viele kostenlose Themes von wordpress.org keine Dokumentation , sodass es uns zusätzliche Zeit kostet, herauszufinden und zu testen, wo und wie sie eingerichtet werden müssen. Im Gegensatz dazu verfügen viele der kostenpflichtigen Themes des größten Vorlagenanbieters über einen hohen Dokumentationsgrad (sie sind „gut dokumentiert“). Dies ist eine der Anforderungen, die der Verkäufer an die Theme-Ersteller stellt. Deshalb passe ich die Auswahl des WordPress-Templates daran an.
Letztendlich ist es jedem von uns selbst überlassen, ob er eine Dokumentationsvorlage benötigt. Was mich betrifft, ja. Ich hatte sowohl beruflich als auch privat bereits die Gelegenheit, viele verschiedene Vorlagen auszuprobieren, und jede hatte völlig unterschiedliche individuelle Einstellungen (anders geschrieben, es gibt keine einheitlichen WordPress-Regeln für die Organisation der Theme-Einstellungen). Ich bin der Meinung, dass Zeit Geld ist und ich sie nicht unnötig mit der Suche nach individuellen Einstellungen verschwenden möchte, sondern die gesparte Zeit lieber in das Schreiben von Artikeln investieren möchte.
Ist die Anpassung viel Arbeit?
Wer über geringe WordPress-Kenntnisse verfügt, sollte sich unbedingt die Rezensionen und Kommentare zum Template durchlesen. Natürlich kann die Demoversion fantastisch aussehen. Wenn Sie jedoch sechs statt fünf Bilder in einem bestimmten Abschnitt platzieren möchten und dies nur programmgesteuert möglich ist, könnte dies ein Problem für Sie darstellen.
Klicken Sie sich durch die Vorlage in der Demoversion und verschaffen Sie sich einen Überblick. Lesen Sie die Beschreibung und Anweisungen zum Einrichten des Themas. So einfach ist die Anpassung. Ein weiterer wichtiger Aspekt betrifft die Festlegung des Themas. Ist der Abschnitt mit den Theme-Einstellungen benutzerfreundlich, intuitiv und einfach zu bedienen? Ein guter Ort zum Überprüfen sind die Screenshots auf der Vorlagen-Website. Hier können Sie sehen, wie das Theme einzelne Einstellungsabschnitte organisiert.
Kompatibilität mit Plugins
Sie verfügen wahrscheinlich über einige Plugins, die Sie benötigen, damit Ihre Website funktioniert . Es ist wichtig zu prüfen, ob die Vorlage diese Plugins unterstützt. Bei kostenlosen WordPress-Vorlagen ist es einfacher, diese Kompatibilität zu testen und zu überprüfen – Sie installieren sie einfach für eine Testversion. Wenn Sie sich jedoch für ein Premium-Theme entschieden haben, besteht eine mögliche Lösung darin, den Ersteller um Informationen zu bitten.
Ist die Vorlage SEO-optimiert?
Es ist wunderbar, eine gut aussehende Website zu haben. Aber vergessen Sie nicht, dass die Website auch für Suchmaschinen vorhanden sein muss . Sie können die SEO-Optimierung eines WP-Themes manuell überprüfen. Es gibt auch Online-Dienste, die Ihnen zeigen, wie SEO-freundlich eine Vorlage ist – zum Beispiel EasySeo . Auch hier gilt: Wenn Sie sich für ein Premium-Theme entscheiden, sollte Ihnen der Ersteller alle wichtigen Informationen dazu bieten können.
Was ist mit den sozialen Medien?
Was soziale Medien betrifft, ist es jederzeit möglich, sie als WordPress-Plugin hinzuzufügen . Da soziale Medien im Online-Umfeld jedoch immer wichtiger werden, wäre es schön, wenn soziale Medien bereits in die Vorlage integriert wären.
Schauen Sie sich die Vorlagensammlungen an
Zur Inspiration können Sie sich die Sammlung der TOP 30 WordPress-Themes für bestimmte Zwecke ansehen:
- WordPress- šablóny für Unternehmen
- Kostenlose WordPress- šablóny
- WordPress-Vorlagen für Eshop
- WordPress- šablóny für Fotografen
Auswahl einer WordPress-Vorlage – Fazit
Ich habe die Anforderungen durchdacht und werde daher weiterhin nach der Vorlage selbst suchen. Aber das hebe ich mir für einen anderen Artikel auf. Ich hoffe, dieser Artikel hat Ihnen etwas gebracht, egal ob Sie WordPress-Anfänger oder Fortgeschrittener sind.
Tipp: Für eine schnelle Website ist die Wahl des richtigen Hostings entscheidend. Ich empfehle, auf bewährte Qualität zu setzen: WebSupport , Webglobe-Yegon oder Wedos .
