So passen Sie ein WordPress-Theme an

Es kann vorkommen, dass Sie ein WordPress-Theme installieren, aber es funktioniert nicht ganz für Sie. Glücklicherweise ist WordPress extrem anpassbar. Sie müssen nur den richtigen Weg wählen. In diesem Artikel zeigen wir Ihnen verschiedene Möglichkeiten, wie Sie Ihr WordPress-Theme sicher und effizient anpassen können.

Optionen zum Anpassen eines WordPress-Themes

Es gibt verschiedene Optionen, wie Sie das Thema Ihrer WordPress-Site je nach Ihrer Situation anpassen können. Hier ein kurzer Überblick über die Optionen:

• Installiere ein Plugin, um deinem Theme Funktionen hinzuzufügen
• Verwenden Sie den Customizer in Ihren WordPress-Admin-Bildschirmen, um Schriftarten, Farben und Layout je nach Thema anzupassen
• Verwenden Sie die Funktionen eines Page Builder-Themes, um das Design Ihrer Website anzupassen
• Wenn Sie ein Framework-Theme installiert haben, verwenden Sie eines der verfügbaren Child-Themes, um Ihre Website anzupassen
• Wenn Sie die Möglichkeit haben und das Thema für Ihre Website spezifisch ist, können Sie den Code des Themas direkt bearbeiten
• Erstellen Sie ein Child-Theme, wenn Sie den Code eines Drittanbieter-Schemas bearbeiten möchten

So erkennen Sie, ob Sie ein WordPress-Theme anpassen müssen

In einigen Fällen müssen Sie Ihr Design tatsächlich nicht anpassen. Stattdessen können Sie stattdessen ein Plugin installieren. Themes bestimmen das Design Ihrer Website, das Aussehen und die Darstellung von Inhalten. Plugins fügen einfach zusätzliche Funktionen hinzu. Wenn die von Ihnen gewünschten Änderungen mehr auf Funktionalität als auf Design basieren, sollten Sie in Betracht ziehen, ein Plugin zu installieren, anstatt Ihr Design anzupassen. Sie können ein Plugin schreiben, eines aus einem Plugin-Verzeichnis herunterladen oder eines kaufen.

Wenn Sie die Datei functions.php in Ihrem Theme bearbeiten möchten, fragen Sie sich: „Würde ich diese Funktionalität behalten, wenn ich das Theme in Zukunft wechsele?“ Wenn Sie ja sagen, sollte dieser Code in ein Plugin und nicht in Ihr Thema eingefügt werden. Sie können ein Plugin anstelle eines Themas verwenden, wenn Sie ein Widget hinzufügen, benutzerdefinierte Beitragstypen und Taxonomien registrieren, benutzerdefinierte Felder erstellen und zusätzliche Funktionen wie einen Shop oder SEO-Verbesserungen hinzufügen möchten.

So passen Sie Ihr WordPress-Theme über die WordPress-Admin-Bildschirme an

Eine andere Möglichkeit besteht darin, Ihr WordPress-Theme über die WordPress-Admin-Bildschirme anzupassen. Dies funktioniert, wenn die Änderungen, die Sie vornehmen möchten, relativ einfach und designorientiert sind. Der Customizer bietet mehrere Möglichkeiten zur Anpassung Ihres Themes. Die verfügbaren Auswahlmöglichkeiten hängen von Ihrem Thema ab. Wenn Sie den Editor im Menü Erscheinungsbild sehen, vermeiden Sie ihn.

Passen Sie ein WordPress-Theme über den Customizer an

Die einfachste Möglichkeit, Ihr WordPress-Theme anzupassen, ist die Verwendung des WordPress Customizers. Sie können dies auf zwei Arten tun:

• Wenn Sie angemeldet sind und Ihre Website anzeigen, klicken Sie in der Admin-Leiste oben auf dem Bildschirm auf den Link „Anpassen“.
• Oder klicken Sie in den Admin-Bildschirmen auf Darstellung > Anpassen.

In beiden Fällen gelangen Sie zum Customizer.

Der WordPress Theme-Editor

Wenn Sie sich die Admin-Bildschirme Ihrer WordPress-Website ansehen, sehen Sie möglicherweise eine Option namens „Theme-Editor“, die Sie über Erscheinungsbild > Themen-Editor sehen können. Auf diese Weise können Sie die Dateien in Ihrem Design anzeigen und direkt bearbeiten. Dies ist jedoch eine schlechte Idee. Auch wenn Sie wissen, wie man CSS oder PHP schreibt, ist es keine gute Idee, die Dateien in Ihrem Theme zu bearbeiten. Wenn Sie ein Thema eines Drittanbieters gekauft oder heruntergeladen haben, gehen alle Änderungen, die Sie beim nächsten Update vornehmen, verloren. Zweitens, wenn Sie eine Änderung vornehmen, die Ihre Website beschädigt, wird sie nicht nachverfolgt und die vorherige Version der Datei wird nicht geändert. Es ist möglich, dass Sie Ihre Website dauerhaft beschädigen.

