Hinweis: Der folgende Artikel hilft Ihnen weiter: So fügen Sie eine Seitenleiste in WordPress hinzu, ohne Code zu schreiben
Möchten Sie erfahren, wie man in WordPress eine Seitenleiste hinzufügt?
Seitenleisten sind wertvolle Bereiche, die den Lesern helfen können, auf Ihrer WordPress-Site zu navigieren, sich für Ihren Newsletter anzumelden, Ihren Social-Media-Profilen zu folgen und vieles mehr. Aber wie erstellen Sie eine Seitenleiste, die auf Ihre Content-Bedürfnisse zugeschnitten ist?
In diesem Artikel erfahren Sie, wie Sie mit drei verschiedenen Methoden eine Seitenleiste in WordPress hinzufügen.
Was ist eine WordPress-Sidebar?
Eine WordPress-Seitenleiste ist eine vertikale Spalte, die sich links oder rechts von Ihrem Hauptinhaltsbereich befindet. Es handelt sich um einen Widget-Bereich, mit dem Sie Inhalte außerhalb Ihres primären Inhaltsbereichs anzeigen können.
Auch wenn sich Ihr primärer Inhaltsbereich auf jeder Seite ändert, bleibt Ihre Seitenleiste auf Ihrer gesamten Website weitgehend gleich (es sei denn, Sie erstellen mehrere Seitenleisten).
Ihr WordPress-Theme steuert, wie Ihre Seitenleiste standardmäßig aussieht. Wenn Sie es also sofort verwenden, steuert Ihr Theme die Platzierung Ihrer Seitenleiste, wie viele Seitenleisten Sie gleichzeitig verwenden können und ob Sie überhaupt eine Seitenleiste haben.
Möglicherweise enthält Ihre Standard-Seitenleiste auch Widgets, die nicht Ihren Geschäftsanforderungen entsprechen. Wenn Ihre Standard-Seitenleiste Ihren Anforderungen nicht entspricht, müssen Sie möglicherweise eine neue benutzerdefinierte Seitenleiste erstellen.
Mithilfe von WordPress-Widgets können Sie nahezu jeden Inhalt zu Ihrer Seitenleiste hinzufügen. Hier sind einige Beispiele:
- Navigation – Sie können Navigationsmenü-Widgets verwenden, um Benutzern das Auffinden relevanter Seiten zu erleichtern, oder ein Menü, um Ihre Blog-Beiträge nach Kategorien zu filtern.
- Suchen – Das Hinzufügen eines Suchfelds zu Ihrer Seitenleiste ist eine hervorragende Möglichkeit, Benutzern dabei zu helfen, schnell zu finden, wonach sie suchen.
- E-Mail-Abonnement – Fügen Sie Ihrer Seitenleiste ein Opt-in-E-Mail-Formular hinzu, um E-Mail-Adressen zu sammeln und Ihre Liste zu erweitern.
- Empfohlener Inhalt – Ihre Seitenleiste ist ein großartiger Ort, um einzelne Beiträge zu präsentieren, die für Benutzer wertvoller sind als andere.
- Sozialen Medien – Sie können ganz einfach Social-Follow-Buttons und ein Social-Media-Share-Widget hinzufügen, um Ihre Followerzahl zu steigern und die Markenbekanntheit zu steigern.
- Anzeigen – Ihre Seitenleiste ist ein hervorragender Ort zum Anzeigen von Anzeigen, wenn Sie damit Einnahmen generieren.
- Handlungsaufforderungen (CTA) – Wenn Sie einen neuen Online-Kurs, ein neues Produkt oder ein neues Angebot haben, können Sie Ihrer Seitenleiste einen CTA hinzufügen, um die Leser zum Ausprobieren zu ermutigen.
Inzwischen wissen Sie, was eine Seitenleiste ist und wie Sie Ihren Website-Besuchern auf einfache Weise wertvolle Inhalte anzeigen können. Schauen wir uns nun an, wie man in WordPress eine Seitenleiste hinzufügt.
Im Folgenden stellen wir drei verschiedene Methoden vor, die den WordPress-Customizer, Ihren WordPress-Widgets-Bildschirm und ein Website-Builder-Plugin verwenden. Noch besser: Keine dieser Methoden erfordert die Verwendung von Code.
Möchten Sie eine benutzerdefinierte Seitenleiste erstellen oder mehrere Seitenleisten gleichzeitig auf Ihrer WordPress-Site verwenden?
Dafür benötigen Sie ein WordPress-Plugin oder die Kenntnisse, um mit Code eine neue Seitenleiste von Grund auf zu erstellen. Glücklicherweise können Sie mit einem leistungsstarken und leichten Plugin ganz einfach benutzerdefinierte Seitenleisten für WordPress erstellen: SeedProd.
SeedProd ist der beste WordPress-Website-Builder per Drag-and-Drop. Sie können damit benutzerdefinierte WordPress-Themes und Seitenlayouts ohne Code erstellen.
SeedProd verwendet individuelle Vorlagen, um alle Teile Ihres Themes zu erstellen. Eine dieser Vorlagen ist die Seitenleiste, mit der Sie mit nur wenigen Klicks eine benutzerdefinierte Seitenleiste zu Ihrer Website hinzufügen können.
Noch besser: Sie können mit SeedProd beliebig viele Seitenleisten erstellen und diese auf bestimmten Seiten und Beiträgen Ihrer Website anzeigen.
Befolgen Sie also die folgenden Schritte, um mit SeedProd eine Seitenleiste zu WordPress hinzuzufügen.
Schritt 1. Installieren Sie den SeedProd Website Builder
Der erste Schritt besteht darin, das SeedProd Website Builder-Plugin zu installieren.
Note: Sie benötigen eine SeedProd Pro- oder Elite-Lizenz, um die Theme Builder-Funktion nutzen zu können.
Sie können dieser Anleitung weiter folgen Installation eines WordPress-Plugins wenn Sie Hilfe bei diesem Schritt benötigen.
Nachdem Sie die ZIP-Datei des Plugins installiert und aktiviert haben, gehen Sie zu SeedProd ≫ Einstellungen Seite und geben Sie Ihre Lizenzschlüsseldetails ein. Sie finden Ihren Lizenzschlüssel auf der SeedProd-Website in Ihrem Konto-Dashboard.
Schritt 2. Erstellen Sie Ihre WordPress-Theme-Vorlagen
Um mit SeedProd eine benutzerdefinierte Seitenleiste zu erstellen, müssen Sie zunächst die verschiedenen Teile Ihres Themes erstellen. Mach dir keine Sorge; Es ist super einfach und erfordert keine direkte Bearbeitung von Vorlagendateien.
Gehen Sie zunächst zu SeedProd » Theme Builder Buchseite. Auf dieser Seite sehen Sie eine Liste mit Vorlagen für Ihr aktuelles SeedProd-Theme.
Da wir noch nicht damit begonnen haben, verfügen wir nur über eine globale CSS-Vorlage.
Um zu beginnen, haben Sie zwei Möglichkeiten.
- Verwenden Sie eines der vorgefertigten SeedProd-Themen als Ausgangspunkt
- Erstellen Sie manuell Designvorlagen von Grund auf
Wir empfehlen, mit einer vorgefertigten Theme-Vorlage zu beginnen. Dadurch kann SeedProd automatisch alle Vorlagendateien generieren, was Ihnen einen Vorsprung bei der Bearbeitung der Vorlagen entsprechend Ihren Anforderungen verschafft.
Um eine Designvorlage auszuwählen, klicken Sie auf Themen Klicken Sie auf die Schaltfläche und wählen Sie eines der verfügbaren Themen aus. Es gibt unterschiedliche Themes für verschiedene Websites. Wählen Sie also eines aus, das Ihren Anforderungen am besten entspricht.
Nachdem Sie ein Theme ausgewählt haben, erstellt SeedProd automatisch alle Theme-Vorlagen für Sie. Dadurch können Sie nun jede Vorlage einzeln im visuellen Drag-and-Drop-Editor bearbeiten.
Um Ihre Seitenleiste mit SeedProd anzupassen, suchen Sie nach Seitenleiste Vorlage und klicken Sie auf Design bearbeiten Verknüpfung.
Dadurch wird Ihre Seitenleiste im Drag-and-Drop-Builder von SeedProd gestartet. In der rechten Spalte sehen Sie eine Live-Vorschau Ihrer Seitenleistenvorlage und in der linken Spalte ein Bearbeitungsfeld.
Das Ändern eines Elements in Ihrer Seitenleiste ist so einfach wie Zeigen und Klicken. Sie können beispielsweise auf das Papierkorbsymbol klicken, um Blöcke zu löschen.
Oder Sie können auf einen beliebigen Block klicken, um seine Einstellungen im linken Bereich anzuzeigen.
Mit den Themenblöcken von SeedProd können Sie Ihrer Seitenleiste eine Vielzahl von Inhalten hinzufügen. Ziehen Sie einfach einen Block von links und legen Sie ihn in Ihrer Seitenleiste ab.
Zu den Blöcken, aus denen Sie wählen können, gehören:
- Vorlagen-Tags – Blöcke, mit denen Sie dynamische Inhalte aus WordPress hinzufügen können, z. B. Blogbeiträge, Kommentare, vorgestellte Bilder usw. Dies ist eine großartige Möglichkeit, eine dynamische Seitenleiste zu erstellen.
- Standardblöcke – Dies sind beliebte Webdesign-Elemente, die die meisten Websites verwenden, wie Bilder, Schaltflächen, Text und Videos.
- Erweiterte Blöcke – Erweiterte Funktionen zur Lead-Generierung wie Kontaktformulare, soziale Profile, Schaltflächen zum Teilen, Opt-in-Formulare, Google Maps und mehr.
- WooCommerce – Wenn Sie einen Online-Shop betreiben, können Sie WooCommerce-Blöcke verwenden, um beliebte Produkte, Einkaufswagen und andere Shop-Funktionen in Ihrer Seitenleiste anzuzeigen.
Neben dem Hinzufügen von Inhalten zu Ihrer Seitenleiste können Sie mit SeedProd auch deren Farben, Schriftarten, Abstände, Ränder und vieles mehr anpassen.
Wenn Sie beispielsweise auf das Einstellungssymbol eines Abschnitts klicken, werden Optionen zum Ändern der Hintergrundfarbe, zum Hochladen eines Hintergrundbilds und zum Ändern der Breite angezeigt. Dann gibt es auf der Registerkarte „Erweitert“ weitere Einstellungen, mit denen Sie die Ränder, Abstände und mehr steuern können.
Wenn Sie mit Ihrer neuen Seitenleiste zufrieden sind, klicken Sie auf das grüne Symbol Speichern Klicken Sie auf die Schaltfläche in der oberen rechten Ecke Ihres Bildschirms.
Wiederholen Sie diesen Vorgang nun für die anderen Vorlagen in Ihrem Theme, einschließlich:
Dadurch können Sie ein benutzerdefiniertes WordPress-Theme erstellen, das alle Ihre Geschäftsanforderungen erfüllt.
Wenn Sie mit Ihrer benutzerdefinierten WordPress-Seitenleiste zufrieden sind, besteht der letzte Schritt darin, sie auf Ihrer WordPress-Site zu aktivieren.
In SeedProd können Sie Ihre benutzerdefinierte WordPress-Seitenleiste mit einem einfachen Schalter anwenden.
Gehen Sie einfach zum SeedProd » Theme Builder Seite und schalten Sie den Schalter neben der Option „SeedProd Theme aktivieren“ auf „Ja“.
SeedProd ersetzt nun Ihr bestehendes Design durch das neue WordPress-Theme und die neue Seitenleiste.
Jetzt können Sie Ihre Website besuchen, um Ihre benutzerdefinierte WordPress-Seitenleiste in Aktion zu sehen.
Da Sie nun über eine benutzerdefinierte Seitenleiste verfügen, können Sie das Design jederzeit bearbeiten. Was aber, wenn Sie mehr als eine Seitenleiste wünschen und diese in verschiedenen Abschnitten Ihrer Website anzeigen möchten?
Beispielsweise möchten Sie möglicherweise eine Seitenleiste für Seiten erstellen, die sich von Ihrer Blog-Seitenleiste unterscheidet. Sie können dies tun, indem Sie die globalen Vorlagenteile von SeedProd verwenden.
Hier ist Teil 13 unseres Theme-Builder-Tutorials, der Ihnen zeigt, wie globale Teile funktionieren:
Alternativ können Sie auch den nachstehenden schriftlichen Anweisungen folgen.
Gehen Sie zunächst zu SeedProd » Theme Builder Seite und klicken Sie auf Neue Theme-Vorlage hinzufügen Taste.
Wählen Sie dort die aus Globaler Teil Option und klicken Sie Speichern.
Jetzt können Sie Ihre benutzerdefinierte Seitenleiste wie im vorherigen Schritt erstellen.
Nachdem Sie Ihre neue Seitenleiste erstellt haben, öffnen Sie die Einzelne Seite Vorlage im Drag-and-Drop-Editor von SeedProd.
Um Platz für Ihre Seitenleiste zu schaffen, müssen Sie das vorhandene Layout durch einen zweispaltigen Abschnitt ersetzen.
Ziehen Sie als Nächstes die Vorlagenteil Block in die zweite Spalte Ihres neuen Abschnitts ein.
Von dort aus können Sie die neue Seitenleiste, die Sie erstellt haben, aus dem Dropdown-Menü auswählen.
Klicken Speichern Um Ihre Änderungen zu speichern, wird beim Navigieren zu einer Seite automatisch Ihre neue benutzerdefinierte Seitenleiste angezeigt, während in Ihren Blog-Beiträgen Ihre erste Seitenleiste angezeigt wird.
So fügen Sie mit Customizer eine Seitenleiste in WordPress hinzu
Der integrierte WordPress-Customizer erleichtert das Hinzufügen einer benutzerdefinierten Seitenleiste zu Ihrer WordPress-Site. Der Customizer verwendet Ihre Standardeinstellungen für das WordPress-Theme, um das Layout, den Inhalt und die Platzierung Ihrer Seitenleiste zu steuern.
Um diese Methode verwenden zu können, benötigen Sie ein WordPress-Theme, das Seitenleisten-Widgetbereiche enthält. Wenn Sie noch kein Theme haben, finden Sie hier die beliebtesten WordPress-Themes für kleine Unternehmen.
Für diese Anleitung verwenden wir das Astra WordPress Theme.
Gehen Sie nach der Installation Ihres Themes zu Aussehen ≫ Themen und klicken Sie auf das Blaue Anpassen Taste.
Dadurch gelangen Sie zur WordPress-Customizer-Seite, auf der Sie das Layout und Design Ihres Themes bearbeiten können. Die Einstellungen, die Sie auf dieser Seite sehen, variieren je nach Theme. Wir zeigen Ihnen jedoch, wie Sie mit dem Astra-Theme eine Seitenleiste hinzufügen, damit Sie eine Vorstellung davon haben, was zu tun ist.
Sehen Sie sich den linken Bereich im Customizer an und finden Sie die Überschrift „Seitenleiste“. Klicken Sie auf diese Überschrift, um die Anpassungsoptionen für Ihre Seitenleiste zu öffnen.
Auf dem nächsten Bildschirm können Sie aus den folgenden Seitenleistenoptionen wählen:
- Standardlayout – Keine Seitenleiste, rechte Seitenleiste oder linke Seitenleiste.
- Seiten – Wo soll die Seitenleiste auf einzelnen Seiten angezeigt werden?
- Beiträge – Wo Sie Ihre Seitenleiste bei einzelnen Beiträgen anzeigen können.
- Archiv – Wie Ihre Seitenleiste auf Archivseiten wie Ihrer Blog-Seite aussieht.
Auf derselben Seite können Sie auch die Breite Ihrer Seitenleiste auswählen. Wenn Sie mit dem Layout Ihrer Seitenleiste zufrieden sind, klicken Sie auf Veröffentlichen Taste.
Nachdem Sie Ihr Seitenleistenlayout ausgewählt haben, können Sie mit dem Hinzufügen von Widgets beginnen. Suchen Sie dazu im WordPress-Customizer-Menü nach der Überschrift „Widgets“ und klicken Sie darauf, um die Einstellungen zu öffnen.
Auf dem nächsten Bildschirm wird eine Liste der Seitenleisten angezeigt, die derzeit für diese bestimmte Seite verfügbar sind. Klicken Sie also auf die Seitenleiste, die Sie anpassen möchten.
Jetzt sehen Sie einen Seitenleisten-Builder, der bereit ist, die von Ihnen ausgewählten Widgets anzuzeigen. Klicken Sie auf das Pluszeichen (+), um nach einem Block oder Widget zu suchen, das Sie in Ihrer Seitenleiste anzeigen möchten.
Wenn Sie auf einen Block klicken, wird er automatisch zu Ihrer Seitenleiste hinzugefügt.
Fügen Sie Ihrer Seitenleiste so lange Widgets hinzu, bis sie Ihren Wünschen entspricht. Klicken Sie dann auf Veröffentlichen Klicken Sie auf die Schaltfläche, um Ihre Änderungen zu speichern.
Wenn Sie nun Ihre Seite besuchen, sehen Sie Ihre benutzerdefinierte WordPress-Seitenleiste.
Die folgende Methode verwendet den WordPress-Widgets-Bildschirm, um WordPress eine Seitenleiste hinzuzufügen. Es ähnelt der vorherigen Methode, ermöglicht Ihnen jedoch nur das Hinzufügen von Widgets zu Ihrer Seitenleiste, anstatt die Platzierung Ihrer Seitenleiste zu ändern.
Gehe zu Aussehen ≫ Widgets aus Ihrem WordPress-Dashboard, um diese Methode zu verwenden. Auf diesem Bildschirm können Sie alle Seitenleisten sehen, die Ihr Theme derzeit unterstützt.
In unserem Fall umfasst das Theme 4 anpassbare Seitenleistenbereiche:
- Haupt-Seitenleiste
- Header
- Abschnitt 1 der Fußzeilenleiste
- Fußzeile Baar Abschnitt 2
Das Hinzufügen von Widgets zu Ihrer Seitenleiste ähnelt dem vorherigen Schritt. Klicken Sie einfach auf das Plus-Symbol und suchen Sie nach den Widgets, die Sie Ihrer Seitenleiste hinzufügen möchten.
Wenn Sie mit der Erstellung Ihrer Seitenleiste fertig sind, klicken Sie auf Aktualisieren Taste. Jetzt können Sie Ihre Website besuchen und Ihre neue Seitenleiste sehen.
Das war es fürs Erste!
Wir hoffen, dass dieser Artikel Ihnen dabei geholfen hat, zu lernen, wie Sie ganz einfach eine Seitenleiste in WordPress hinzufügen.
Der einfachste Weg, die vollständige Kontrolle über Ihre Seitenleiste zu erlangen, ist mit SeedProd. Es bietet einen visuellen Drag-and-Drop-Builder, Sie müssen weder Code noch Theme-Dateien direkt bearbeiten und Sie können Ihre Seitenleiste direkt im WordPress-Dashboard anpassen.
Vielleicht gefällt Ihnen auch dieser Beitrag über die besten Lead-Magnet-Beispiele, um Ihre Liste zu erweitern.
Danke fürs Lesen. Bitte folgen Sie uns weiter YouTube, TwitterUnd Facebook für weitere hilfreiche Inhalte zum Wachstum Ihres Unternehmens.
