Verwendung von Shortcodes in WordPress Sidebar Widgets

Unserer Erfahrung nach ist eines der grundlegenden Dinge, die Sie in WordPress lernen sollten, die Verwendung von Shortcodes in Ihren Sidebar-Widgets.

Das liegt daran, dass viele Plugins Shortcodes verwenden, um ihre Inhalte anzuzeigen, anstatt eigene Widgets zu haben. Wenn Sie wissen, wie man Shortcodes in Seitenleisten verwendet, können Sie mehr mit Ihrer Website machen und das Beste aus den verschiedenen Plugins herausholen.

Dieser Artikel zeigt Ihnen, wie Sie Shortcodes in Ihren WordPress-Seitenleisten-Widgets verwenden können. Wir behandeln Methoden sowohl für klassische Themes als auch für Block-Themes.

Warum sollten Sie Shortcodes in Ihren WordPress Sidebar Widgets verwenden?

Mit Shortcodes können Sie Ihrer Website erweiterte Inhalte und Funktionen hinzufügen, darunter Kontaktformulare, Tabellen, Top-Kommentatoren und vieles mehr. WordPress verfügt über mehrere integrierte Shortcodes, aber einige Plugins fügen auch ihre eigenen Shortcodes hinzu.

Sie können zum Beispiel Instagram-Fotos in der WordPress-Seitenleiste anzeigen, indem Sie einen Shortcode verwenden, der von Smash Balloon Instagram Feed bereitgestellt wird.

Dieser Inhalt wird dann auf Ihrer gesamten WordPress-Website angezeigt, sodass Sie ihn nicht manuell zu jeder Seite und jedem Beitrag hinzufügen müssen. Das kann Ihnen viel Zeit und Mühe ersparen und hilft, das Design Ihrer Website konsistent zu halten.

In diesem Sinne sehen wir uns einige verschiedene Möglichkeiten an, wie Sie Shortcodes in den WordPress-Sidebar-Widgets hinzufügen und verwenden können. Verwenden Sie einfach die Quicklinks unten, um direkt zur gewünschten Methode zu springen.

Methode 1: Hinzufügen eines Shortcodes zum WordPress-Block-Widget-Editor (klassische Themes)

Die meisten kostenlosen und kostenpflichtigen klassischen WordPress-Themes verfügen über Widget-fähige Seitenleisten. In diesem Sinne können Sie oft einfach ein Shortcode-Widget in die Seitenleiste Ihrer Website einfügen.

Gehen Sie zunächst in Ihrem Dashboard auf Darstellung “ Widgets. Hier sehen Sie alle verschiedenen Bereiche, in denen Sie Widgets in WordPress hinzufügen können, einschließlich der Seitenleiste.

Klicken Sie einfach auf die Schaltfläche „+ Block hinzufügen“ und beginnen Sie mit der Eingabe von „Shortcode“.

Wenn der rechte Block angezeigt wird, ziehen Sie ihn auf die WordPress-Seitenleiste.

Sie können nun Ihren Shortcode in den Block einfügen.

Wenn Sie fertig sind, vergessen Sie nicht, auf „Aktualisieren“ zu klicken, damit die Änderungen wirksam werden.

Sie können nun Ihren WordPress-Blog oder Ihre Website besuchen, um den Shortcode in Aktion zu sehen.

Methode 2. Hinzufügen eines Shortcodes zum vollständigen Site-Editor (Block-Themes)

Wenn Sie ein Block-Theme verwenden, können Sie mit dem Full Site Editor einen Shortcode in die Seitenleiste einfügen. Gehen Sie in Ihrem WordPress-Dashboard zu Themes „ Editor.

Sie sehen nun einige Einstellungen zur Bearbeitung Ihres Blockthemas.

Um die Seitenleiste Ihres Themas zu bearbeiten, müssen Sie normalerweise auf das Menü„Muster“ klicken.

Blättern Sie nun nach unten zu ‚Vorlagenteile‘.

