Was ist WordPress Sidebar

Eine WordPress-Seitenleiste ist ein Bereich eines Website-Layouts, der sich in der Regel auf der linken oder rechten Seite einer Seite befindet, aber auch am oberen oder unteren Rand einer Seite angeordnet sein kann. Die Hauptfunktion einer Seitenleiste besteht darin, zusätzliche Inhalte anzuzeigen, die Navigation zu ermöglichen und die Benutzerfreundlichkeit zu verbessern. Sie enthält in der Regel verschiedene Widgets (Gadgets) wie Suchfelder, aktuelle Beiträge, Kleinanzeigen, Tag-Clouds, Links zu sozialen Medien, Werbung, Kalender und benutzerdefinierten HTML-Code.

Beispiele für Website-Seitenleisten

1.Wikipedia (Online-Enzyklopädie)

2. elementorHilfe-Center

Sidebar Hauptfunktionen und Verwendungszwecke

1. Navigation, SucheSidebars: Sidebars können das Navigationsmenü und das Suchfeld einer Website enthalten und helfen den Nutzern, die Inhalte, die sie interessieren, leichter zu finden.
2. Neueste Inhalte ShowcaseDurch die Anzeige der neuesten Beiträge, Kommentare oder beliebten Artikel kann die Seitenleiste die Nutzer zum Klicken anregen und die Seitenaufrufe erhöhen.
3. Werbung und VerkaufsförderungSidebars: Sidebars sind ideal für die Darstellung von Anzeigen oder Werbeinhalten, die die Aufmerksamkeit der Nutzer auf sich ziehen können.
4. Links zu sozialen MedienDurch das Hinzufügen von Social-Media-Symbolen und -Links in der Seitenleiste kann eine Website die Nutzer ermutigen, Inhalte auf sozialen Plattformen zu teilen und so die Präsenz der Website zu erhöhen.
5. Maßgeschneiderte InhalteSidebars: In Sidebars können benutzerdefinierter HTML-Code, Text oder andere Inhalte hinzugefügt werden, um mehr Personalisierung und Funktionalität zu bieten.

Verwalten von Seitenleisten über den WordPress Customiser

Eine der wichtigsten Möglichkeiten zur Verwaltung von Theme-Seitenleisten ist der WordPress Customiser. Wenn Ihr Theme Seitenleisten und Anpassungen unterstützt, werden sie normalerweise hier angezeigt.

Wo genau die Einstellungen zu finden sind, hängt vom jeweiligen Theme ab, aber in der Regel müssen Sie nach Optionen wie Layout-Einstellungen, Allgemeine Einstellungen oder Site-weite Einstellungen suchen.

Wenn Sie zum Beispiel ein OceanWP-Theme verwenden, können Sie in den allgemeinen Einstellungen verschiedene Konfigurationen für die Seitenleiste auswählen, z. B. rechte Seitenleiste, linke Seitenleiste oder sowohl linke als auch rechte Seitenleiste, und Sie können auch die Breite der Seitenleiste konfigurieren.

Wenn Sie diese Einstellungen nicht finden können, versuchen Sie, die verschiedenen Bereiche im WordPress-Anpassungsprogramm zu erkunden. Oder schauen Sie in der Support-Dokumentation des Theme-Entwicklers nach.

Verwalten von Seitenleisten für einzelne Inhalte

Einige Themes bieten auch Einstellungen auf Seitenebene, mit denen Sie die Seitenleisten einzelner Beiträge oder Seiten steuern können.

Wenn das Theme über diese Funktion verfügt, können Sie diese Optionen bei der Verwendung des WordPress-Editors sehen. Sie können in der Metabox unterhalb des Editors oder in der Seitenleiste des Dokuments angezeigt werden.

Wenn Sie beispielsweise das OceanWP-Theme verwenden, können Sie verschiedene Seitenleistenlayouts für einzelne Seiten oder Beiträge auswählen.

Wie man Widgets zur WordPress-Seitenleiste hinzufügt

