Key Takeaways
- Die WordPress-Dashboard-Widgets-API erm?glicht die Hinzufügung, Entfernen oder Wiedereinstellung von Widgets auf dem WordPress-Dashboard. Diese API ist seit WordPress 2.7 verfügbar und ist ein Schlüsselwerkzeug für WordPress -Entwickler.
- Hinzufügen eines Widgets beinhaltet die Verwendung der Funktion WP_ADD_Dashboard_Widget, für die drei Argumente erforderlich sind: eine eindeutige ID für das Widget, den Titel des Widgets und einen Rückruf, der den Inhalt des Widgets anzeigt. Das Entfernen eines Widgets erfolgt über die Funktion REMED_META_BOX.
- W?hrend die API keine M?glichkeit bietet, die Position der Widgets zu ?ndern, kann eine Problemumgehung erreicht werden, indem die Variable WordPress Core $ wp_meta_box manipuliert wird. Widgets k?nnen benutzerdefinierte Daten hinzugefügt werden, und ihr Erscheinungsbild kann mit CSS angepasst werden.
hinter der Szene von WordPress Dashboard -Widgets
Intern sind WordPress Dashboard -Widgets WordPress -Metaboxen. Die Dashboard -Widget -API verwendet die WordPress -Meta -Box -API, um Dashboard -Widgets hinzuzufügen, zu entfernen und zu positionieren.Hinzufügen eines Dashboard -Widgets
Mit der Funktion WP_ADD_Dashboard_Widget k?nnen wir dem WordPress -Dashboard ein Widget hinzufügen. Wir müssen diese Funktion in den Hook wp_dashboard_setup einwickeln. Hier finden Sie einen Beispielcode zur Verwendung von wp_add_dashboard_widget:<span>function add_dashboard_widget() </span><span>{ </span><span>wp_add_dashboard_widget("sitepoint", "SitePoint Videos", "display_sitepoint_dashboard_widget"); </span><span>} </span> <span>function display_sitepoint_dashboard_widget() </span><span>{ </span><span>echo "Watch Video Courses at <a >Learnable</a>"; </span><span>} </span> <span>add_action("wp_dashboard_setup", "add_dashboard_widget");</span>Hier rufen wir wp_add_dashboard_widget in add_dashboard_widget auf, das vom WP_Dashboard_Setup -Hook ausgel?st wird. wp_add_dashboard_widget nimmt drei Argumente. Hier sind die Argumente:
- $ id: Jedes Dashboard -Widget muss eine eindeutige ID haben. Stellen Sie sicher, dass Sie es mit Ihrem Plugin- oder Themennamen vorfixieren, um überschreibungen zu vermeiden.
- $ title: Titel des zu angezeigten Widgets.
- $ CALLBACK: Ein Rückruf, der den Inhalt des Widgets anzeigt.

Entfernen eines Dashboard -Widgets
Wir k?nnen ein Standard- oder benutzerdefiniertes Dashboard -Widget mit der Funktion REMED_META_BOX entfernen. Wir müssen diese Funktion in der Funktion WP_DASHBOARD_SETUP einwickeln. Hier erfahren Sie, wie wir REMED_META_BOX verwenden:<span>function add_dashboard_widget() </span><span>{ </span><span>wp_add_dashboard_widget("sitepoint", "SitePoint Videos", "display_sitepoint_dashboard_widget"); </span><span>} </span> <span>function display_sitepoint_dashboard_widget() </span><span>{ </span><span>echo "Watch Video Courses at <a >Learnable</a>"; </span><span>} </span> <span>add_action("wp_dashboard_setup", "add_dashboard_widget");</span>Hier rufen wir die Funktion REMED_META_BOX in der Funktion REME_DASHBOARD_WIDGE auf, die tats?chlich von der Aktion wp_dashboard_setup ausgel?st wird. REMED_META_BOX nimmt drei Argumente ein, sie sind:
- $ id: Die eindeutige ID des Widgets. Hier ist die Liste der IDs der Standard -Widgets: Dashboard_ACTIVITY , Dashboard_Right_Now , Dashboard_Recent_Coments , Dashboard_Recent_Drafts , Dashboard , Dashboard_quick_press , Dashboard_secondary , Dashboard_Primary und Dashboard_Coming_Links .
- $ Ort: Dies hat immer den Wert "Dashboard" beim Entfernen eines Dashboards.
- $ Position: Wenn Sie ein Widget entfernen, das standardm??ig von WordPress Core erstellt oder mit wp_add_dashboard_widget erstellt wurde, ist sein Wert ?normal“.
Positionierungswidgets im Dashboard
positionieren Standardm??ig werden die neuen Widgets links auf der Dashboard -Seite nach unten hinzugefügt. Die WordPress -Dashboard -Widgets -API bietet keine M?glichkeit, die Position der Widgets zu ?ndern. Wir k?nnen jedoch die WordPress Core $ wp_meta_box -Variable als Problemumgehung hacken. Hier ist ein Beispiel, wie wir unser Widget nach oben bringen k?nnen:<span>function add_dashboard_widget() </span><span>{ </span><span>wp_add_dashboard_widget("sitepoint", "SitePoint Videos", "display_sitepoint_dashboard_widget"); </span><span>} </span> <span>function display_sitepoint_dashboard_widget() </span><span>{ </span><span>echo "Watch Video Courses at <a >Learnable</a>"; </span><span>} </span> <span>add_action("wp_dashboard_setup", "add_dashboard_widget");</span>Sie k?nnen dieses Array ?ndern und die Position der Widgets nach Bedarf ?ndern.
Anzeigen eines RSS -Feeds in einem Dashboard -Widget
<span>function remove_dashboard_widget() </span><span>{ </span><span>remove_meta_box("sitepoint", "dashboard", "normal"); </span><span>} </span> <span>add_action("wp_dashboard_setup", "remove_dashboard_widget");</span>Lassen Sie uns ein Dashboard -Widget erstellen, das den RSS -Feed von SitePoint abholt und es dann anzeigt. Wir werden die WordPress -API verwenden, um den RSS -Feed zu holen und zu analysieren. Hier ist der Code für unser Widget:

