So passen Sie ein WordPress-Theme an

WordPress wird mit einer Vielzahl von integrierten Themen geliefert. In einigen Fällen eignen sich die Standarddesigns gut für das Erscheinungsbild Ihrer Website, in anderen Fällen möchten Sie jedoch möglicherweise ein personalisierteres Erscheinungsbild. Mit anderen Worten, Sie möchten Ihre Website anpassen.

Die Optionen zum Anpassen Ihres WordPress-Themes variieren je nachdem, was Sie ändern möchten und wie Ihr technisches Know-how ist. In diesem Artikel konzentrieren wir uns auf die verschiedenen Möglichkeiten, wie Sie Änderungen an Ihrer Website vornehmen können, damit sie so aussieht und funktioniert, wie Sie es möchten. Der Schlüssel ist, die richtige Option für Sie zu finden.

Was steuert Ihr WordPress-Theme?

Zu wissen, was Ihr WordPress-Theme steuert, ist ein guter Ausgangspunkt, wenn Sie über Anpassungen nachdenken. Themen beeinflussen die Art und Weise, wie Ihre Website und ihre Inhalte angezeigt werden. Dazu gehören neben anderen stilbasierten Details Funktionen wie Schriftarten, Farben, das Layout der Website, Widget-Speicherorte und der Stil Ihrer Posts oder Archive.

Identifizieren Sie, warum Sie Ihr WordPress-Theme anpassen möchten

Bevor Sie Änderungen an Ihrem Thema vornehmen, ist es wichtig, den Grund für diesen Wunsch zu ermitteln. Wenn Sie nach einfachen Änderungen am Aussehen Ihrer Website suchen, können Sie dies über die von WordPress bereitgestellten Funktionen tun.

Wenn die Funktionalität fehlt, dann suchen Sie das richtige Plugin. Plugins sind Software, die die Möglichkeiten Ihrer Website erweitert. WordPress verfügt über eine große Datenbank mit Plugins, daher ist es eine gute Idee, die Optionen zu durchsuchen. Einige der funktionalen Funktionen, die Sie mit dem richtigen Plugin hinzufügen können, umfassen die Integration von sozialen Medien, Suchmaschinenoptimierung (SEO) und das Hinzufügen weiterer Widgets.

Sie können Plugins finden, indem Sie auf Ihr WordPress-Dashboard zugreifen und nach der Kategorie „Plugin“ suchen. Sobald Sie dort sind, können Sie nach denen suchen, die Ihren Bedürfnissen entsprechen.

Vorsichtsmaßnahmen, die Sie ergreifen sollten, bevor Sie Ihr Design anpassen

Sie haben viel Zeit damit verbracht, Ihre Website zu erstellen, also möchten Sie sie auf keinen Fall beschädigen, während Sie versuchen, Änderungen vorzunehmen. Es sollte keine Bedenken geben, wenn Sie Änderungen über die von WordPress bereitgestellten Funktionen vornehmen, aber gehen Sie dennoch mit Vorsicht vor. Es wird empfohlen, die Änderungen einzeln vorzunehmen, damit Sie problemlos zum Original zurückkehren können, wenn Ihnen der Effekt nicht gefällt.

Wenn Sie die erweiterten Optionen verwenden, die wir in diesem Artikel weiter besprechen, wird empfohlen, dass Sie eine lokale Entwicklungsversion Ihrer Website verwenden. Auf diese Weise schützen Sie es und können Ihre Änderungen optimieren, bevor Sie sie vollständig implementieren. Sie sollten auch eine Staging-Site nutzen, damit Sie die Funktionalität Ihrer Änderungen testen können, bevor Sie sie offiziell starten.

Wenn Sie Ihr Thema auf fortgeschrittenem Niveau anpassen, erstellen Sie eine andere Version davon. Hier kommt die richtige Versionskontrolle ins Spiel. Egal, ob Sie einfach jede Version nummerieren oder einen Dienst verwenden, der Ihnen hilft, sie zu verfolgen, Sie müssen in der Lage sein, zu sichern, was für Ihre Website funktioniert. Wenn Sie ein Design ändern und Fehler entdecken, sollte es einfach sein, zum ursprünglichen Design zurückzukehren.

