So passen Sie das WordPress-Theme mit dem Customizer an

Das Anpassen eines WordPress-Themes ist ein notwendiger Schritt, um ein Theme nach der Aktivierung zu verwenden. Und mit Hilfe des Customizers des Themes ist dies einfacher denn je. Es kann jedoch etwas schwierig sein, sich an dieses Tool zu gewöhnen. Wenn Sie also verwirrt sind, wird dieser Artikel wirklich hilfreich für Sie sein.

Nachdem Sie ein WordPress-Theme ausgewählt und installiert haben, sollten Sie das Customizer-Tool verwenden, um das Erscheinungsbild der Website gemäß der Theme-Demo oder Ihrem eigenen Stil anzupassen. Der Vorteil dieses Tools ist der Live-Vorschaumodus, mit dem Sie die Ergebnisse beim Anpassen direkt sehen können. Das spart Ihnen Zeit und ist viel einfacher zu manipulieren als die Bearbeitung im Backend (Admin Dashboard).

Hier sind die grundlegenden Schritte, um ein WordPress-Theme mit Customizer anzupassen, um eine Website zu erstellen, die dem Demo-Theme oder Ihren Wünschen am ähnlichsten ist.

Öffnen Sie das Customizer-Tool

Gehen Sie zuerst zu Customizer in der Admin-Leiste oben auf der Seite oder Dashboard > Erscheinungsbild > Anpassen , um dieses Tool zu öffnen.

Die Benutzeroberfläche des Customizers besteht aus zwei Hauptteilen: Die linke Spalte enthält Anpassungsoptionen und der rechte Bildschirm zeigt die Live-Vorschau an. Hier ist die gebräuchlichste Schnittstelle von Customizer.

Die linke Spalte enthält:

1: Die Schaltfläche Veröffentlichen , um die Ergebnisse nach dem Anpassen zu speichern. Wenn Sie die Site schließen, ohne darauf zu klicken, wird Ihre Anpassung nicht gespeichert. Vergessen Sie also nicht, nach jeder Änderung diese Taste zu drücken.
2: In diesem Bereich wird das von Ihnen verwendete Design angezeigt. Wie Sie in meinem Beispiel sehen können, verwende ich das Memory-Design. (Sie können dieses Thema hier herunterladen).
3: Theme-Anpassungsoptionen. Beachten Sie, dass die Themenoptionen je nach Thema variieren.
4: Klicken Sie auf Steuerelemente ausblenden, um diese Spalte auszublenden. Wenn Sie außerdem sehen möchten, wie die Live-Vorschau auf anderen Geräten aussieht, klicken Sie hier einfach auf die entsprechenden Gerätesymbole.

Nachdem wir uns mit der Benutzeroberfläche des Customizers vertraut gemacht haben, gehen wir in jede grundlegende Anpassungsoption ein, um ein Erscheinungsbild anzupassen, das der Demo oder Ihrer Idee am ähnlichsten ist. Denken Sie daran, die Dokumentation des Themas sorgfältig zu lesen, da es unterschiedliche Anpassungsanforderungen haben kann.

Theme vom Customizer anpassen

Nachdem Sie ein Theme aktiviert haben, sieht Ihre Website noch nicht wie die Demo aus. Sofern Ihr Theme das Importieren von Demos nicht unterstützt, müssen Sie das Theme manuell anpassen. Zu den gängigen benutzerdefinierten Abschnitten gehören:

Startseiteneinstellungen

Dies ist der wichtigste Abschnitt, um die Anzeige Ihrer Startseite zu bestimmen.

In den Homepage- Einstellungen gibt es zwei Optionen zum Anzeigen der Homepage: die neuesten Beiträge und die statische Seite. Abhängig von den Anforderungen des jeweiligen Themas können Sie eine geeignete Option auswählen.

Für eine Lese-Site wie Blogs sollten Sie Ihre neuesten Beiträge auswählen.

Für Geschäftsseiten sollten Sie Eine statische Seite auswählen, dann eine Seite für die Startseite im Abschnitt Homepage und eine Archivseite im Abschnitt Posts-Seite auswählen. Klicken Sie einfach auf das Dropdown-Menüsymbol in jedem Abschnitt, um einen der verfügbaren Beiträge und Seiten auszuwählen, oder klicken Sie auf Neue Seite hinzufügen , um eine neue Seite für diese beiden Elemente zu erstellen.

Wenn die ausgewählte Homepage jedoch nicht angepasst und eingerichtet wurde, fehlen möglicherweise spezielle Funktionen wie Schieberegler, Handlungsaufforderung, Heldenbild usw. und Sie müssen mehr Anpassungen vornehmen. Lesen Sie besser die Richtlinien des Themes für diese Einstellungen.

Site-Identität

In diesem Abschnitt können Sie Informationen über die Website ändern, z. B. das Logo, den Titel und den Slogan ändern.

Wählen Sie das Logo, schreiben Sie den Titel und den Slogan für Ihre Website. Außerdem kann es Optionen zum Anpassen des Logos, des Titels oder zum Ein- und Ausblenden dieser Elemente haben.

Farbe, Hintergrundbild und Schriftarten

Die meisten Themes richten nach der Aktivierung automatisch Farben, Hintergründe und Schriftarten ähnlich der Demo ein. Falls die oben genannten Elemente jedoch noch nicht fertig sind, müssen Sie sie einrichten.

Farbe

Die meisten Designs unterstützen den Abschnitt Farbe. Während Sie jedoch bei einigen Designs die Farbe vieler Elemente ändern können, beschränken sich einige Designs auf einige wenige.

Klicken Sie zuerst auf das Element, das Sie neu einfärben möchten (1) (wie Hauptfarbe, Überschriftenfarbe oder Textfarbe). Sie können direkt auf der Palette eine Farbe auswählen (2) oder hier den Farbcode eingeben (3).