Hier finden Sie die Standardvorlagenteile Ihres Blockthemas, wie Kopf- und Fußzeilen und Seitenleisten. Klassische Themen kategorisieren diese Elemente in der Regel als Widget-Bereiche.

Wie bei den klassischen Themen kann es sein, dass Ihr Blockthema keine Seitenleistenvorlage enthält. In diesem Fall müssen Sie eine solche selbst erstellen. Wie das geht, können Sie in unserem Leitfaden für Einsteiger zur vollständigen Bearbeitung von WordPress-Sites nachlesen.

Sobald Sie Ihre Seitenleiste gefunden haben, klicken Sie einfach darauf.

Als Nächstes klicken Sie auf die Schaltfläche „Bearbeiten“ mit dem Bleistift.

Dadurch gelangen Sie zum Block-Editor, um die Seitenleiste zu bearbeiten.

Nun können Sie, wie bei der Verwendung des Blockeditors, an beliebiger Stelle auf die Schaltfläche „+ Block hinzufügen“ klicken.

Wählen Sie anschließend den Block „Shortcode“ aus.

Danach fügen Sie den Shortcode wie gewohnt ein.

Klicken Sie dann auf „Speichern“, um Ihre Änderungen zu übernehmen.

Pro-Tipp: Wenn Sie vor kurzem von einem klassischen auf ein Block-Theme umgestiegen sind und Ihr altes Sidebar-Widget als Block verwenden möchten, lesen Sie unsere Anleitung, wie man ein WordPress-Widget in einen Block umwandelt.

Methode 3: Verwendung des benutzerdefinierten HTML-Widgets (besser anpassbar)

Manchmal möchten Sie vielleicht andere Inhalte zusammen mit dem Shortcode anzeigen. Zum Beispiel kann RafflePress einen Wettbewerb oder ein Werbegeschenk in Ihrer Seitenleiste mit einem Shortcode hinzufügen. Um noch mehr Aufmerksamkeit auf das Gewinnspiel zu lenken, möchten Sie vielleicht eine Überschrift über dem Gewinnspiel anzeigen.

Anstatt separate Shortcode- und Überschriftenblöcke zu erstellen, können Sie den Shortcode und den Text einfach in einen benutzerdefinierten HTML-Block einfügen.

Dies hilft Ihnen, die verschiedenen Inhalte in einem schönen Layout anzuordnen. Sie können den Block auch mit HTML gestalten, so dass Sie genau kontrollieren können, wie er in der Seitenleiste aussieht.

Weitere Details finden Sie in unserem vollständigen RafflePress Testbericht.

Der benutzerdefinierte HTML-Block unterstützt standardmäßig keine Shortcodes, aber Sie können dies leicht ändern, indem Sie benutzerdefinierten Code zu WordPress hinzufügen. Nachdem Sie diesen Code hinzugefügt haben, können Sie Shortcodes in jedem benutzerdefinierten HTML-Block auf Ihrer gesamten WordPress-Website verwenden.

Oft finden Sie Anleitungen, wie Sie benutzerdefinierten Code in die Datei functions.php Ihrer Website einfügen können. Dies ist jedoch nicht empfehlenswert, da Fehler im Code zu häufigen WordPress-Fehlern führen oder sogar Ihre Website komplett zerstören können.

An dieser Stelle kommt WPCode ins Spiel.

Dieses kostenlose Plugin erleichtert das Hinzufügen von benutzerdefiniertem CSS, PHP, HTML und mehr zu WordPress, ohne Ihre Website zu gefährden. Noch besser ist, dass es eine Bibliothek mit vorgefertigten Snippets enthält, einschließlich Code, mit dem Sie Shortcodes in Text-Widgets verwenden können.

Um zu beginnen, müssen Sie WPCode installieren und aktivieren. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Danach gehen Sie im WordPress-Dashboard auf Code Snippets “ Snippet hinzufügen. Sie können nun beginnen, „Shortcode“ einzugeben.

Wenn sie erscheint, fahren Sie mit der Maus über den folgenden Ausschnitt: ‚Shortcode-Ausführung in Text-Widgets aktivieren‘.