So verwenden Sie die Anpassungsfunktionen von WordPress

Für einfache Theme-Änderungen wie Farben, Schriftarten und Widget-Layouts sollten Sie sich die Theme-Anpassungsfunktion von WordPress ansehen. Sobald Sie sich bei Ihrer Website angemeldet haben, können Sie auf Ihr Dashboard und den Link „Anpassen“ zugreifen. Unter dieser Kategorie sehen Sie die Option, das Erscheinungsbild Ihrer Website mit dem WordPress Customizer zu ändern. Dort erfahren Sie, welche Anpassungsmöglichkeiten es für das von Ihnen verwendete Theme gibt.

Einige Themen haben mehr Optionen als andere, aber in letzter Zeit hat WordPress Themen aufgenommen, die eine Vielzahl möglicher Anpassungen bieten. Es wird empfohlen, dass Sie diese Route zuerst ausprobieren. Obwohl es eine ziemlich einfache Lösung ist, könnte es Ihnen das Design geben, nach dem Sie suchen.

Bei der Suche nach Möglichkeiten, Ihr Design zu ändern, stoßen Sie möglicherweise auch auf einen sogenannten „Design-Editor“ in der Kategorie „Erscheinungsbild“. Diese Option gibt Ihnen direkten Zugriff auf die Dateien in Ihrem Design, damit Sie sie bearbeiten können. Es klingt wie genau das, was Sie brauchen, aber es gibt zwei gute Gründe, warum empfohlen wird, dass Sie es in Ruhe lassen.

Erstens, wenn Sie ein Design eines Drittanbieters verwenden, gehen alle von Ihnen vorgenommenen Änderungen beim nächsten Update verloren. Designs und andere Aspekte Ihrer Website werden gelegentlich aktualisiert, um sicherzustellen, dass Ihre Website sicher und kompatibel mit WordPress bleibt. Es wird nicht empfohlen, Updates abzulehnen, da ein Verlust Ihrer Änderungen unvermeidlich wäre.

Zweitens, selbst wenn Sie sich mit Webdesign auskennen und sich mit CSS oder PHP auskennen, kann etwas schief gehen. Wenn Sie den Design-Editor verwenden, können Dateiänderungen Ihre Website vollständig beschädigen. Da Sie Änderungen direkt am Design vorgenommen haben, wäre die ursprüngliche Version nicht mehr vorhanden und Sie könnten nicht zu Ihrer unveränderten Website zurückkehren.

Wenn Sie Ihr Design grundlegend bearbeiten möchten, ist ein Code-Editor die beste Wahl. Für Themes von Drittanbietern empfiehlt sich die Verwendung eines Child-Themes. Mehr zu diesen Möglichkeiten erfahren Sie weiter unten.

So verwenden Sie einen Page Builder zum Anpassen Ihres Designs

Dies ist eine weitere benutzerfreundliche Option, mit der Sie Ihr WordPress-Design anpassen können. Ein Seitenersteller ist ein Plugin, das Sie basierend auf dem von Ihnen verwendeten Design installieren. Das Plugin muss mit Ihrem Thema kompatibel sein, stellen Sie also sicher, dass Sie Ihre Nachforschungen anstellen, damit die Dinge reibungslos ablaufen.

Wenn Sie das Seitenerstellungs-Plug-in verwenden, werden Sie Drag-and-Drop-Funktionen sehen, die es einfach machen, ein wirklich individuelles Aussehen zu erhalten. Während Sie Dinge verschieben, erhalten Sie in Echtzeit ein Bild davon, wie Ihre Website und ihr Inhalt aussehen werden, wenn Sie fertig sind. Seitenersteller sind eine gute Option, da sie mehr Flexibilität bieten, aber dennoch benutzerfreundlich sind.

So verwenden Sie ein Framework zum Anpassen Ihres Designs

Frameworks sind eine Alternative zu Seitenerstellern, aber im Allgemeinen genauso einfach zu verwenden. Mit einem Framework haben Sie einige Themen, die gruppiert wurden. In dieser Gruppe gibt es das Hauptthema, das als Framework bekannt ist. Die anderen Themen in der Gruppe werden als untergeordnete Themen bezeichnet.