Schriftart

Der Abschnitt Schriftart oder Typografie ermöglicht es Ihnen, Schriftstile, Familienschriftarten, Textgröße usw. je nach Thema zu ändern.

Die Auswahl einer Familienschrift hängt auch von den Anforderungen des Themas ab. Der einfachste Weg ist die Auswahl einer verfügbaren Schriftart aus dem Dropdown-Menü wie in der Abbildung unten. Themes wie dieses unterstützen normalerweise nur einige grundlegende Schriftarten.

Wenn Ihre Designs Google Fonts unterstützen, müssen Sie möglicherweise den Code, den Namen oder den Link der Schriftart von fonts.google.com abrufen und dann in die Felder wie folgt einfügen.

Der Vorteil der zweiten Möglichkeit besteht darin, dass Sie bei Google Fonts viele Schriftarten zur Auswahl haben.

Hintergrundbild

Bei den meisten Designs können Sie ein Foto auswählen, um das Hintergrundbild festzulegen . Klicken Sie im Abschnitt Hintergrundbild auf Bild auswählen und wählen Sie ein Foto aus Ihrer Bibliothek aus oder laden Sie eines hoch.

Anschließend können Sie Stil, Position und Größe des Bildes bearbeiten, um es perfekt zu Ihrer Website zu passen.

Um das Hintergrundbild zu ändern, klicken Sie auf die Schaltfläche Bild ändern . Wenn Sie ein Hintergrundfoto löschen möchten, klicken Sie auf die Schaltfläche Entfernen .

Wenn Sie Hintergrundbild wiederholen wählen, wird das Hintergrundbild vom Anfang bis zum Ende der Seite wiederholt. Wenn Sie Mit Seite scrollen wählen, wird sie beim Scrollen wie unten beschrieben mit der Seite verschoben.

Speisekarte

Der Abschnitt Menü listet alle Menüs und ihre aktuellen Positionen auf. Traditionell befindet sich das Hauptmenü in der Kopfzeile. Insbesondere können Sie bei einigen Designs mehr als nur einen Ort anzeigen, z. B. in der Fußzeile, in der oberen Leiste, im Folienmenü usw. Um herauszufinden, wie viele Menüorte Sie haben, sehen Sie sich den Text unter dem Menüort an .

Das Speicherthema hat beispielsweise nur eine Position für das Menü. Sie können es anzeigen, indem Sie auf die Registerkarte Standort anzeigen klicken. Klicken Sie dann auf eine Menüposition und wählen Sie ein verfügbares Menü aus, das Sie dort anzeigen möchten. Um ein Menü zu bearbeiten, klicken Sie auf Menü bearbeiten und dann auf Neues Menü erstellen, um ein weiteres zu erstellen.

Wie sieht es mit der Erstellung und Bearbeitung eines Menüs im Detail aus? Sie können hier auf unseren vorherigen Artikel verweisen.

Widget

Widgets sind Inhalts- oder Funktionsblöcke, die einigen Bereichen hinzugefügt werden, die Widgets wie Seitenleiste oder Fußzeile unterstützen. Es gibt 15 standardmäßige WordPress-Widgets, mit denen Sie Videos, Fotos, Galerien, neueste Beiträge, Seiten und mehr einfügen können. Insbesondere bieten einige Themes sogar eigene spezielle Widgets an, daher sollten Sie genau die Widgets herausfinden, die Sie benötigen, und diese dann richtig auswählen.

Im Abschnitt Widget sehen Sie die Bereiche, die Widgets auf der aktuellen Seite unterstützen. Auch die Anzahl und Lage dieser Bereiche variiert je nach Thema.

Um ein Widget hinzuzufügen, klicken Sie auf die Position, an der das Widget platziert werden soll, z. B. die Fußzeile, und klicken Sie auf die Schaltfläche Widget hinzufügen . Sie können eines aus der Liste auswählen oder die Suchleiste verwenden, um das gewünschte Widget zu finden.

Nachdem Sie ein Widget ausgewählt haben, müssen einige wie Bilder, Galerien, Videos, Audio und Seiten möglicherweise zusätzlich eingerichtet werden, um sie wie gewünscht anzuzeigen. Dabei sollten Sie die Aufforderung des Widgets sorgfältig lesen und befolgen. Keine Sorge, diese Schritte sind ganz einfach.

Um ein Widget zu löschen, gehen Sie zum gewünschten Widget und klicken Sie auf Entfernen .

Die Schaltfläche Neu anordnen hilft Ihnen, Widgets in einen anderen Bereich des Themas zu verschieben. Klicken Sie insbesondere auf (1), wählen Sie den neuen Widget-Bereich aus (2) und klicken Sie auf die Schaltfläche Verschieben (3). Darüber hinaus helfen die Pfeiltasten nach oben und unten (4), Widgets in einem Bereich zu verschieben. Wenn Sie fertig sind, drücken Sie Fertig (5).

Das war's, wir haben mit den Widgets fertig.

Letzte Worte

Das Anpassen dieser obigen Abschnitte mit dem Customizer sind allgemeine und grundlegende Schritte, um Ihre Website so anzupassen, dass sie wie eine Demo oder Ihre Vorstellung aussieht. Außerdem gibt es viele andere unterschiedliche Abschnitte für jedes Thema. Wenn Sie Schwierigkeiten bei der Anpassung haben, sollten Sie die Dokumentation lesen oder sich sofort an den Autor des Themes wenden.

Ich hoffe, dieser Artikel hat Ihnen geholfen, Ihr eigenes faszinierendes Erscheinungsbild für Ihre Website zu erstellen.