Die Seitenleiste ist ein Bereich auf der Website, in dem dieInhalt hinzufügenWenn Sie WordPress-Widgets verwenden möchten, müssen Sie WordPress-Widgets verwenden.

Sie können der Seitenleiste Ihres Themas auf zwei Arten Widgets hinzufügen:

1. WordPress-Anpassungsprogramm
2. Dedizierter Widget-Bereich

Beide Methoden werden automatisch synchronisiert, so dass Sie beide Methoden verwenden können. Der Vorteil der Verwendung des WordPress-Anpassungsprogramms ist, dass Sie die Wirkung des Widgets in Echtzeit in der Vorschau sehen können.

Widgets über den WordPress Customiser verwalten

Gehen Sie folgendermaßen vor, um Widgets für die Seitenleiste über den WordPress Customizer zu verwalten:

1. umschalten Erscheinungsbild → Benutzerdefiniert.

2. Option Widgets Menü Optionen.
3. Sie werden aufgefordert, auszuwählen, welche Widgetbereiche Sie verwalten möchten. Je nach Thema wird nur eine Option angezeigt, oder es werden mehrere Optionen angezeigt, darunter auch Bereiche außerhalb der Seitenleiste (z. B. Fußzeilen).

4. Klicken Sie dann auf"Widget hinzufügen"um mit dem Hinzufügen des Widgets zur Seitenleiste zu beginnen. Sobald das Widget hinzugefügt wurde, konfigurieren Sie es mithilfe der Optionen in der Seitenleiste:

Wenn Sie neue Widgets hinzufügen, werden diese sofort in einer Live-Vorschau der Website angezeigt. Es ist auch möglich, die Reihenfolge der vorhandenen Widgets per Drag & Drop neu anzuordnen.

Neben dem Customizer bietet WordPress auch einen eigenen Bereich für die Verwaltung von Widgets. Sie können ihn einfach über die Option "Widgets" im Menü "Erscheinungsbild" aufrufen.

In diesem Bereich sehen Sie alle Widgets, die zu Ihrer Website hinzugefügt werden können, sowie den Bereich der Seitenleiste, der zu Ihrem Thema gehört (und möglicherweise andere Widget-Bereiche, wie die Fußzeile).

Um ein Widget zu Ihrer Website hinzuzufügen, ziehen Sie es einfach per Drag & Drop aus der Liste der verfügbaren Widgets in die Seitenleiste oder einen anderen Bereich, in dem Sie es platzieren möchten. Danach können Sie das Widget weiter anpassen, indem Sie auf die Schaltfläche "Einstellungen" klicken, um den Inhalt anzupassen, z. B. den Text zu ändern, ein Bild auszuwählen usw:

Benutzerdefinierte Widgets mit Elementor entwerfen

Mit Elementor Pro ist es ganz einfach, benutzerdefinierte Widgets zu entwerfen und sie zu Ihrer Seitenleiste hinzuzufügen. Hier erfahren Sie, wie Sie Elementor s intuitiver Benutzeroberfläche können Sie Schritt für Schritt benutzerdefinierte Widgets erstellen und hinzufügen:

Öffnen Sie zunächst das WordPress-Backend und navigieren Sie zum Abschnitt "Templates" von Elementor und wählen Sie "Neuen Artikel hinzufügen", um eine neue Abschnittsvorlage zu erstellen. Diese Vorlage kann alles sein, was Sie präsentieren möchten, z. B. ein E-Mail-Abonnementformular oder eine ansprechende Call-to-Action-Phrase (CTA).

Wenn Sie eine Vorlage erstellen, verwenden Sie die Drag-and-Drop-Oberfläche von Elementor, um verschiedene Elemente wie Text, Bilder, Schaltflächen und mehr einfach hinzuzufügen und zu gestalten. Klicken Sie auf die Schaltfläche Veröffentlichen, um Ihre Vorlage in der Bibliothek zu speichern, wenn Sie fertig sind.