Sie können dann auf „Snippet verwenden“ klicken.

Dadurch wird das Snippet im WPCode-Editor geöffnet. WPCode konfiguriert die Snippet-Einstellungen für Sie, sodass Sie einfach auf den Schalter „Inaktiv“ klicken können, damit er blau wird.

Klicken Sie anschließend auf „Aktualisieren“, um das Snippet zu aktivieren.

Jetzt können Sie jedem Textwidget einen Shortcode hinzufügen.

Gehen Sie einfach auf Erscheinungsbild “ Widgets und geben Sie in die Suchleiste „Custom HTML“ ein.

Wenn der rechte Block erscheint, ziehen Sie ihn in die Seitenleiste Ihrer Website.

Danach können Sie den HTML-Code und den Shortcode in den Block einfügen.

Wenn Sie mit der Einrichtung des Widgets zufrieden sind, klicken Sie auf „Aktualisieren“.

Wenn Sie nun Ihre Website besuchen, sehen Sie den Shortcode und das benutzerdefinierte HTML live.

FAQs: Verwendung von Shortcodes in WordPress Sidebar Widgets

Unabhängig davon, welches Theme Sie verwenden, sollten Sie in der Lage sein, mit einer der oben genannten Methoden Shortcodes in die Seitenleiste einzufügen.

Wenn Sie jedoch zusätzliche Hilfe benötigen, finden Sie hier einige der am häufigsten gestellten Fragen zum Hinzufügen von Shortcodes zur Seitenleiste.

Wie ändere ich, wo das Seitenleisten-Widget angezeigt wird?

Die Position der Seitenleiste wird von Ihrem WordPress-Theme gesteuert. Wenn Sie mit der Position der Seitenleiste nicht zufrieden sind, können Sie sie möglicherweise in den Theme-Einstellungen ändern.

Bei vielen WordPress-Themes können Sie zwischen verschiedenen Layouts wählen. Dazu gehört oft auch, dass die Seitenleiste auf verschiedenen Seiten des Bildschirms angezeigt wird.

Sie können den WordPress Theme Customizer oder den Full Site Editor aufrufen, um die verfügbaren Seitenleistenbereiche zu sehen.

Wie füge ich eine Seitenleiste zu meinem WordPress-Theme hinzu?

Wenn Ihr Theme keine Seitenleiste hat, können Sie ein Child-Theme erstellen und dann eine Seitenleiste per Code hinzufügen.

Weitere Informationen finden Sie in unserer Anleitung zum Hinzufügen von benutzerdefinierten Kopf- und Fußzeilen sowie Seitenleisten in WordPress.

Wenn Sie keine Lust haben, Code zu schreiben, können Sie auch ein eigenes WordPress-Theme mit einem Plugin wie SeedProd erstellen. Mit diesem beliebten Plugin für die Seitenerstellung können Sie Ihr eigenes Thema und Ihre Seitenleiste mit einem einfachen Drag-and-Drop-Editor gestalten.

Eine Schritt-für-Schritt-Anleitung finden Sie in unserem Leitfaden zur Erstellung eines benutzerdefinierten WordPress-Themes ohne Code.

Wie verwende ich einen anderen Shortcode in jedem Beitrag oder auf jeder Seite?

Manchmal möchten Sie vielleicht verschiedene Shortcodes für einige Ihrer Beiträge und Seiten verwenden. Zum Beispiel könnten Sie die beliebtesten Beiträge auf Ihrer Archivseite anzeigen und Anzeigen auf Ihrer Homepage einblenden.

Weitere Informationen finden Sie in unserer Anleitung, wie Sie in WordPress für jeden Beitrag und jede Seite unterschiedliche Seitenleisten anzeigen können.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie Sie einfach Shortcodes zu Ihren WordPress-Seitenleisten-Widgets hinzufügen können. Vielleicht interessieren Sie sich auch für unsere Anleitung zum Ein- und Ausblenden von Widgets auf bestimmten WordPress-Seiten und unsere Expertenauswahl der besten Gutenberg-freundlichen Themes.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.