So bearbeiten Sie ein WordPress-Theme<\/strong><\/h2>In diesem Abschnitt zeigen wir Ihnen einfache Wege, das Aussehen Ihres Themes anzupassen – von Farben und Schriftarten über Layouts bis zu Abständen.<\/p>
Verwendung des Website-Editors<\/h3> Mit dem Website-Editor passen Sie das Design Ihres Themes mit Blöcken, Farben, Schriftarten und Abständen an, ohne Code schreiben zu müssen.<\/p>
Mit „Globale Stile“ passen Sie websiteweite Einstellungen wie Farben, Typografie und Layout an. So geht’s:<\/p>
Gehen Sie in Ihrem WordPress-Dashboard zu Design<\/strong><\/strong> → Website-Editor<\/strong>. Wechseln Sie anschließend im linken Bereich zum Abschnitt Stile<\/strong>.<\/p>Klicken Sie oben in diesem Bereich auf das Symbol Stile bearbeiten<\/strong>, um die Voreinstellungen zu bearbeiten. Sie können verschiedene Farbschemata und -kombinationen in der Vorschau anzeigen, bevor Sie eine geeignete Option auswählen.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>Dadurch wird der Stil-Bereich auf der rechten Seite Ihres Bildschirms geöffnet. Rufen Sie die Einstellungen für „Globale Stile“ auf und nehmen Sie die gewünschten Änderungen vor.<\/p>
Folgende Elemente können Sie anpassen:<\/p>
\nTypografie:<\/strong> Wählen Sie die Schriftfamilie, die Schriftgröße, die Zeilenhöhe, die Schriftstärke, den Buchstabenabstand und vieles mehr. Sie können außerdem die Überschriftenstile anpassen und einen speziellen Stil für Links erstellen. Fügen Sie Ihre eigenen Schriftarten hinzu, um einen einzigartigen Stil zu gestalten.<\/li>\n<\/ul>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\nFarben:<\/strong> Ändern Sie die Farben des Textes und des Hintergrunds über eine voreingestellte Palette oder nutzen Sie die benutzerdefinierte Farbauswahl. Sie können auch die Akzentfarben für Schaltflächen oder hervorgehobene Elemente anpassen.<\/li>\n<\/ul>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\nLayout:<\/strong> Legen Sie die Standardbreite für Inhaltsblöcke fest und stellen Sie den Abstand zwischen verschiedenen Elementen ein.<\/li>\n<\/ul>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>Verwendung des Customizers<\/h3> Der Customizer ist das Standard-Tool für klassische Themes. So passen Sie Ihr WordPress-Theme damit an:<\/p>
Gehen Sie in Ihrem WordPress-Dashboard zu Design<\/strong> → Anpassen<\/strong>.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>Sie sehen jetzt die Startseite mit einer linken Seitenleiste und verschiedenen Anpassungsoptionen. Diese Optionen hängen vom verwendeten Theme ab.<\/p>
Im Allgemeinen finden Sie folgende Optionen:<\/p>
\nFarbpalette<\/strong>: Passen Sie die visuelle Identität Ihrer Website an, indem Sie Markenfarben für Hintergründe, Text, Schaltflächen und Links auswählen. Eine strategische Farbwahl schafft Stimmung und lenkt die Aufmerksamkeit der Nutzer auf wichtige Elemente.<\/li>\n\n\n\nTypografie-Einstellungen<\/strong>: Steuern Sie das Leseerlebnis, indem Sie Schriftarten, Schriftgrößen und Abstände auswählen. Ihre typografischen Entscheidungen können beeinflussen, wie Besucher Ihre Marke wahrnehmen.<\/li>\n\n\n\nAnpassung von Schaltflächen<\/strong>: Gestalten Sie Call-to-Action-Elemente, um Konversionen zu fördern. Passen Sie Farben, Rahmen, Hover-Effekte und Textformatierungen an, um Schaltflächen zu erstellen, die ins Auge fallen und zum Klicken anregen.<\/li>\n\n\n\nLayout-Einstellungen<\/strong>: Legen Sie die strukturelle Grundlage Ihrer Website fest, indem Sie die Inhaltsbreite, die Positionen der Seitenleisten und die Abstände zwischen den Elementen anpassen. Diese Einstellungen bestimmen, wie Informationen fließen und wie viel Freiraum Ihre Inhalte haben.<\/li>\n<\/ul>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>Verwendung eines Page-Builder-Plugins<\/h3> Elementor und Beaver Builder sind leistungsstarke Page-Builder-Plugins, die Ihnen helfen, Ihre Website zu gestalten und Ihr Theme anzupassen.<\/p>
Zunächst müssen Sie einen einfachen Einrichtungsprozess durchlaufen:<\/p>
\nInstallation<\/strong>: Navigieren Sie in Ihrem WordPress-Dashboard zu „Plugins“ → „Neu hinzufügen“, suchen Sie nach dem von Ihnen gewählten Page Builder und klicken Sie auf „Jetzt installieren“<\/strong>, gefolgt von „Aktivieren“<\/strong>.<\/li>\n\n\n\nErstkonfiguration<\/strong>: Die meisten Page-Builder führen Sie durch einen Einrichtungsprozess, in dem Sie Einstellungen für Standardfarben, Schriftarten und responsive Anpassungen vornehmen. Diese grundlegenden Entscheidungen bilden die Basis für Ihr Design.<\/li>\n\n\n\nLizenzaktivierung<\/strong>: Bei Premium-Versionen müssen Sie Ihren Lizenzschlüssel aktivieren, um erweiterte Funktionen und Vorlagen freizuschalten. Dazu geben Sie in der Regel Ihren Kaufcode im Einstellungsbereich des Plugins ein.<\/li>\n<\/ul>Sobald dies erledigt ist, können Sie mit der Anpassung Ihrer Seite beginnen.<\/p>
Für diese Anleitung verwenden wir Elementor.<\/p>
Klicken Sie in der Seitenleiste des Dashboards auf Elementor<\/strong> → Theme Builder<\/strong> → Anpassen.<\/strong><\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>Sie gelangen zur Seite des Theme Builders, auf der Sie einzelne Teile Ihres Themes anpassen können.<\/p>
Folgende Elemente können Sie anpassen:<\/p>
\nKopfzeile<\/strong>: Passen Sie das Logo, das Menü und die Call-to-Action-Schaltflächen in der Kopfzeile an. Sie können Abstände, Layout und Stil anpassen, um sicherzustellen, dass Ihr Branding hervorsticht.<\/li>\n\n\n\nFußzeile<\/strong>: Fügen Sie der Fußzeile einen Copyright-Text, Navigationslinks und Social-Media-Symbole hinzu. Passen Sie Hintergrund, Typografie und Ausrichtung an Ihr Design an.<\/li>\n\n\n\nEinzelbeitrag<\/strong>: Gestalten Sie das Layout für einzelne Blogbeiträge. Sie können Titel, Autorennamen, das Titelbild und den Inhalt stilistisch anpassen, um ein einzigartiges Leseerlebnis zu schaffen.<\/li>\n\n\n\nEinzelseite<\/strong>: Passen Sie Seiten wie „Über uns“ oder „Kontakt“ an. Legen Sie Layout, Schriftarten und Hintergrund so fest, dass sie zum Branding Ihrer Website passen.<\/li>\n\n\n\nArchiv<\/strong>: Gestalten Sie Archivseiten, auf denen gruppierte Inhalte wie Kategorien oder Tags erscheinen. Sie können Überschriften, Beitragsauszüge und Layoutoptionen anpassen.<\/li>\n\n\n\nSuchergebnisse<\/strong>: Passen Sie das Erscheinungsbild der Suchergebnisseiten individuell an. Sie können Überschriften, Ergebniszusammenfassungen und die Paginierung formatieren, um Übersichtlichkeit und eine einfache Navigation zu gewährleisten.<\/li>\n\n\n\nLoop-Element<\/strong>: Passen Sie an, wie einzelne Beiträge in einer Liste oder einem Raster angezeigt werden. Gestalten Sie Titel, Bild und Metadaten für eine einheitliche Formatierung.<\/li>\n\n\n\nFehler 404<\/strong>: Gestalten Sie die Seite, die Nutzer sehen, wenn sie auf einen defekten Link stoßen. Fügen Sie hilfreichen Text, eine Suchleiste oder Links hinzu, um sie zurück auf Ihre Website zu leiten.<\/li>\n<\/ul>So bearbeiten Sie die Startseite in WordPress<\/h2> In WordPress können Sie jede beliebige Seite als Startseite festlegen. So können Sie dies konfigurieren:<\/p>
Gehen Sie in Ihrem WordPress-Dashboard zu Einstellungen<\/strong> → Lesen<\/strong>. Wählen Sie unter Ihre Startseite zeigt<\/strong> entweder Ihre neuesten Beiträge<\/strong> oder Eine statische Seite<\/strong> aus. Klicken Sie auf Änderungen speichern<\/strong>.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>Sehen wir uns nun verschiedene Möglichkeiten an, Ihre WordPress-Startseite zu bearbeiten.<\/p>
Verwendung des Website-Editors<\/h3> Hier sind die Schritte zur Bearbeitung Ihrer Startseite mit dem Website-Editor:<\/p>
Gehen Sie in Ihrem WordPress-Dashboard zu Design<\/strong> → Website-Editor<\/strong>.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>Sie sollten nun die Startseite auf der rechten Seite<\/strong> mit den Gestaltungsoptionen auf der linken Seite<\/strong> sehen.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>Klicken Sie auf die Startseite. Sie können die Seite nun visuell bearbeiten, indem Sie auf einzelne Elemente klicken.<\/p>
Klicken Sie auf das +-Symbol<\/strong> im oberen Bearbeitungsbereich neben dem WordPress-Logo, um neue Blöcke, Layouts und Medien hinzuzufügen. Hier sind einige wesentliche Elemente einer guten Startseite:<\/p>\nHero-Bereich mit einer ansprechenden Überschrift.<\/li>\n\n\n\n Ausgewählte Produkte oder Dienstleistungen.<\/li>\n\n\n\n Call-to-Action-Schaltflächen.<\/li>\n\n\n\n Kundenstimmen.<\/li>\n<\/ul>Denken Sie daran, Ihren Fortschritt zu speichern und die Änderungen zu übernehmen, indem Sie auf die Schaltfläche Speichern<\/strong> in der oberen rechten Ecke klicken.<\/p>Verwendung des Customizers<\/h3> So können Sie Ihre Startseite bei einem klassischen Theme mithilfe des Customizers bearbeiten.<\/p>
Gehen Sie in Ihrem WordPress-Dashboard zu Design<\/strong> → Anpassen<\/strong>.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>Öffnen Sie Startseiteneinstellungen<\/strong> über das Bearbeitungsfeld auf der linken Seite Ihres Bildschirms. Wählen Sie eine bestimmte Seite oder die neuesten Beiträge als Startseite aus, falls Sie diese noch nicht festgelegt haben.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>Folgende Elemente können Sie auf Ihrer Startseite bearbeiten:<\/p>
\nEinstellungen für das Kopfbild oder den Slider.<\/li>\n\n\n\n Hintergrundbilder oder -muster.<\/li>\n\n\n\n Einstellungen für hervorgehobene Inhalte.<\/li>\n\n\n\n Platzierung der Widget-Bereiche.<\/li>\n\n\n\n Optionen für das Inhaltslayout.<\/li>\n<\/ul>Verwendung eines Page-Builder-Plugins<\/h3> Um die Startseite mit Elementor zu bearbeiten, müssen Sie zunächst eine Seite damit erstellen und diese über Einstellungen<\/strong> → Lesen<\/strong> → Eine statische Seite<\/strong> als Startseite festlegen.<\/p>Gehen Sie zu Seiten → Neue Seite hinzufügen.<\/strong><\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>Klicken Sie anschließend oben auf der Seite auf Mit Elementor bearbeiten<\/strong>.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>Sie passen die Startseite nun mit den Widgets im linken Bereich an.<\/p>
Sobald Sie diese Seite als Startseite festgelegt haben, erscheint die Schaltfläche „Mit Elementor bearbeiten“, wenn Sie die Startseite in einer angemeldeten Sitzung aufrufen. So bearbeiten Sie die Startseite jederzeit mit Elementor.<\/p>
\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>Sie können entweder mit einer der vorgefertigten Vorlagen beginnen, um den Vorgang zu beschleunigen, oder eine leere Arbeitsfläche öffnen, um alles von Grund auf neu zu gestalten.<\/p>
Beginnen Sie damit, die Elemente Ihrer Startseite nach ihrer Wichtigkeit zu ordnen, damit Besucher sofort erkennen, was am wichtigsten ist. Elementor erleichtert dies durch seine Drag-and-Drop-Oberfläche und spezielle Abschnitte:<\/p>
\nWillkommensbereich<\/strong>: Verwenden Sie das Abschnitts-Tool von Elementor, um ein Banner in voller Breite mit Hintergrundbild, Überschrift und Schaltfläche zu erstellen. So werden Besucher Ihrer Website auf visuell ansprechende Weise begrüßt.<\/li>\n\n\n\nVorteilsblöcke<\/strong>: Ziehen Sie die „Icon Box“-Widgets von Elementor hinein, um 3 bis 4 wesentliche Vorteile Ihres Produkts oder Ihrer Dienstleistung darzustellen, jeweils mit einem eigenen Symbol und einer kurzen Beschreibung.<\/li>\n\n\n\n„Über uns“-Bereich<\/strong>: Fügen Sie einen „Bild + Text“-Block hinzu, um Ihre Geschichte zu erzählen, und fügen Sie ein passendes Foto ein, das eine Verbindung zu den Besuchern herstellt.<\/li>\n\n\n\nKundenstimmen<\/strong>: Fügen Sie das spezielle „Testimonials“-Widget von Elementor ein, um Kundenbewertungen und -rezensionen anzuzeigen und so Vertrauen und Glaubwürdigkeit aufzubauen.<\/li>\n<\/ul>Was Elementor für Anfänger so nützlich macht, ist, dass Sie jede Änderung sofort sehen können, sobald Sie sie vornehmen. Sie können zudem alles – vom Abstand bis zu den Farben – anpassen, indem Sie direkt auf ein beliebiges Element klicken und die Optionen im Seitenpanel nutzen.<\/p>
Kopf- und Fußzeilen dienen als strukturelles Framework Ihrer Website. Sie erscheinen auf jeder Seite Ihrer Website, um Konsistenz und Orientierung zu schaffen.<\/p>
Die Kopfzeile enthält meist die Navigation und erleichtert so die Orientierung. Die Fußzeile bietet vertrauensbildende Angaben wie Kontaktdaten und Links zu rechtlichen Hinweisen.<\/p>
Beide Elemente sorgen gemeinsam dafür, dass Besucher sich auf Ihrer Website zurechtfinden – unabhängig davon, welche Seite sie gerade aufrufen.<\/p>
Im Folgenden zeigen wir Ihnen, wie Sie Kopf- und Fußzeile anpassen.<\/p>
Verwendung des Website-Editors<\/h3> Der Website-Editor bietet mehrere Vorlagen für Kopf- und Fußzeile. So bearbeiten Sie diese Elemente:<\/p>
Gehen Sie in Ihrem WordPress-Dashboard zu Design<\/strong><\/strong> → Website-Editor<\/strong>.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>Klicken Sie im Bearbeitungsbereich auf der linken Seite auf Vorlagen<\/strong>.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>Gehen Sie zu Kopfzeile<\/strong>, um alle verfügbaren Designs anzuzeigen. Öffnen Sie eines dieser Designs, um Kopfzeilen zu bearbeiten<\/a>.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>Alternativ können Sie zu Fußzeile<\/strong> gehen, um alle verfügbaren Fußzeilendesigns anzuzeigen.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>Klicken Sie oben rechts auf Neue Vorlage hinzufügen<\/strong> → Neuen Vorlagenteil hinzufügen<\/strong>, um ein neues Kopf- oder Fußzeilendesign zu erstellen.<\/p>\n
\n\t\t\t\n\t\t\t\t<\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>Wählen Sie, ob Sie eine Kopf- oder Fußzeile gestalten möchten. Geben Sie anschließend einen Namen ein, wählen Sie den Typ des Vorlagenteils aus und klicken Sie auf Hinzufügen<\/strong>.<\/p>Hier finden Sie alle Werkzeuge, die Sie zur Gestaltung dieses neuen Elements benötigen. Sie können nach Belieben neue Blöcke oder Medien hinzufügen.<\/p>
Verwendung des Customizers<\/h3> Klassische WordPress-Themes verteilen die Anpassung von Kopf- und Fußzeile auf zwei miteinander verbundene Systeme.<\/p>
Der Customizer übernimmt die visuelle Gestaltung (Farben, Layout, Größen), während Sie über die Widget-Bereiche funktionale Inhaltsblöcke wie Menüs, Suchleisten und Kontaktinformationen hinzufügen können.<\/p>
Um auf diese Systeme zuzugreifen, gehen Sie zu Design<\/strong><\/strong> → Anpassen<\/strong> und suchen Sie anschließend im Seitenleistenmenü nach den Optionen „Kopfzeile“ oder „Fußzeile“.<\/p>\n
\n\t\t\t
![\"Screenshot](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/29\/2026\/08\/Benutzeroberflache-des-WordPress-Site-Editors-1.png\/w=1024,h=1024,fit=scale-down\")