Sogar WordPress weiß, wie gefährlich es sein kann, den Theme-Editor zu verwenden und warnt Sie, wenn Sie versuchen, darauf zuzugreifen. Befolgen Sie also die Ratschläge von WordPress und verwenden Sie niemals den Theme-Editor.

Wenn Sie den Code in Ihrem WordPress-Theme bearbeiten möchten, können Sie dies mit einem Code-Editor tun. Bearbeiten Sie die Dateien auf Ihrer Live-Website erst, wenn Sie sie auf einer Staging-Site getestet haben. Wenn Sie ein Thema eines Drittanbieters bearbeiten müssen, können Sie dies über ein untergeordnetes Thema tun.

So verwenden Sie Page Builder und Frameworks, um Ihr WordPress-Theme anzupassen

Viele WordPress-Themes haben Anpassungsoptionen, was bedeutet, dass Sie das Design und das Layout mit dem Customizer ändern können. Einige Themes sollen jedoch tatsächlich erweitert und angepasst werden, sogar erheblich. Diese Themen werden eigentlich Frameworks genannt. Oder Sie können ein Plugin verwenden, mit dem Sie Ihre Website mit einer benutzerfreundlichen Oberfläche gestalten können, die als Page Builder bezeichnet wird.

Verwenden Sie einen Page Builder, um Ihr WordPress-Theme anzupassen

Der Zweck der Page Builder-Plugins besteht darin, Ihnen die Gestaltung Ihrer Website zu erleichtern. Die Benutzeroberfläche ermöglicht es Ihnen, im Voraus zu sehen, was Sie erhalten. Zuerst installierst du ein Page Builder Plugin mit einem kompatiblen Theme und nutzt dann die Optionen, um deine Seite so zu gestalten, wie es dir gefällt. Einer der beliebtesten Seitenersteller ist Elementor. Es gibt jedoch mehrere Möglichkeiten. Einer der Vorteile von Seitenerstellern besteht darin, dass Sie Ihre Beiträge und Seiten mit einer Drag-and-Drop-Oberfläche bearbeiten können. Auf diese Weise können Sie einzigartige Webseiten erstellen und sehen, wie Ihre Inhalte aussehen werden. Sie bieten auch viel Flexibilität in Bezug auf Layout und Design.

Verwenden Sie ein Theme-Framework, um Ihr WordPress-Theme anzupassen

Wenn Sie es vorziehen, keinen Page Builder zu verwenden, können Sie auch ein Framework verwenden, um Ihr WordPress-Theme anzupassen. Ein Theme-Framework ist eine Reihe von Themes, die für die Zusammenarbeit entwickelt wurden. Es gibt ein übergeordnetes Thema, das das Framework darstellt, und verschiedene untergeordnete Themen, die Sie verwenden können, um das Hauptthema anzupassen und es so aussehen zu lassen, wie Sie es möchten. Divi ist ein Beispiel für ein Theme-Framework. Es verfügt über Anpassungsoptionen, mit denen Sie das Design Ihres untergeordneten Themas noch weiter anpassen können, ähnlich wie bei der Drag-and-Drop-Oberfläche wie in Page Buildern.

So bearbeiten Sie den Code Ihres WordPress-Themes

Wenn Sie wissen, wie man CSS und/oder PHP bearbeitet, können Sie den Code in Ihrem Theme bearbeiten, um ihn anzupassen. Dies ermöglicht Ihnen die meiste Kontrolle, erfordert aber auch die meisten technischen Kenntnisse. Wenn Sie ein eigenes Theme bearbeiten, das speziell für Ihre eigene Website entwickelt wurde, können Sie es direkt bearbeiten. Wenn Sie jedoch mit einem Thema eines Drittanbieters arbeiten, müssen Sie ein untergeordnetes Thema erstellen, um zu vermeiden, dass beim nächsten Update Änderungen verloren gehen.

So bearbeiten Sie Designdateien

Der erste Schritt beim Bearbeiten Ihres WordPress-Themes besteht darin, zu wissen, welche Theme-Dateien was steuern und welche Sie bearbeiten müssen.

Das Stylesheet

Jedes WordPress-Theme hat ein Stylesheet, das style.css heißt. Hier finden Sie den gesamten Code zum Gestalten Ihrer Website, einschließlich Layout, Schriftarten, Farbschemata und mehr. Wenn Sie beispielsweise die Farben in Ihrem Website-Design ändern möchten, können Sie das Stylesheet bearbeiten. Und wenn Sie eine neue Schriftart hinzufügen möchten, können Sie das Stylesheet verwenden, um die gewünschte Schriftart auf verschiedene Elemente wie den Fließtext und die Überschriften anzuwenden.