Indem Sie das mit dem Framework verknüpfte untergeordnete Design ändern, können Sie das Aussehen Ihres Gesamtdesigns anpassen. Wenn Sie die untergeordneten Themen ändern möchten, gibt es Programme, mit denen Sie dies tun können. Genau wie die Page Builder-Option haben auch diese Framework-Designs eine Drag-and-Drop-Oberfläche.

So verwenden Sie die Codierung zum Anpassen Ihres Designs

Das Anpassen Ihres WordPress-Designs auf Codeebene ist die fortschrittlichste Option, die Ihnen zur Verfügung steht. Es ist auch derjenige, der Ihnen die größte Kontrolle darüber gibt, wie Ihr fertiges Produkt aussehen wird. Natürlich sollten Sie dies nicht versuchen, es sei denn, Sie sind erfahren in der Bearbeitung von CSS oder PHP. Wenn dies nicht der Fall ist, halten Sie sich am besten an die oben beschriebenen Optionen.

Wenn Ihre Website ein von Ihnen erstelltes Design verwendet, können Sie Änderungen an der Datei vornehmen und sie auf Ihrer Website neu laden. Die Dinge sind etwas komplizierter, wenn Sie ein Design eines Drittanbieters verwenden. Hier wäre es praktisch, ein untergeordnetes Thema zu erstellen. Aber zuerst fangen wir mit den Grundlagen an.

Die Grundlage jedes WordPress-Themes ist sein Stylesheet und es wird als style.css bezeichnet. Dort finden Sie den gesamten Code für Schriftarten, Anzeige, Layout und mehr. Um ein bestimmtes Element zu ändern, müssen Sie den entsprechenden Code dafür im Stylesheet finden.

Wenn Sie nach dem zu ändernden Code suchen, müssen Sie bei Ihrer Suche sehr sorgfältig sein. Einige Elemente übernehmen ihren Stil tatsächlich von anderen, die in der Hierarchie über ihnen stehen. Um Ihr Design effektiv anzupassen, müssen Sie sicherstellen, dass Sie den richtigen Code ändern.

Verwenden Sie den Inspektor Ihres Browsers, um die CSS-Quelle für ein Element zu finden. Beispielsweise verfügt Google Chrome über eine hilfreiche DevTools-Funktion.

Wenn Sie mehr daran interessiert sind, Funktionen wie Widgets und vorgestellte Bilder anzupassen, dann suchen Sie nach der Funktionsdatei. Dies nimmt das Format von functions.php an. Indem Sie diese Datei ändern, können Sie Änderungen an der Gesamtfunktion Ihres Themas vornehmen.

Bevor Sie diese Änderungen vornehmen, sollten Sie jedoch überlegen, ob Sie diese Änderungen nur auf Ihr aktuelles Design oder auf die Website im Allgemeinen anwenden möchten oder nicht. Wenn Sie glauben, dass Sie diese Funktion unabhängig davon haben möchten, welches Thema Sie verwenden, wird empfohlen, stattdessen ein Plugin zu erstellen. Auf diese Weise können Sie diese Funktion immer nutzen.

Eine weitere Datei, die Sie ändern könnten, ist die Designvorlage. WordPress-Designs verwenden Vorlagen, um zu bestimmen, wie Inhalte auf einer bestimmten Seite gemäß einer Vorlagenhierarchie platziert werden. Um Änderungen an der Darstellung von Seiten und Inhalten vorzunehmen, können Sie vorhandene PHP-Dateien optimieren, um Ihre eigenen zu erstellen. Dies kann jedoch schwierig sein, also stellen Sie sicher, dass Sie eine lokale oder Staging-Site verwenden, um eine Beschädigung Ihrer Website zu vermeiden.

Das letzte, was wir ansprechen, ist die Verwendung von untergeordneten Themen, wenn Sie ein Thema eines Drittanbieters anpassen müssen. Im Allgemeinen ist dies ein vierstufiger Prozess.