Gehen Sie dann zu dem Bereich der Seitenleiste, in dem Sie dieses benutzerdefinierte Widget anzeigen möchten. Suchen Sie das "Elementor-BibliothekWidget". Nach dem Hinzufügen wird eine Dropdown-Liste mit Vorlagen angezeigt, aus der Sie wählen können. Wählen Sie aus dieser Liste die spezifische Vorlage aus, die Sie gerade erstellt haben.

Wie man eine benutzerdefinierte Seitenleiste in WordPress hinzufügt

Wenn Sie eine benutzerdefinierte Seitenleiste zu Ihrer WordPress-Website hinzufügen möchten, Ihr Theme aber keine integrierte Seitenleistenunterstützung bietet oder Sie mehr Seitenleisten hinzufügen möchten, können Sie diese einfachen Schritte ausführen:

Schritt 1: Registrieren Sie sich für benutzerdefinierte Seitenleisten

Registrieren Sie zunächst die Seitenleiste bei WordPress, damit sie in der "Erscheinungen" → "Widgets"Seite. Sie können den Code auf die folgenden zwei Arten hinzufügen:

1. Bearbeiten Sie die Datei functions.php des Themas(Beachten Sie, dass es möglicherweise nicht sicher ist, die Theme-Datei direkt zu bearbeiten, daher ist es am besten, ein Child-Theme zu verwenden):
   • Erstellen Sie ein Child-Theme (wenn es noch nicht existiert).
   • Fügen Sie den Code zur Registrierung der Seitenleiste in die Datei functions.php des Child-Themes ein.
2. Verwendung des Code Snippet Plugin(z. B. Code Snippets, Plug-ins zum Einfügen von Kopf- und Fußzeilen):
   • Installieren und aktivieren Sie das Code Snippets-Plugin.
   • Erstellen Sie ein neues Code-Snippet und fügen Sie den Code für die Registrierung der Seitenleiste hinzu.

Beispielcode für die Registrierung einer Seitenleiste::

function my_custom_sidebars() {
    register_sidebar(array(
        
        'id' => 'custom-sidebar-1',
        
        'before_widget' =&gt; '<div id="%1$s" class="widget %2$s">',
        after_widget' =&gt; '</div>',
        'before_title' =&gt; '<h2 class="widgettitle">',
        'after_title' =&gt; '</h2>',
    ));

    // Wenn Sie mehr Seitenleisten benötigen, kopieren Sie den obigen Code und ändern Sie die Parameter 'name', 'id' und andere
}
add_action( 'widgets_init', 'my_custom_sidebars' );

Schritt 2: Seitenleiste auf dem Frontend anzeigen

Seitenleisten werden registriert und müssen in der Front-End-Vorlagendatei enthalten sein (z. B. header.phpundsidebar.phpundfooter.php oder Single-Page-Template-Dateien) aufzurufen, um eine Seitenleiste auf der Website anzuzeigen. Dies beinhaltet normalerweise die Verwendung der dynamic_sidebar() Funktionen und geeignete bedingte Beurteilungen.

Zum Beispiel in der Datei sidebar.php:

Dieser Code prüft, ob die Seitenleiste mit dem Namen "custom-sidebar-1" das aktive Widget enthält und zeigt es an, wenn dies der Fall ist.

Nachdem Sie diese Schritte ausgeführt haben, können Sie die neue Seitenleiste auf der Seite Erscheinungsbild → Widgets sehen und ihr Widgets hinzufügen.

Wie man eine Seitenleiste mit Elementor erstellt

Um eine benutzerdefinierte Seitenleiste mit Elementor anzuzeigen, erstellen Sie eine neue Beitrags- oder Seitenvorlage, die sowohl die Seitenleiste als auch den Hauptinhaltsbereich enthält.

Gehen Sie zunächst zuVorlagen → Theme Builder. Wählen Sie dann aus, wo die Seitenleiste zuerst eingefügt werden soll - die Einzelner PostenvielleichtEinzelne Seite::

Sie können eine der vorgefertigten Vorlagen wählen. Oder Sie erstellen Ihr Design komplett von Grund auf neu. Am einfachsten ist es, wenn Sie nur eine der Vorlagen wählen, die bereits eine Seitenleiste enthalten:

Bearbeiten Sie dann dieeine Seitenleiste (in Software)Widget und verwenden Sie dasSeitenleiste auswählenIn der Dropdown-Liste wird die benutzerdefinierte Seitenleiste ausgewählt, die im vorherigen Schritt registriert wurde.

Sobald dies geschehen ist, sollten Sie eine Live-Vorschau aller hinzugefügten Widgets sehen:

Um die Aufgabe abzuschließen und sicherzustellenBeitragVorlage. Wenn Sie diese Aktion ausführen, können Sie mithilfe von Anzeigebedingungen steuern, wo die Seitenleistenvorlage angezeigt wird. Zeigen Sie sie in allen Inhalten an (um die Seitenleiste seitenübergreifend zu verwenden). Oder verwenden Sie Anzeigeregeln, um die Seitenleiste nur in bestimmten Inhalten anzuzeigen.

Wenn Sie mit HTML, CSS oder PHP vertraut sind, können Sie eine Seitenleiste im Code hinzufügen. Ansonsten wird empfohlen, dass Sie Elementor Methoden.

Um eine benutzerdefinierte Seitenleiste in WordPress per Code anzuzeigen, müssen Sie die Template-Datei des Themes direkt bearbeiten. Da dabei das Theme direkt geändert wird, ist es wichtig, ein Child-Theme zu verwenden, um zu verhindern, dass Ihre Änderungen beim Aktualisieren des Themes überschrieben werden.

Weitere Informationen zur Erstellung und Verwendung von Child-Themes finden Sie im Comprehensive Guide to WordPress Child Themes.

Nachdem Sie ein untergeordnetes Thema erstellt haben, verschieben Sie den Ordner des übergeordneten Themas single.php Datei in den Ordner des untergeordneten Themas kopiert wird. Bearbeiten Sie dann das Child-Theme im Ordner single.php und fügen Sie den folgenden Codeschnipsel an der Stelle ein, an der die benutzerdefinierte Seitenleiste angezeigt werden soll:

<?php get_sidebar(); ?>

Wie man die Seitenleiste in WordPress entfernt

So entfernen Sie eine Seitenleiste, die Sie nicht verwenden möchten. Beispiel: Ihr Theme verfügt über eine Seitenleiste, aber Sie möchten, dass einige oder alle Inhalte die Vorlage in voller Breite verwenden.

Um die Seitenleiste in WordPress zu entfernen, haben Sie zwei Möglichkeiten:

1. Elementor Pro verwenden
2. Verwendungscode

Bevor Sie diese Methoden anwenden, sollten Sie prüfen, ob Ihr Theme über eine integrierte Funktion zum Deaktivieren der Seitenleiste verfügt. Viele Themes bieten Optionen in der WordPress-Anpassung, um die Seitenleiste zu deaktivieren, ohne dies manuell tun zu müssen. Oder das Theme verfügt über eine Vorlage mit voller Breite, die im WordPress-Editor ausgewählt werden kann.

Wenn Ihr Theme nicht über diese Optionen verfügt, folgen Sie diesen Schritten, um die Seitenleiste manuell zu entfernen.

Entfernen von Seitenleisten mit Elementor

Um die WordPress-Seitenleiste mit Elementor zu entfernen, müssen Sie eine Vorlage erstellen, die den Seitenleistenbereich nicht enthält. Die Schritte sind wie folgt:

1. Eine Vorlage erstellen: Weiter zu "Vorlage" → "Thema GenerationWare", wählen Sie die Stelle aus, an der Sie die Seitenleiste entfernen möchten, z. B. einen einzelnen Beitrag oder eine einzelne Seite.
2. weltweite AnwendungWenn Sie die Seitenleiste auf Ihrer gesamten Website entfernen möchten, können Sie diese Vorlage verwenden, um alles abzudecken.
3. lokale AnwendungWenn Sie die Seitenleiste nur auf bestimmten Seiten entfernen möchten, können Sie eine Vorlage ohne Seitenleiste wählen, wo Sie sie benötigen.