Passen Sie jedoch auf, wenn Sie das Stylesheet bearbeiten. Spezifität bedeutet, dass der Code für ein Element nicht immer von dort kommt, wo Sie ihn vermuten. Elemente erben beispielsweise das Styling von anderen Elementen, die sich in der Hierarchie der Seite über ihnen befinden, es sei denn, Sie fügen ein spezielles Styling für das untere Element hinzu.

Um zu sehen, welches CSS sich auf jedes Element auf der Seite auswirkt, können Sie den Inspektor Ihres Browsers verwenden, um das CSS anzuzeigen. Anschließend können Sie damit neues CSS schreiben, das auf die einzelnen Elemente oder den Bereich von Elementen oder Klassen auf der Seite abzielt, die Sie ändern möchten.

Wenn Ihnen dieses Gerede über CSS und Spezifität neu und verwirrend ist, empfehlen wir Ihnen, das CSS Ihres Themes nicht selbst zu bearbeiten und stattdessen eine andere Option zur Anpassung Ihres WordPress-Themes auszuprobieren oder sich von den Experten von SEO Design Chicago helfen zu lassen!

Die Funktionsdatei

Die meisten Themes haben auch eine Funktionsdatei, die sich functions.php nennt. Die Funktionsdatei ist vollständig in PHP geschrieben. Diese Datei macht eine Menge Dinge in Ihrem Theme zum Laufen. Sie finden den Code in dieser Datei, um Themenfunktionen wie vorgestellte Bilder, Widgets und mehr zu registrieren. Sie können Ihrem Theme auch in der Funktionsdatei Funktionscode hinzufügen. Sie sollten jedoch in Betracht ziehen, ein Plugin zu schreiben, anstatt Code zur Funktionsdatei hinzuzufügen.

Die Theme-Vorlagendateien

Die meisten Dateien in einem Design sind Designvorlagendateien. Diese Dateien bestimmen, welche Inhalte WordPress auf einer bestimmten Seite ausgibt, und werden gemäß der Vorlagenhierarchie ausgewählt. Sie können diese Dateien bearbeiten oder eine neue erstellen, um die Ausgabe von Inhalten auf einem bestimmten Beitragstyp, einer Seite oder einem Archiv zu ändern.

Wenn Ihr Theme beispielsweise über eine Datei archive.php verfügt, die verwendet wird, um Archivseiten für Kategorien und Tags auszugeben, können Sie Änderungen an der Ausgabe von Tags vornehmen. Dann erstellen Sie eine Datei namens „tag.php“, die auf der archive.php mit Ihren Änderungen basiert.

Seien Sie noch einmal gewissenhaft beim Bearbeiten von Dateien, da diese Ihre Website beschädigen könnten. Verwenden Sie immer zuerst eine Staging-Site!

Anpassen eines Drittanbieter-Themes mit einem untergeordneten Thema

Wenn Sie auf Ihrer Website ein Thema eines Drittanbieters ausführen und dessen Code bearbeiten möchten, müssen Sie ein untergeordnetes Thema erstellen. Wenn Sie das Thema direkt bearbeiten und dann aktualisieren, gehen alle Ihre Änderungen verloren.

So erstellen Sie ein Child-Theme

1. Erstellen Sie in wp-content/themes einen neuen Ordner.
2. Erstellen Sie in diesem Ordner ein Stylesheet. Teilen Sie WordPress im neuen Stylesheet mit, dass dies ein Child-Theme Ihres bestehenden Themes ist.
3. Fügen Sie dann dem Child-Theme Kopien der Dateien hinzu, die Sie bearbeiten möchten. Bearbeiten Sie die Dateien in diesem Ordner.
4. Aktivieren Sie abschließend das Child-Theme auf Ihrer Website.

WordPress verwendet immer die Datei aus dem Child-Theme, um Inhalte auszugeben, es sei denn, es gibt eine Datei höher in der Hierarchie im Parent-Theme. Selbst wenn es zwei Versionen derselben Datei gibt, verwendet WordPress diejenige aus dem Child-Theme. Grundsätzlich überschreibt die neue Datei im Child-Theme immer die Datei aus dem Parent-Theme.

Best Practices zum Anpassen Ihres WordPress-Themes

Dies sind einige Best Practices, die Sie befolgen sollten, wenn Sie Ihr WordPress-Theme anpassen.

Anpassen, ohne Code hinzuzufügen, wann immer möglich