Schlussfolgerung
Viele WordPress -Plugins wie Analytics, WooCommerce -Addons und verschiedene überwachungsverl?ngerungen verwenden die Dashboard -Widgets -API. Die WordPress -Dashboard -Widgets -API ist eine der wichtigsten APIs für WordPress -Entwickler. In diesem Beispiel haben wir Sie durch einige grundlegende Beispiele geführt. Bitte kommentieren Sie Ihre Erfahrungen mit der API unten.
h?ufig gestellte Fragen zu WordPress Dashboard -Widgets apiWie kann ich meinem WordPress -Dashboard ein neues Widget hinzufügen? Zun?chst müssen Sie eine Funktion erstellen, die den Inhalt Ihres Widgets ausgibt. Anschlie?end müssen Sie diese Funktion mit WordPress mit der Funktion WP_ADD_Dashboard_Widget registrieren. Diese Funktion nimmt drei Parameter an: die ID des Widgets, ihren Namen und die Funktion, die seinen Inhalt ausgibt. Sobald Sie dies getan haben, wird Ihr Widget auf Ihrem Dashboard angezeigt.
Kann ich vorhandene Widgets aus meinem WordPress -Dashboard entfernen? Dies kann mit der Funktion REMED_META_BOX erfolgen. Diese Funktion dauert drei Parameter: die ID des Widgets, das Sie entfernen m?chten, auf dem Bildschirm, auf dem das Widget angezeigt wird, und den Kontext, in dem das Widget angezeigt wird. Widgets?
Das Erscheinungsbild Ihres Dashboard -Widgets kann mit CSS angepasst werden. Sie k?nnen die CSS -Datei Ihres Themas in der Style.css -Datei Ihres Themas hinzufügen oder ein benutzerdefiniertes CSS -Plugin verwenden. Sie k?nnen bestimmte Widgets ansprechen, indem Sie ihre ID als CSS -Selektor verwenden.
Kann ich die Position meiner Dashboard -Widgets steuern? Dies kann mit dem Action -Hook wp_dashboard_setup erfolgen. Mit diesem Haken k?nnen Sie die Position Ihrer Widgets im Dashboard angeben.
Wie kann ich meinem Dashboard -Widget benutzerdefinierte Daten hinzufügen? Die Daten k?nnen alles sein, was Sie wollen, wie Statistiken, Diagramme oder sogar benutzerdefinierte Formulare.
Kann ich AJAX in meinen Dashboard -Widgets verwenden? . Dies kann durchgeführt werden, indem Sie die erforderlichen JavaScript -Dateien und die Verwendung des Action -Hooks wp_ajax_ zur Verarbeitung der AJAX -Anforderung auf der Serverseite verwenden. Ihr Dashboard -Widget wird mit JavaScript interaktiv. Sie k?nnen Ihre JavaScript -Dateien mit der Funktion wp_enqueue_script unterhalten und dann JavaScript verwenden, um Ihren Widgets Interaktivit?t hinzuzufügen. Fügen Sie Ihrem Dashboard mehrere Instanzen desselben Widgets hinzu. Jedes Widget muss über eine eindeutige ID verfügen. Wenn Sie also mehrere Instanzen desselben Widgets hinzufügen m?chten, müssen Sie jede Instanz als separates Widget mit einer eindeutigen ID registrieren. Bildschirme in WordPress? Dies kann mit der Funktion add_meta_box erfolgen. Mit dieser Funktion k?nnen Sie jedem Bildschirm in WordPress Widgets hinzufügen, nicht nur zum Dashboard. Abfragen. Sie k?nnen diese Medienabfragen in die Style.css -Datei Ihres Themas hinzufügen oder ein benutzerdefiniertes CSS -Plugin verwenden. Sie k?nnen bestimmte Widgets ansprechen, indem Sie ihre ID als CSS -Selektor verwenden.
Das obige ist der detaillierte Inhalt vonEine Einführung in die WordPress -Dashboard -Widgets -API. 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.

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.

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.

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

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

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

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