Wenn Sie fertig sind, können SieBeitragVorlage und verwenden Sie Anzeigebedingungen, um zu steuern, wo sie angezeigt wird.

WordPress-Seitenleiste mit Code entfernen

Sie können die WordPress-Sidebar entfernen, indem Sie die Template-Datei des Themes direkt bearbeiten. Die Schritte sind wie folgt:

1. Untergeordnete Themen verwendenStellen Sie sicher, dass Sie ein Child-Theme verwenden, da Sie die Theme-Dateien bearbeiten müssen. Dadurch wird verhindert, dass eine Aktualisierung des Themes Ihre Änderungen überschreibt.
2. Kopieren von VorlagendateienDie Vorlagendatei, die aus der Seitenleiste entfernt werden muss (z. B. single.phpundarchiv.php usw.) vom übergeordneten Thema in den Ordner des untergeordneten Themas.
3. Bearbeiten von Vorlagendateien: Öffnen Sie diese Dateien und löschen Sie alle ähnlichen <?php get_sidebar(); ?> Snippet (der Code kann etwas anders sein, aber im Grunde ruft er die Seitenleiste auf).
4. Anpassen von HTML und CSSAnpassung des HTML- und CSS-Codes nach Bedarf, um sicherzustellen, dass das Seitenlayout korrekt ist.

Wie zeigt man verschiedene Seitenleisten für unterschiedliche Inhalte an?

Zuvor haben wir besprochen, wie Sie eine Seitenleiste in WordPress hinzufügen können, auch wenn Ihr Theme sie nicht unterstützt. Was aber, wenn Sie verschiedene Seitenleisten für verschiedene Inhalte anzeigen möchten? So können Sie verschiedene Sammlungen von Widgets für verschiedene Arten von Inhalten anzeigen.

Sie können beispielsweise einen Satz von Widgets für Blogbeiträge in der Kategorie "Bewertungen" und einen anderen Satz von Widgets für Blogbeiträge in der Kategorie "Anleitungen" verwenden.

ausnutzen Elementor Verschiedene Seitenleisten anzeigen

Dies ist der einfachste Weg und Sie können die folgenden Schritte befolgen:

1. Eine Vorlage erstellenZunächst erstellen Sie mehrere Elementor-Vorlagen, die jeweils eine eigene Seitenleiste enthalten.
2. Bedingungen festlegenDann gehen Sie zu Bedingungseinstellungen, um jede Vorlage einer entsprechenden Kategorie, Seite oder anderen Bedingung zuzuordnen.

Verwendung des Content-Aware Sidebar Plugin

Eine andere Möglichkeit ist die Verwendung des kostenlosen Plugins "Content-Aware Sidebar". Nachdem Sie das Plugin installiert und aktiviert haben, folgen Sie diesen Schritten:

1. Neue Seitenleiste hinzufügen: Gehen Sie zu "Content Aware → Neu hinzufügen".
2. Bedingungen festlegenWählen Sie die Bedingung, durch die Sie die Standardseitenleiste ersetzen möchten. Wenn Sie zum Beispiel diese Seitenleiste für alle Blogbeiträge in der Kategorie "Kommentare" verwenden möchten, erstellen Sie eine Kategoriebedingung.

3. umschalten"Operation"und wählen Sie die Seitenleiste, die Sie ersetzen möchten. Alternativ können Sie die Seitenleisten auch "zusammenführen", um den Inhalt beider Seitenleisten zu übernehmen:

4. Nachdem Sie Ihre Auswahl getroffen haben, klicken Sie auf"Erstellen". Dann gehen Sie zuErscheinungsbild → Widgetsum der bedingten Seitenleiste Inhalte hinzuzufügen:

Zusammenfassung:

Mit Elementor oder Code können Sie verschiedene Widgetsammlungen für unterschiedliche Inhaltstypen einrichten und das Plugin "Content-Aware Sidebar" für erweiterte Anpassungen verwenden. Ob über den WordPress Customiser oder die manuelle Bearbeitung einer Vorlagendatei, dieser Leitfaden bietet umfassende Schritte und Methoden für eine Vielzahl von Benutzeranforderungen.