1. Sie müssen einen neuen Ordner in wp-content/themes erstellen.
2. Erstellen Sie ein Stylesheet in diesem Ordner und teilen Sie WordPress mit, dass es sich um ein untergeordnetes Design des Designs handelt, das Sie gerade verwenden.
3. Platzieren Sie Kopien der Themendateien, die Sie bearbeiten möchten, in diesem Stylesheet und führen Sie Ihre Bearbeitungen durch.
4. Aktivieren Sie das neue Child-Theme auf Ihrer Website.

Sie sollten die gewünschten Änderungen sehen, sobald das untergeordnete Thema aktiviert wurde. Dies liegt daran, dass WordPress normalerweise Informationen aus dem untergeordneten Thema verwendet, es sei denn, es gibt eine andere Datei im übergeordneten Thema, die sich in der Hierarchie höher befindet. Wenn es zwei Versionen gibt, bevorzugt WordPress das Child-Theme. Das bedeutet, dass Ihr neu hochgeladenes untergeordnetes Design die Datei des übergeordneten Designs überschreibt.

Wie bereits erwähnt, sollte das Ändern des Codes Ihres Designs jedoch der letzte Ausweg sein. Selbst wenn Sie die am Anfang dieses Artikels genannten notwendigen Vorsichtsmaßnahmen treffen, kann es immer noch schief gehen. Sie sollten immer zuerst die anderen verfügbaren Optionen ausprobieren.

Andere Faktoren, die beim Anpassen eines WordPress-Themes zu berücksichtigen sind

Wenn Sie Ihr WordPress-Theme anpassen, müssen Sie an mehr denken als nur daran, was es für Sie funktionieren lässt. Zwei weitere Überlegungen sind die Reaktionsfähigkeit Ihres Designs und die Sicherstellung, dass es weiterhin für alle Ihre Benutzer zugänglich ist.

Empfänglichkeit

Dies bezieht sich auf die Leichtigkeit, mit der Ihre Website ihr Design und ihre Funktionalität ändert, je nachdem, welches Gerät für den Zugriff verwendet wird. Wenn Sie Ihr WordPress-Theme anpassen, müssen Sie sicherstellen, dass Sie die Reaktionsfähigkeit Ihrer Website nicht negativ beeinflusst haben.

Es ist von entscheidender Bedeutung, auf Reaktionsfähigkeit zu achten, da immer mehr Personen ihre Tablets oder Mobiltelefone verwenden, um auf Online-Informationen zuzugreifen. Wenn Ihre Website nicht responsive ist, wirkt sich dies sowohl auf Ihren Web-Traffic als auch auf Ihre Suchmaschinen-Rankings aus. Änderungen an Ihrem Design sind nicht hilfreich, wenn Sie Benutzer verlieren.

Barrierefreiheit

Ihre Website muss nicht nur responsiv sein, sondern auch für Menschen zugänglich bleiben, die mit Behinderungen zu tun haben oder eine Sensibilität für sensorische Elemente haben. Das bedeutet, dass Sie zu helle Farben, zu kleine Schriftarten oder einen Stil vermeiden sollten, der für diese Personen schwer zu navigieren ist.

Wenn Sie sich nicht sicher sind, wie Sie die Zugänglichkeit Ihrer Website bestimmen können, ist ein guter Zugänglichkeitsprüfer eine gute Möglichkeit. Sie können einige hilfreiche Tools online finden, falls Sie eines benötigen.

Fazit

Das Anpassen Ihres WordPress-Themes kann einfach oder komplex sein. Die Route, die Sie einschlagen, hängt von den Änderungen ab, die Sie vornehmen möchten, sowie von Ihren Fähigkeiten. Stellen Sie vor der Anpassung sicher, dass Sie die am besten geeignete Option auswählen und die notwendigen Vorkehrungen treffen, um Ihre Website zu schützen. Es ist auch wichtig, die richtigen Tools für das auszuwählen, was Sie erreichen möchten.

Ein personalisiertes Design ist zwar eine großartige Idee, aber gehen Sie damit nicht auf Kosten Ihrer Konversionsrate und Ihres Suchmaschinenrankings. Sie sollten immer überprüfen, ob die von Ihnen vorgenommenen Änderungen die Leistung Ihrer Website nicht beeinträchtigt haben.