Nach unserer Erfahrung ist eines der grundlegenden Dinge, die Sie in WordPress lernen sollten, die Verwendung von Shortcodes in Ihren Seitenleisten-Widgets.
Das liegt daran, dass viele Plugins Shortcodes verwenden, um ihre Inhalte anzuzeigen, anstatt eigene Widgets zu haben. Zu wissen, wie man Shortcodes in Seitenleisten verwendet, ermöglicht es Ihnen, mehr mit Ihrer Website zu tun und das Beste aus verschiedenen Plugins herauszuholen.
Dieser Artikel zeigt Ihnen, wie Sie Shortcodes in Ihren WordPress-Seitenleisten-Widgets verwenden. Wir behandeln Methoden für klassische Themes und Block-Themes.
Warum Shortcodes in Ihren WordPress-Sidebar-Widgets verwenden?
Shortcodes ermöglichen es Ihnen, erweiterte Inhalte und Funktionen zu Ihrer Website hinzuzufügen, einschließlich Kontaktformularen, Tabellen, Top-Kommentatoren und vielem 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 von Smash Balloon Instagram Feed verwenden.
Diese Inhalte werden dann auf Ihrer gesamten WordPress-Website angezeigt, sodass Sie sie nicht manuell zu jeder Seite und jedem Beitrag hinzufügen müssen. Dies kann Ihnen viel Zeit und Mühe sparen und hilft, das Design Ihrer Website konsistent zu halten.
In diesem Sinne sehen wir uns einige verschiedene Möglichkeiten an, Shortcodes in WordPress-Seitenleisten-Widgets hinzuzufügen und zu verwenden. Verwenden Sie einfach die Schnelllinks unten, um direkt zu der Methode zu springen, die Sie verwenden möchten.
- Methode 1: Hinzufügen von Shortcodes zum WordPress Block Widget Editor (Klassische Themes)
- Methode 2. Hinzufügen von Shortcodes zum Full Site Editor (Block-Themes)
- Method 3: Using the Custom HTML Widget (More Customizable)
Methode 1: Hinzufügen von Shortcodes zum WordPress Block Widget Editor (Klassische Themes)
Die meisten kostenlosen und kostenpflichtigen klassischen WordPress-Themes werden mit widget-fähigen Seitenleisten geliefert. In diesem Sinne können Sie oft einfach ein Shortcode-Widget zu Ihrer Website-Seitenleiste hinzufügen.
Zuerst gehen Sie in Ihrem Dashboard zu 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 richtige Block erscheint, ziehen Sie ihn auf die WordPress-Seitenleiste.
Sie können jetzt Ihren Shortcode zum Block hinzufügen.
Wenn Sie fertig sind, vergessen Sie nicht, auf „Aktualisieren“ zu klicken, um die Änderungen live zu schalten.
Sie können jetzt Ihren WordPress-Blog oder Ihre Website besuchen, um den Shortcode in Aktion zu sehen.
Methode 2. Hinzufügen von Shortcodes zum Full Site Editor (Block-Themes)
Wenn Sie ein Block-Theme verwenden, können Sie einen Shortcode über den Full Site Editor zur Sidebar hinzufügen. Gehen Sie in Ihrem WordPress-Dashboard zu Themes » Editor.
Sie sehen nun einige Einstellungen, um Ihr Block-Theme zu bearbeiten.
Um die Seitenleiste Ihres Themes zu bearbeiten, müssen Sie normalerweise auf das Menü „Muster“ klicken.
Scrollen Sie nun nach unten zu „Template Parts“.
Hier finden Sie die Standard-Vorlagenteile Ihres Block-Themes, wie Header, Footer und Sidebars. Klassische Themes kategorisieren diese Elemente typischerweise als Widget-Bereiche.
Genau wie klassische Themes kann Ihr Block-Theme eine Seitenleisten-Vorlagenpartie haben oder auch nicht. In diesem Fall müssen Sie möglicherweise selbst eine erstellen. Sie können unseren Leitfaden für Anfänger zur vollständigen Website-Bearbeitung in WordPress lesen, um zu erfahren, wie das geht.
Sobald Sie Ihre Sidebar gefunden haben, klicken Sie einfach darauf.
Klicken Sie dann einfach auf den Bleistift 'Bearbeiten'-Button.
Dies bringt Sie zum Block-Editor, um die Sidebar zu bearbeiten.
Jetzt können Sie, genau wie bei der Verwendung des Block-Editors, überall auf die Schaltfläche „Block hinzufügen“ klicken.
Wählen Sie danach den Block „Shortcode“ aus.
Sobald Sie fertig sind, fügen Sie den Shortcode einfach wie gewohnt hinzu.
Klicken Sie dann auf „Speichern“, um Ihre Änderungen zu bestätigen.
Profi-Tipp: Wenn Sie kürzlich von einem klassischen Theme zu einem Block-Theme gewechselt sind und Ihr altes Sidebar-Widget als Block verwenden möchten, lesen Sie unseren Leitfaden, wie Sie ein WordPress-Widget in einen Block umwandeln.
Methode 3: Verwendung des benutzerdefinierten HTML-Widgets (flexibler)
Manchmal möchten Sie möglicherweise neben dem Shortcode auch andere Inhalte anzeigen. Zum Beispiel kann RafflePress einen Wettbewerb oder eine Verlosung mithilfe eines Shortcodes zu Ihrer Seitenleiste hinzufügen. Um dem Wettbewerb noch mehr Aufmerksamkeit zu schenken, möchten Sie möglicherweise eine Überschrift über dem Wettbewerb anzeigen.
Anstatt separate Shortcode- und Überschriftenblöcke zu erstellen, können Sie einfach den Shortcode und Text zu einem benutzerdefinierten HTML-Block hinzufügen.
Dies hilft Ihnen, die verschiedenen Inhalte in einem schönen Layout anzuordnen. Sie können den Block auch mit HTML gestalten, sodass Sie genau steuern können, wie er in der Seitenleiste aussieht.
Weitere Details finden Sie in unserem vollständigen RafflePress-Testbericht.
Der Custom HTML-Block unterstützt standardmäßig keine Shortcodes, aber Sie können dies ganz einfach ändern, indem Sie benutzerdefinierten Code zu WordPress hinzufügen. Nach dem Hinzufügen dieses Codes können Sie Shortcodes in jedem Custom HTML-Block auf Ihrer gesamten WordPress-Website verwenden.
Oft finden Sie Anleitungen, die Anweisungen zum Hinzufügen von benutzerdefiniertem Code zur functions.php-Datei Ihrer Website enthalten. Dies wird jedoch nicht empfohlen, da Fehler im Code häufige WordPress-Fehler verursachen oder Ihre Website sogar vollständig beschädigen können.
Hier 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, es kommt mit einer Bibliothek von fertigen Snippets, einschließlich Code, der es Ihnen ermöglicht, Shortcodes in Text-Widgets zu verwenden.
Zuerst müssen Sie WPCode installieren und aktivieren. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.
Gehen Sie danach im WordPress-Dashboard zu Code-Snippets » Snippet hinzufügen. Sie können jetzt mit der Eingabe von 'shortcode' beginnen.
Wenn er erscheint, bewegen Sie Ihre Maus über den folgenden Ausschnitt: „Shortcode-Ausführung in Text-Widgets aktivieren.“
Sie können dann auf 'Snippet verwenden' klicken.
Dies öffnet den Snippet im WPCode-Editor. WPCode konfiguriert die Snippet-Einstellungen für Sie, sodass Sie einfach auf den Schalter „Inaktiv“ klicken können, damit er blau wird.
Wenn Sie fertig sind, klicken Sie auf 'Aktualisieren', um den Ausschnitt live zu schalten.
Nun können Sie einen Shortcode zu jedem Text-Widget hinzufügen.
Gehen Sie einfach zu Design » Widgets und geben Sie 'Benutzerdefiniertes HTML' in die Suchleiste ein.
Wenn der richtige Block erscheint, ziehen Sie ihn auf die Seitenleiste Ihrer Website.
Wenn das erledigt ist, können Sie Ihr HTML und Ihren Shortcode zum Block hinzufü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: Shortcodes in WordPress-Seitenleisten-Widgets verwenden
Unabhängig davon, welches Theme Sie verwenden, sollten Sie in der Lage sein, Shortcodes mit einer der oben genannten Methoden zur Sidebar hinzuzufü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 Sidebar-Widget erscheint?
Der Speicherort der Seitenleiste wird von Ihrem WordPress-Theme gesteuert. Wenn Sie mit der Position der Seitenleiste nicht zufrieden sind, können Sie diese möglicherweise über die Theme-Einstellungen ändern.
Viele WordPress-Themes lassen Sie zwischen verschiedenen Layouts wählen. Oft beinhaltet dies die Anzeige der Seitenleiste auf verschiedenen Seiten des Bildschirms.
Sie können zum WordPress Theme Customizer oder zum Full Site Editor gehen, um die verfügbaren Seitenleistenbereiche anzuzeigen.
Wie füge ich eine Sidebar zu meinem WordPress-Theme hinzu?
Wenn Ihr Theme keine Seitenleiste hat, könnten Sie ein Child Theme erstellen und dann per Code eine Seitenleiste hinzufügen.
Sie können unseren Leitfaden zum Hinzufügen benutzerdefinierter Header, Footer und Seitenleisten in WordPress für weitere Informationen lesen.
Wenn Sie nicht gerne Code schreiben, können Sie auch ein benutzerdefiniertes WordPress-Theme mit einem Plugin wie SeedProd erstellen. Sie können dieses beliebte Page-Builder-Plugin verwenden, um Ihr eigenes Theme und Ihre eigene Seitenleiste mit einem einfachen Drag-and-Drop-Editor zu gestalten.
Schritt-für-Schritt-Anleitungen finden Sie in unserem Leitfaden zur einfachen Erstellung eines benutzerdefinierten WordPress-Themes ohne Code.
Wie verwende ich einen anderen Shortcode für jeden Beitrag oder jede Seite?
Manchmal möchten Sie vielleicht verschiedene Shortcodes auf einigen Ihrer Beiträge und Seiten verwenden. Zum Beispiel möchten Sie vielleicht die beliebtesten Beiträge auf Ihrer Archivseite anzeigen und Werbeanzeigen auf Ihrer Homepage anzeigen.
Um mehr zu erfahren, lesen Sie bitte unseren Leitfaden zum Thema Anzeigen unterschiedlicher Seitenleisten für jeden Beitrag und jede Seite in WordPress.
Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie ganz einfach Shortcodes zu Ihren WordPress-Sidebar-Widgets hinzufügen können. Möglicherweise möchten Sie auch unseren Leitfaden zum Anzeigen oder Ausblenden von Widgets auf bestimmten WordPress-Seiten sowie unsere Expertenauswahl der besten Gutenberg-freundlichen Themes sehen.
Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.
Dennis Muthomi
Ich habe festgestellt, dass die Erstellung einer standardisierten Vorlage, die Shortcodes mit benutzerdefiniertem HTML und CSS-Klassen kombiniert, die Aufrechterhaltung einer konsistenten Markenidentität erheblich erleichtert und gleichzeitig Anpassungen für spezifische Kunden ermöglicht.
Die Verwendung von WPCode anstelle der direkten Bearbeitung von functions.php hat mich vor vielen potenziellen Problemen auf verschiedenen Websites bewahrt. Toller Tipp, diesen sichereren Ansatz in den Leitfaden aufzunehmen!
Mrteesurez
Meinen Sie mit der letzten Methode, dass ich Shortcodes in das ursprüngliche HTML-Widget-Feld einfügen und es genauso gut funktionieren lassen kann wie das Shortcode-Widget-Feld?
WPBeginner Support
For now you should be able to
Admin
Ralph
Shortcodes sind eines der besten Dinge in WordPress. Sie sparen so viel Zeit, wenn wir den Code nur an einer Stelle ändern müssen und sich alles andere von selbst aktualisiert. Ich liebe sie!
Ich habe Ad Inserter jahrelang benutzt, aber es ist in der kostenlosen Version auf 20 Shortcodes beschränkt. Ich werde jetzt definitiv auf die WordPress-Methode umsteigen, wenn ich davon weiß.
WPBeginner Support
Glad you found it helpful
Admin
Arkanum
Thanks! For me it’s work
WPBeginner Support
Glad our guide helped
Admin
Zdenko Zec
Hallo. Ich habe es auf meiner Website ausprobiert, die lokal entwickelt wurde, aber es funktioniert nicht. Ich habe es sowohl mit dem Text-Widget als auch durch Hinzufügen des Filters zu functions.php und Verwendung des benutzerdefinierten HTML versucht. Können Sie bitte Ihre Gedanken dazu mitteilen? Cheers
WPBeginner Support
Möglicherweise möchten Sie sicherstellen, dass der von Ihnen verwendete Shortcode ein funktionierender Shortcode ist.
Admin
Vielen Dank!!
Toller Beitrag! Vielen Dank
WPBeginner Support
You’re welcome
Admin
Muhammad Zeeshan
Hallo
Guten Morgen
Eigentlich möchte ich nur den Text des Beitrags auf einer bestimmten Seite anzeigen, wie kann ich das tun?
WPBeginner Support
Für das, was Sie anscheinend möchten, sollten Sie sich Folgendes ansehen:
https://www.wpbeginner.com/plugins/how-to-insert-wordpress-page-content-to-another-page-or-post/
Admin
Rahul
Gestern Abend habe ich ein Plugin für Shortcodes installiert. Aber ich konnte es nicht benutzen. Aber jetzt bin ich erfolgreich
WPBeginner Support
Glad our article could help
Admin
Ahmer
Sehr guter und informativer Beitrag darüber, wie man Shortcodes verwendet.
Ich habe nach einem solchen Artikel gesucht.
Shortcodes machen wirklich einen Unterschied in Blogs und viele Leute wissen nicht, wie man sie richtig benutzt.
MikeL
Die Option für benutzerdefinierten Code funktioniert nur im Widget-Text-INHALTSbereich, nicht im TITELbereich.
nicole
Wo kann ich eigentlich die Shortcodes erstellen?? Ich suche nach den Einstellungen, die in diesem Screenshot gezeigt werden:
Neville
Hallo,
Ich habe Erfahrung in der Website-Entwicklung, bin aber neu bei WooCommerce. Ich baue eine Website für einen Kunden, basierend auf dem Avada WP-Theme (5.6.1). Dies befindet sich in der Entwicklung:
Sie werden sehen, dass es auf der Startseite einen Karussell gibt, aber ich habe erfolglos nach einem Plugin gesucht, um dies zu ersetzen, das es mir ermöglicht, variable Produkte im Galerie-/Rasterstil anzuzeigen. Muss mit WooCommerce-Produktvarianten funktionieren, z. B. Preis, Kategorie, kurze Beschreibung. Warenkorb wäre auch ideal.
Ich frage mich, ob Shortcodes verwendet werden könnten, um dies zu erstellen?
Wenn ja, wie könnten sie hinzugefügt werden, um den Karussell zu ersetzen?
Danke.
Neville
Brendan
Hallo,
Ich habe versucht, das Shortcode-Widget wie von Ihnen vorgeschlagen zu verwenden, aber ich kann die Widgets im Footer immer noch nicht nebeneinander, sondern übereinander ausrichten.
Können Sie bitte helfen?
Danke!
Brendan
lukman
Es.funktioniert.nicht
Mathiew Burkett
Hallo
Ich habe das Site Specific Plugin erstellt und das Plugin aktiviert.
Ich versuche, einen Shortcode in einem anderen Bereich zum Laufen zu bringen, in dem ein Shortcode mit meinem Theme derzeit nicht funktioniert.
Ich verwende das Socrates 3.08 Version Theme.
Hier ist ein Link zu einem Screenshot, den ich erstellt habe und der die beiden Stellen zeigt, die ich mit einem roten Kreis markiert habe, wo ich einen Shortcode benötige, und ich habe mit der rechten Maustaste auf den Bereich geklickt, in dem ich das Plugin hinzufügen muss, und es inspiziert, um den Code in dem Bereich meines Themes zu finden, in dem ich versuche, einen Shortcode zum Laufen zu bringen, und habe auch den Screenshot des Codes hinzugefügt.
Könnte mir jemand sagen, ob es eine Funktion gibt, die ich dem site-spezifischen Plugin hinzufügen kann, damit ein Shortcode in den beiden von mir eingekreisten Bereichen funktioniert.
Gurpreet Singh Saini
Danke, es funktioniert.
Bilal
Ja, es funktioniert.
Ein WP-Leben
Hallo,
Benutzer meldete nach neuem WordPress-Update 4.5.3.
Shortcode funktioniert nicht im Text-Widget..
Unser Plugin ist
Brauche Hilfe, danke im Voraus.
Ein WP-Leben
WPBeginner Support
Bitte melden Sie den Konflikt dem Plugin-Autor.
Admin
Vinicius
Danke!
Monuruzzaman Milon
Wirklich großartig, ich liebe alle Ihre Blogbeiträge. Weil ich etwas über die Entwicklung von WordPress-Themes lerne. Es hilft mir wirklich bei der add_filter-Hook.
Danke,
Alfredo
Vielen Dank.
Arra-Schiedsrichter
Danke dafür. Lebensretter. Ich habe ein Plugin (GCAL) mit einem speziellen Seitenleisten-Widget verwendet, das mir jedoch keinen Link zum Kalender darunter hinzufügte, ohne in den Code einzutauchen. Einfach dies hinzuzufügen und den Shortcode zu verwenden, hat wirklich den Zweck erfüllt. Vielen Dank. Funktioniert in 4.1.1
Manuel Meurer
Toller Tipp, funktioniert immer noch super in WordPress 4.0!
cob-web
This saved my day – thanks!
slim shady
wird es [ ]alles als Shortcode interpretieren?
WPBeginner Support
Nein, nur wenn ein Shortcode registriert ist. Wenn Sie zum Beispiel keinen Shortcode [apples] haben, wird er so angezeigt, wie er ist.
Admin
firoz
Ich möchte Shortcodes in der Sidebar verwenden
queenofthehivemomof5
Ich habe versucht, es am Ende der functions PHP-Vorlage innerhalb der PHP-Tags einzufügen, und erhalte immer noch den RAW-Code, der meinen Shortcode umschließt. Der Shortcode wird angezeigt, aber er zeigt [raw] [/raw] auf beiden Seiten an.
Andere Vorschläge? Vielen Dank im Voraus!
wpbeginner
@queenofthehivemomof5 Sie müssen ihn zwischen die PHP-Tags einfügen und sicherstellen, dass er nicht Teil einer anderen Funktion ist… daher ist es am besten, ihn unten zu platzieren.
queenofthehivemomof5
Gibt es einen bestimmten Teil der functions.php-Datei, in den ich ihn einfügen sollte? Es scheint für mich nicht zu funktionieren. Ich bekomme meine Shortcode-Ausgabe, aber sie ist von „Raw“ umgeben
[raw][/raw]TAB 1TAB 2TAB 3[raw][/raw]Tab-Inhalt 1[raw] [raw] [raw][/raw] (etwas in dieser Art)
edward.caissie
Diese Codezeile kann zu einem Plugin hinzugefügt werden, das einen Shortcode hat, und sie bewirkt dasselbe ... obwohl das Hinzufügen der Codezeile zur functions.php-Datei eines Child-Themes eine zukunftssicherere Methode wäre.