Jedes Mal, wenn Sie Ihre Anpassungen über den Customizer oder an anderer Stelle in den Admin-Bildschirmen vornehmen können, ist dies eine viel bessere Option als das Bearbeiten des Codes. Bearbeiten Sie den Code nur, wenn Sie mit CSS und PHP vertraut sind und wissen, wie es sicher geht.

Verwenden Sie eine lokale Entwicklungsseite, um Änderungen vorzunehmen

Wenn Sie den Code in Ihrem Theme bearbeiten oder ein Child-Theme erstellen, um Änderungen vorzunehmen, führen Sie die Entwicklungsarbeit immer an einer lokalen Installation von WordPress durch, wobei Ihr Theme installiert und Ihr Inhalt von Ihrer Live-Site kopiert wird. Auf diese Weise können Sie Ihre Updates live auf einer Mirror-Site testen. Dies hat keine Auswirkungen auf Ihre Live-Site und ist viel schneller.

Versionskontrolle verwenden

Jedes Mal, wenn Sie Änderungen an Ihrem WordPress-Theme vornehmen, sollten Sie die Versionskontrolle verwenden, um Ihre Änderungen zu verfolgen. Sie müssen mindestens die Versionsnummer des Themes ändern und Kopien beider Versionen aufbewahren. Um die Versionskontrolle jedoch richtig durchzuführen, müssen Sie einen Dienst (wie beispielsweise GitHub) verwenden, um Ihre Änderungen zu verfolgen. Wenn eine Änderung Probleme verursacht, können Sie sie einfach rückgängig machen, ohne manuelle Änderungen vorzunehmen. Dies ist besonders wichtig, wenn Sie im Team arbeiten.

Verwenden einer Staging-Site zum Testen von Änderungen

Wenn Sie auf eine Staging-Site zugreifen können, sollten Sie diese auf dieser Site testen, bevor Sie Ihr neues Design auf Ihrer Live-Site aktivieren. Jede lokale Site unterscheidet sich geringfügig von Ihrer Live-Site, da sie sich auf einem anderen Server befindet und möglicherweise auf einer anderen PHP-Version ausgeführt wird. Erstellen Sie eine Kopie Ihrer Live-Site auf Ihrem Staging-Server, laden Sie dann Ihr neues Design hoch und aktivieren Sie es. Testen Sie zuerst Ihre Site, um sicherzustellen, dass alles richtig funktioniert, und übertragen Sie dann die Änderungen auf Ihre Live-Site.

Machen Sie Ihr Theme mobil-responsive

Es ist wichtig, sicherzustellen, dass Ihr neues Design für Mobilgeräte und nicht nur für Desktops geeignet ist. Im Jahr 2021 entfällt die Hälfte des Web-Traffics auf Mobilgeräte. Aus diesem Grund ist es wichtig, dass Ihr neues WordPress-Theme mobilfreundlich ist, da Sie sonst bis zur Hälfte Ihres Datenverkehrs verlieren können. Sie können jederzeit ein Tool wie BrowserStack verwenden, um zu sehen, wie Ihre Website auf verschiedenen Geräten angezeigt wird.

Stellen Sie sicher, dass Ihre Anpassungen für alle zugänglich sind

Alle Anpassungen, die Sie an Ihrer Website vornehmen, müssen für alle zugänglich sein, auch für Benutzer mit Behinderungen oder Sinneseinschränkungen. Berücksichtigen Sie alle Änderungen, z. B. hellere Farben oder kleinere Texte, und stellen Sie sicher, dass sie ADA-konform sind.

Halten Sie sich an die WordPress-Codierungsstandards

Jedes Mal, wenn Sie den Code in Ihrem WordPress-Theme bearbeiten oder ein Child-Theme erstellen, müssen Sie sicherstellen, dass Ihr Code den WordPress-Codierungsstandards entspricht. Diese Standards sollen sicherstellen, dass der Code konsistent und von hoher Qualität ist.

Passen Sie Ihr WordPress-Theme mit SEO Design Chicago an

Einer der Gründe, warum WordPress die beste Plattform zum Erstellen von Websites ist, ist, dass es extrem anpassbar ist. Es kann jedoch schwierig sein, Ihre Website anzupassen. Die Webentwickler von SEO Design Chicago sind WordPress-Experten und können Ihr Theme für Sie anpassen, damit Sie genau die gewünschte Website erhalten. Kontaktiere uns heute!

Häufig gestellte Fragen:

• Müssen Sie Ihr WordPress-Theme anpassen?
• Warum sollte ich den WordPress Theme Editor nicht verwenden?
• Wie finde ich den Customizer in WordPress?
• Wie bearbeite ich das Layout, die Schriftarten und die Farben meines WordPress-Themes?
• Was sind einige Best Practices zum Anpassen von WordPress-Themes?