Schneller Tipp: Verwenden Sie Shortcodes in Widgets in WordPress
Feb 10, 2025 pm 03:07 PM In WordPress k?nnen Kurzcodes nur standardm??ig in Artikeln und Seiten verwendet werden und k?nnen nicht in Widgets verwendet werden. Diese Funktion kann jedoch mithilfe des widget_text
-Filter- und do_shortcode()
-Funktionen aktiviert werden, sodass das Text -Widget einen vorhandenen Shortcode analysieren kann.
Erm?glichen Sie Shortcodes im Text Widget
WordPress bietet standardm??ig mehrere Widgets. Mit dem Text -Widget k?nnen Sie dem Widget oder einem HTML -Code einen beliebigen Text hinzufügen. Dies bedeutet, dass Sie auch JavaScript -Code in diesem Widget verwenden k?nnen, daher ist er sehr leistungsf?hig. Wenn Sie jedoch mehr Funktionen ben?tigen, z. B. ein PHP -Skript, das auf einige auf dem Server gespeicherte Daten zugreift, hilft Ihnen dieses Widget nicht standardm??ig.
Es ?hnelt dem Artikel. Deshalb m?chten wir wie im Artikel in der Lage sein, Shortcodes zu verwenden, um alles zu tun, was wir wollen. Dazu k?nnen wir den widget_text
-Filter verwenden. Dieser Filter wird verwendet, um die ?nderung des Inhalts des Text -Widgets zu erm?glichen. Wir werden es hier verwenden, um WordPress zu bitten, Shortcodes in diesem Widget zu analysieren.
Die Analyse von Kurzcodes in WordPress wird durch die do_shortcode()
-Funktion erreicht. Es akzeptiert einen erforderlichen Parameter, n?mlich den zu analysierenden Text und gibt den analysierten Text zurück. Dies bedeutet, dass wir diese Funktion direkt als Rückruffunktion für den widget_text
-Filter verwenden k?nnen.
Der folgende Code kann in der Datei functions.php
der Plug-in-Datei oder des Themas verwendet werden:
<?php add_filter('widget_text', 'do_shortcode'); ?>
Jeder vorhandene Shortcode, den Sie im Text -Widget eingeben, wird jetzt analysiert.
Erstellen Sie ein neues Shortcode -Widget
Alternativ k?nnen wir unsere eigenen Widgets erstellen. Da das Standard -Widget "Text" gut funktioniert, k?nnen wir seinen Code einfach aus dem folgenden Code anpassen (befindet sich in der Datei /wp-includes/default-widgets.php
). Es ist erw?hnenswert, dass wir unsere eigenen Plugins erstellen und niemals die Core WordPress -Datei ?ndern sollten.
<?php class WP_Widget_Text extends WP_Widget { public function __construct() { $widget_ops = array('classname' => 'widget_text', 'description' => __('Arbitrary text or HTML.')); $control_ops = array('width' => 400, 'height' => 350); parent::__construct('text', __('Text'), $widget_ops, $control_ops); } // ... (其余代碼與原文相同) ... } ?>
Wir müssen nicht viel ?ndern. Das erste, was zu ?ndern ist, ist der Name der Klasse. Ich habe mich entschieden, es WP_Widget_Shortcodes
zu nennen, aber Sie k?nnen einen beliebigen Namen ausw?hlen, den Sie m?gen. Da diese Art von Konstruktor einige Informationen über das Widget selbst einrichtet, müssen wir es auch ?ndern.
<?php public function __construct() { $widget_ops = array('classname' => 'widget_shortcodes', 'description' => __('Arbitrary text or HTML with shortcodes.')); $control_ops = array('width' => 400, 'height' => 350); parent::__construct('shortcodes', __('Shortcodes'), $widget_ops, $control_ops); } ?>
Ein weiterer Ort, der ge?ndert werden muss, ist in der Methode widget()
, in der beschreibt, wie WordPress Widgets anzeigt. Wir ?ndern den Inhalt der $text
-Variablen, die den zu angezeigten Text enthalten. Wir l?schen den Aufruf zum widget_text
Filter und wenden die Funktion do_shortcode()
auf diesen Inhalt an.
<?php add_filter('widget_text', 'do_shortcode'); ?>
Dann müssen wir unser Widget registrieren, damit wir es wie jedes andere Widget hinzufügen k?nnen. Dies kann durch die widgets_init
-Operation erfolgen, die ausgel?st wird, sobald WordPress das Standard -Widget registriert.
<?php class WP_Widget_Text extends WP_Widget { public function __construct() { $widget_ops = array('classname' => 'widget_text', 'description' => __('Arbitrary text or HTML.')); $control_ops = array('width' => 400, 'height' => 350); parent::__construct('text', __('Text'), $widget_ops, $control_ops); } // ... (其余代碼與原文相同) ... } ?>
Sie k?nnen jetzt unser Widget in der Liste der verfügbaren Widgets finden. Sie k?nnen es zu jedem kompatiblen Bereich hinzufügen und es erkl?rt alle Shortcodes, die Sie verwenden.
Schlussfolgerung
Wie oben erw?hnt, ist das Aktivieren von Shortcodes in Widgets nicht kompliziert, aber Sie müssen vorsichtig sein. Tats?chlich ist nicht jeder Shortcode zum Anzeigen der Position eines Widgets geeignet. Wenn der kurze Code eine feste Breite hat, kann dies ein Problem sein.
Beachten Sie, dass die ?nderungen, die wir im Standardtext -Widget verwenden, minimal sind. Wenn Sie das Widget anpassen m?chten, k?nnen Sie alles andere ?ndern.
(Folgendes ist eine pseudo-originale Arbeit im ursprünglichen FAQ
FAQs über die Verwendung von Kurzcodes in WordPress -Widgets
- Was ist der Zweck der Verwendung von kurzen Code in WordPress -Widgets?
- Verwenden von Shortcodes in WordPress -Widgets k?nnen Sie bestimmte Funktionen hinzufügen, ohne Code zu schreiben. Sie sind Verknüpfungen zu komplexen Funktionen. Sie k?nnen beispielsweise kurze Codes verwenden, um Dateien einzubetten, Objekte zu erstellen oder bestimmte Inhalte in Artikel oder Seiten einzufügen. Durch die Verwendung von Shortcodes in Widgets k?nnen Sie diese Funktionen auf die Seitenleiste oder andere Widget -Bereiche Ihrer Website erweitern und die Benutzererfahrung verbessern.
- Wie füge ich WordPress -Widgets Shortcodes hinzu?
- Um einem WordPress -Widget einen Shortcode hinzuzufügen, navigieren Sie zum Abschnitt Widgets unter Aussehen im WordPress -Dashboard. Ziehen Sie das Text -Widget auf den gewünschten Widget -Bereich. Geben Sie im Textfeld des Widgets einen kurzen Code ein, der in quadratischen Klammern
[]
- Warum funktioniert mein Shortcode nicht in Widgets?
- Wenn Ihr Shortcode nicht in einem Widget funktioniert, kann dies aus mehreren Gründen liegen: Der Shortcode kann falsch sein oder das Plugin, das den Shortcode liefert, kann deaktiviert sein. Stellen Sie sicher, dass der Shortcode korrekt ist und die erforderlichen Plugins aktiv sind. Wenn das Problem weiterhin besteht, kann es mit anderen Plugins oder Themen in Konflikt stehen. Versuchen Sie, ein anderes Plug-In zu deaktivieren oder auf das Standardthema zu wechseln, um Fehler zu beheben.
- Kann ich mehrere Shortcodes in einem einzigen Widget verwenden?
- Ja, Sie k?nnen mehrere Shortcodes in einem einzigen Widget verwenden. Stellen Sie einfach sicher, dass jeder Shortcode in quadratischen Klammern eingeschlossen ist und es R?ume zwischen den verschiedenen Shortcodes gibt.
- Wie erstelle ich meinen eigenen Shortcode für Widgets?
Um einen eigenen Shortcode für das Widget zu erstellen, müssen Sie in der functions.php
-Datei des Themas eine benutzerdefinierte Funktion hinzufügen. Diese Funktion sollte die Funktion des Shortcode definieren. Nach dem Definieren der Funktion k?nnen Sie die Funktion add_shortcode()
verwenden, um einen neuen Shortcode zu erstellen.
- Kann ich Shortcodes in allen Arten von Widgets verwenden?
kurze Codes k?nnen in jedem Widget verwendet werden, das die Texteingabe akzeptiert. Dies schlie?t das Text -Widget, das benutzerdefinierte HTML -Widget und andere Widgets ein. Allerdings unterstützen nicht alle Widgets Shortcodes.
- Was ist die
do_shortcode
-Funktion in WordPress?
-Funktion in WordPress wird verwendet, um nach Shortcodes in Inhalten zu suchen und Shortcodes über seine Haken zu filtern. Sie k?nnen tats?chlich Shortcodes au?erhalb des Artikelseditors verwenden, z. B. in Widgets oder Themendateien. do_shortcode
- Kann ich Shortcodes im WordPress Page Builder verwenden?
- Wie finde ich verfügbare Shortcodes für meine WordPress -Website?
-Funktionen in Plug-Ins oder Themendateien suchen. add_shortcode
- Kann ich Shortcodes in WordPress -Artikeln und Seiten verwenden?
Das obige ist der detaillierte Inhalt vonSchneller Tipp: Verwenden Sie Shortcodes in Widgets in WordPress. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Hei?e KI -Werkzeuge

Undress AI Tool
Ausziehbilder kostenlos

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!

Hei?er Artikel

Hei?e Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Hei?e Themen

Bei der Verwaltung von WordPress -Projekten mit Git sollten Sie nur Themen, benutzerdefinierte Plugins und Konfigurationsdateien in der Versionskontrolle einbeziehen. Richten Sie .Gitignore -Dateien ein, um Upload -Verzeichnisse, Caches und sensible Konfigurationen zu ignorieren. Verwenden Sie Webhooks- oder CI -Tools, um die automatische Bereitstellung zu erreichen, und achten Sie auf die Datenbankverarbeitung. Verwenden Sie Zwei-Branch-Richtlinien (Haupt-/Entwicklung) für die kollaborative Entwicklung. Dies kann Konflikte vermeiden, die Sicherheit gew?hrleisten und die Zusammenarbeit und die Effizienz der Bereitstellung verbessern.

Der Schlüssel zur Erstellung eines Gutenberg -Blocks besteht darin, seine Grundstruktur zu verstehen und die Ressourcen vorne und hinterher richtig zu verbinden. 1. Bereiten Sie die Entwicklungsumgebung vor: Installieren Sie lokale WordPress, Node.js und @WordPress/Skripte; 2. Verwenden Sie PHP, um Bl?cke zu registrieren und die Bearbeitung zu definieren und Logik von Bl?cken mit JavaScript anzuzeigen. 3. Erstellen Sie JS -Dateien über NPM, um ?nderungen in Kraft zu setzen. 4. überprüfen Sie, ob der Pfad und die Symbole bei Problemen korrekt sind, oder verwenden Sie Echtzeith?ren mit Build, um eine wiederholte manuelle Zusammenstellung zu vermeiden. Aus diesen Schritten kann ein einfacher Gutenberg -Block Schritt für Schritt implementiert werden.

Verwenden Sie WordPress-Testumgebungen, um die Sicherheit und Kompatibilit?t neuer Funktionen, Plug-Ins oder Themen zu gew?hrleisten, bevor sie offiziell gestartet werden, und vermeiden Sie es, echte Websites zu beeinflussen. Zu den Schritten zum Erstellen einer Testumgebung geh?ren: Herunterladen und Installieren lokaler Serversoftware (z. B. LocalWP, XAMPP), Erstellen einer Site, Einrichten eines Datenbank- und Administratorkontos, Installation von Themen und Plug-Ins zum Testen; Die Methode zum Kopieren einer formalen Website in eine Testumgebung besteht darin, die Website über das Plug-in zu exportieren, die Testumgebung zu importieren und den Dom?nennamen zu ersetzen. Wenn Sie es verwenden, sollten Sie darauf achten, keine realen Benutzerdaten zu verwenden, nutzlose Daten regelm??ig zu reinigen, den Teststatus zu unterstützen, die Umgebung rechtzeitig zurückzusetzen und die Teamkonfiguration zu vereinen, um die Unterschiede zu verringern.

In WordPress müssen Sie beim Hinzufügen eines benutzerdefinierten Artikeltyps oder der ?nderung der festen Verbindungsstruktur die Umschreibungsregeln manuell aktualisiert. Zu diesem Zeitpunkt k?nnen Sie die Funktion fLUSH_REWRITE_RULES () über den Code aufrufen, um ihn zu implementieren. 1. Diese Funktion kann dem Thema oder dem Plug-in-Aktivierungshaken hinzugefügt werden, um automatisch zu aktualisieren. 2. Führen Sie bei Bedarf nur einmal aus, z. B. Hinzufügen von CPT, Taxonomie oder ?nderung der Verbindungsstruktur; 3. Vermeiden Sie h?ufige Anrufe, um die Leistung zu vermeiden. 4. Aktualisieren Sie in einer Umgebung mit mehreren Standorten jede Stelle gegebenenfalls separat. 5. Einige Hosting -Umgebungen k?nnen die Speicherung von Regeln einschr?nken. Klicken Sie auf Speichern auf die Seite "Einstellungen> Pinde Links" auf Speichern auf die Aktualisierung, die für nicht automatische Szenarien geeignet ist.

TosetuprredirectsinwordPressusingThe.htaccessFile, locatetheFileUmyoRSite'srootDirectoryAddRecRecRecrulesabovethe#beginwordpresssection

UsingsMTPForWordPressemailSimProvesDeliverability undRelabilityComparedTothEdEfaultPMAIM () Funktion.1.SmtpAuthenticates withyoReMailServer, reduzierungen.2placement.2

Verwenden Sie zum Implementieren von Responsive WordPress-Themendesign zun?chst HTML5- und Mobilfunk-Meta-Tags, fügen Sie die Einstellungen für Ansichtsfenster in Header.php hinzu, um sicherzustellen, dass das mobile Terminal korrekt angezeigt wird, und organisieren Sie das Layout mit HTML5-Struktur-Tags. Zweitens verwenden Sie die CSS-Medienabfrage, um eine Stilanpassung unter verschiedenen Bildschirmbreiten zu erreichen, Stile nach dem mobilen Prinzip zu schreiben, und h?ufig verwendete Haltepunkte umfassen 480px, 768px und 1024px; Drittens, verarbeiten Sie elastisch Bilder und Layouts, setzen Sie die maximale Breite: 100% für das Bild und verwenden Sie Flexbox- oder Gitterlayout anstelle von fester Breite. Schlie?lich vollst?ndig durch Browser -Entwickler -Tools und reale Ger?te testen, die Ladeleistung optimieren und die Reaktion sicherstellen

Tointegratethird-partyapisintowordpress, folgt Thesesteps: 1.SelectasuitableAperDoBtaincredentialslikeapikeysoroAuthtokensByregistering und KeepingThemsecure
