Möchten Sie erfahren, wie Sie das Design Ihres WordPress-Themes anpassen können?
Viele WordPress-Themes verfügen über integrierte Optionen zur einfachen Anpassung von Design und Layout. Sie können mithilfe von Plugins auch weitere Anpassungsoptionen hinzufügen.
In diesem Artikel zeigen wir Ihnen, wie Sie Ihr WordPress-Theme ganz einfach anpassen und zu Ihrem eigenen machen.
Nachfolgend finden Sie eine Liste der Themen, die wir in diesem Leitfaden behandeln werden:
Bereit? Lasst uns anfangen.
Warum sollten Sie Ihr WordPress-Theme anpassen?
WordPress-Themes sind für generische Website-Nischen konzipiert. Beispielsweise gibt es Themen für verschiedene Arten von Websites von kleinen Unternehmen, Fotografen, Bloggern und mehr.
Nachdem Sie ein Thema ausgewählt haben, müssen Sie es an Ihre eigenen Anforderungen anpassen.
Beispielsweise möchten Sie möglicherweise Ihr eigenes Logo oder Markenfarben verwenden, das Design ein wenig modifizieren, die Schriftgröße ändern, Ihre eigenen Bilder verwenden und vieles mehr.
Einige dieser Anpassungen sind erforderlich, um eine Website zu erstellen, die Ihr Unternehmen und Ihre Marke wirklich repräsentiert und nicht wie die anderer aussieht.
Je nachdem, für welches WordPress-Theme Sie sich entscheiden, können diese Optionen von Theme zu Theme stark variieren.
Einige Themes bieten Ihnen beispielsweise möglicherweise die Möglichkeit, die Seitenleiste von rechts nach links zu verschieben, während andere möglicherweise nicht einmal eine Seitenleiste in ihrem Layout haben.
Lassen Sie uns einen Blick darauf werfen, wie Sie Ihr WordPress-Theme ganz einfach anpassen können, ohne Code schreiben zu müssen, und es auf die nächste Stufe bringen, ohne Ihre Website zu beschädigen.
Verwendung des Standard-Theme-Anpassers
WordPress hat in WordPress 5.9 ein umfassendes Website-Bearbeitungserlebnis eingeführt.
Derzeit gibt es nicht viele Themes auf dem Markt, die die neue Funktion zur vollständigen Website-Bearbeitung vollständig unterstützen.
Wir zeigen Ihnen jedoch, wie Sie damit Ihr WordPress-Theme anpassen können. Wir zeigen Ihnen auch, wie Sie den Legacy-Theme-Customizer sowie das vollständige WordPress-Site-Builder-Tool verwenden, das wir Anfängern empfehlen.
Verwenden Sie den vollständigen Site-Editor in WordPress, um ein Theme anzupassen
Wenn Ihr WordPress-Theme den vollständigen Site-Editor unterstützt, wird das Editor-Menü unter der Option „Darstellung“ in der WordPress-Admin-Seitenleiste angezeigt.
Wenn Sie darauf klicken, wird der vollständige Site-Editor gestartet.
Dieser Editor ähnelt dem Blockeditor, den Sie zum Schreiben von WordPress-Beiträgen und -Seiten verwenden.
Sie können Ihren Vorlagen neue Elemente hinzufügen, indem Sie Blöcke hinzufügen. Zusätzlich zu regulären Blöcken können Sie auch Site-weite Blöcke wie Navigation, Logo, Post-Query-Schleifen und mehr verwenden.
Jeder Block verfügt über eigene Einstellungen, mit denen Sie ihn unterschiedlich gestalten und Farben, Typografie und andere Optionen ändern können.
Ihr WordPress-Theme bietet möglicherweise auch zusätzliche Muster, mit denen Sie schnell verschiedene Abschnitte erstellen können.
Sie finden sie auf der Registerkarte „Muster“.
Sie können verschiedene Bereiche Ihrer Website bearbeiten, indem Sie oben auf den Vorlagennamen klicken und eine andere Vorlage zum Bearbeiten auswählen.
Um weitere Vorlagen anzuzeigen, können Sie unten auf „Alle Vorlagen durchsuchen“ klicken.
Dadurch wird Ihnen eine Liste der in Ihrem Theme verfügbaren Vorlagen angezeigt, die Sie bearbeiten können.
Klicken Sie einfach auf den Namen einer Vorlage, um diese im Editor zu öffnen.
Die Vorlage wird im selben Blockeditor geöffnet.
Von hier aus können Sie es nach Ihren Wünschen bearbeiten.
Wenn Sie mit den an Ihrem Theme vorgenommenen Änderungen zufrieden sind, klicken Sie einfach oben auf die Schaltfläche „Speichern“, um die Änderungen zu übernehmen.
Der vollständige Site-Editor ist eine leistungsstarke und flexible Möglichkeit, Ihr WordPress-Theme anzupassen.
Es handelt sich jedoch um eine völlig neue Funktion und viele WordPress-Themes unterstützen sie derzeit nicht.
Verwendung des Legacy Theme Customizers in WordPress
Wenn Ihr WordPress-Theme den vollständigen Site-Editor noch nicht unterstützt, verwenden Sie die alte Theme-Anpassungsfunktion in WordPress.
In diesem Fall können Sie Ihr Thema anpassen, indem Sie auf gehen Aussehen » Anpassen Seite.
Wenn Sie darauf klicken, wird der Theme Customizer gestartet.
Auf der linken Seite des Bildschirms sehen Sie die Personalisierungseinstellungen und auf der rechten Seite die Live-Vorschau Ihrer Website.
Bearbeitbare Bereiche Ihrer Website werden in der Live-Vorschau mit einem Stiftsymbol hervorgehoben.
Sie können auch jede Option im linken Bereich erweitern, um ihre Einstellungen zu ändern.
Die Anzahl der Optionen im linken Bereich variiert von Thema zu Thema.
Die meisten Themes unterstützen jedoch Grundlagen wie den Slogan Ihrer Website, Widgets, Homepage-Einstellungen, Menüs und zusätzliche CSS-Einstellungen.
Weitere Informationen finden Sie in unserer Anleitung zur Verwendung des WordPress-Theme-Customizers zum Bearbeiten Ihres Themes.
Passen Sie Ihr WordPress-Theme mit voller Kontrolle an
Die standardmäßigen Anpassungsoptionen für das WordPress-Theme hängen vom verwendeten WordPress-Theme ab.
Wenn Ihr Theme eine Funktion unterstützt, können Sie es möglicherweise mit dem Customizer oder dem vollständigen Site-Editor anpassen. Dies schränkt Ihre Möglichkeiten ein, ein WordPress-Theme anzupassen.
Was ist, wenn Sie Ihre Website noch weiter anpassen oder sogar ein benutzerdefiniertes WordPress-Theme erstellen möchten?
Das ist wo SemillaProd kommt herein.
Es ist der beste WordPress-Website-Builder auf dem Markt. Sie können damit schöne Website-Designs erstellen und sogar ein benutzerdefiniertes Thema erstellen, ohne Code schreiben zu müssen.
Als erstes sollten Sie das installieren und aktivieren SemillaProd Stecker. Weitere Einzelheiten finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.
Bei der Aktivierung müssen Sie Ihren Lizenzschlüssel eingeben. Sie finden diese Informationen in Ihrem Konto auf der SeedProd-Website.
Anschließend müssen Sie entscheiden, ob Sie ein benutzerdefiniertes WordPress-Theme oder einzelne Seiten für Ihre Website erstellen möchten.
SeedProd kann beides und wir zeigen Ihnen beide Ansätze.
Passen Sie einzelne WordPress-Seiten mit SeedProd an
Dieser Ansatz ist sehr flexibel und ermöglicht Ihnen die einfache Erstellung von Seitenlayouts nach Bedarf.
Sie können beispielsweise eine benutzerdefinierte Zielseite für ein Produkt oder eine Marketingkampagne entwerfen oder eine Dankesseite erstellen, die Sie an Besucher senden, nachdem diese sich für Ihre E-Mail-Liste angemeldet haben.
Gehen Sie einfach zu SeedProd » Landing Pages Seite und klicken Sie dann auf die Schaltfläche „Neue Zielseite hinzufügen“.
Als nächstes müssen Sie die Vorlage für Ihre Seite auswählen.
Diese Vorlage dient als Ausgangspunkt, sodass Sie später alles darin ändern können. Alternativ können Sie auch mit einer leeren Leinwand beginnen.
Klicken Sie einfach auf eine Vorlage, um fortzufahren.
SeedProd fordert Sie dann auf, einen Titel für Ihre Seite anzugeben und eine URL auszuwählen.
Nach Eingabe der erforderlichen Informationen. Klicken Sie auf die Schaltfläche Speichern und beginnen Sie mit der Bearbeitung der Seite.
Dadurch wird die SeedProd-Seitenerstellungsoberfläche gestartet. Dies ist ein Drag-and-Drop-Designtool.
Auf der linken Seite sehen Sie Blöcke und Abschnitte, die Sie zu Ihrem Seitenlayout hinzufügen können, mit einer live bearbeitbaren Vorschau der Seite auf der rechten Seite.
Sie können einfach auf ein beliebiges Element auf Ihrer Seite zeigen und darauf klicken, um es zu bearbeiten.
Sie können Ihrem Layout auch über die linke Spalte neue Blöcke und sogar ganze Abschnitte hinzufügen.
SeedProd enthält alle gängigen Webdesign-Elemente, die Sie zum Erstellen Ihrer Website benötigen. Enthält Kontaktformulare, Abonnementformulare, Anmeldeformulare, Erfahrungsberichte, Fortschrittsbalken, Akkordeons, Navigationsmenüs, Symbolfelder und vieles mehr.
Es beinhaltet auch volle Unterstützung für WooCommerce. Sie können WooCommerce-Blöcke verwenden, um Produkte überall auf Ihrer Website anzuzeigen, eine benutzerdefinierte Checkout-Seite zu erstellen oder eine Warenkorbseite für Ihren Online-Shop zu entwerfen.
Wenn Sie mit dem Layout Ihrer Seite zufrieden sind, können Sie oben rechts auf die Schaltfläche „Speichern“ klicken.
Von hier aus können Sie die Seite auch veröffentlichen oder als Vorlage speichern.
Das ist alles! Sie können diesen Vorgang wiederholen, um weitere benutzerdefinierte Seiten auf Ihrer Website zu erstellen.
Erstellen eines benutzerdefinierten Themes in WordPress mit SeedProd
Dieser Ansatz wird dringend empfohlen, wenn Sie ein wirklich einzigartiges Design für Ihren Blog, Ihre Unternehmenswebsite oder Ihren E-Commerce-Shop erstellen möchten.
Mit dieser Methode entwerfen Sie Ihr eigenes benutzerdefiniertes WordPress-Theme von Grund auf mit demselben Drag-and-Drop-Seitenersteller.
Das Beste daran ist, dass Ihr benutzerdefiniertes SeedProd-Theme unabhängig davon funktioniert, welches Theme Sie auf Ihrer Website installiert haben. Das bedeutet, dass Sie sich nicht um die Anpassung eines Standard-WordPress-Themes kümmern müssen, sondern völlige Freiheit bei der Gestaltung Ihres Designs haben.
Um zu beginnen, gehen Sie einfach zu SeedProd » Bauthema Seite und klicken Sie auf die Schaltfläche „Themen“.
SeedProd zeigt Ihnen nun eine Reihe von Einstiegsthemen zur Auswahl.
Sie können alle Aspekte dieser Themen vollständig ändern.
Sobald Sie ein Thema ausgewählt haben, generiert SeedProd alle Themenvorlagen.
Klicken Sie einfach auf den Link „Layout bearbeiten“ unter einer Vorlagendatei, um diese zu bearbeiten.
In der rechten Spalte sehen Sie eine Live-Vorschau der Vorlage und in der linken Spalte ein Bearbeitungsfeld.
Zeigen Sie einfach darauf und klicken Sie, um ein beliebiges Element zu bearbeiten oder Elemente aus der linken Spalte abzulegen.
SeedProd enthält außerdem spezielle Blöcke für die standortweite Bearbeitung.
Hierbei handelt es sich um dynamische Blöcke, die Sie verwenden können, um eine Schleife von Inhalten (für Blogbeiträge), Beitragstitel, vorgestelltes Bild und mehr anzuzeigen.
Wenn Sie mit den Änderungen an einem Design fertig sind, vergessen Sie nicht, Ihre Änderungen zu speichern.
Wiederholen Sie den Vorgang, um weitere Vorlagen nach Ihren Wünschen zu bearbeiten.
Wenn Sie fertig sind, gehen Sie zu SeedProd » Theme Builder Seite und schalten Sie den Schalter neben der Option „SeedProd Theme aktivieren“ auf „Ja“.
SeedProd ersetzt nun Ihr WordPress-Theme durch das soeben erstellte benutzerdefinierte Theme.
Um mehr über den WordPress-Theme-Builder von SeedProd zu erfahren, sehen Sie sich unser Tutorial zum Erstellen eines benutzerdefinierten WordPress-Themes an, ohne Code schreiben zu müssen.
Wir hoffen, dass dieser Artikel Ihnen dabei geholfen hat, zu erfahren, wie Sie Ihr WordPress-Theme nach Ihren Wünschen anpassen können.
Vielleicht möchten Sie auch unseren Leitfaden zum Erstellen eines E-Mail-Newsletters lesen oder unseren WordPress SEO-Leitfaden zur Optimierung Ihrer Website für mehr Suchverkehr lesen.
