Widgets WordPress Widgets API membolehkan tema dan plugin menambah, mengeluarkan atau meletakkan semula widget papan pemuka WordPress. Papan pemuka WordPress adalah perkara pertama yang kita lihat ketika kita log masuk ke skrin pentadbiran WordPress. API widget papan pemuka WordPress telah tersedia dari WordPress 2.7 dan seterusnya.
Dalam tutorial ini kita akan melihat tindakan dan fungsi yang berbeza yang disediakan oleh API. Dan, bagaimana untuk menambah, mengeluarkan dan meletakkan widget papan pemuka menggunakan API ini.
Takeaways Key
di belakang tempat widget papan pemuka WordPress
Secara dalaman, widget papan pemuka WordPress adalah kotak meta WordPress. Widget Dashboard API menggunakan API Kotak Meta WordPress untuk menambah, mengeluarkan dan meletakkan widget papan pemuka.
Menambah widget papan pemuka
Kami boleh menambah widget ke papan pemuka WordPress menggunakan fungsi wp_add_dashboard_widget. Kita perlu membungkus fungsi ini di dalam cangkuk wp_dashboard_setup.
Berikut adalah beberapa contoh kod mengenai cara menggunakan 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>
Di sini, kami memanggil wp_add_dashboard_widget di dalam add_dashboard_widget, yang dicetuskan oleh cangkuk wp_dashboard_setup.
wp_add_dashboard_widget
mengambil tiga hujah. Berikut adalah hujah:
Begini cara widget kelihatan:
mengeluarkan widget papan pemuka
Kami boleh mengeluarkan widget papan pemuka lalai atau adat menggunakan fungsi Rove_meta_box. Kami perlu membungkus fungsi ini dalam fungsi wp_dashboard_setup.
Begini cara kami menggunakan REAVE_META_BOX:
<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>
Di sini, kami memanggil fungsi Rove_meta_box di dalam fungsi Rove_Dashboard_Widget, yang memang dicetuskan oleh tindakan WP_Dashboard_Setup.
membuang_meta_box mengambil tiga argumen, mereka adalah:
widget kedudukan di papan pemuka
Secara lalai, widget baru ditambah ke kiri bawah halaman papan pemuka. API Widgets Dashboard WordPress tidak menyediakan cara untuk mengubah kedudukan widget. Walau bagaimanapun, kita boleh menggodam pembolehubah WordPress Core $ WP_META_BOX sebagai penyelesaian.
Berikut adalah contoh bagaimana kita boleh memindahkan widget kita ke bahagian atas:
<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>
Anda boleh mengubah array ini dan menukar kedudukan widget seperti yang diperlukan.
memaparkan suapan RSS dalam widget papan pemuka
Mari buat widget papan pemuka yang mengambil suapan RSS SitePoint, kemudian memaparkannya. Kami akan menggunakan API WordPress untuk mengambil dan menghuraikan suapan RSS.
Inilah kod untuk widget kami:
<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>
Di sini, kami termasuk fail "feed.php", yang mendedahkan semua API yang diperlukan untuk bekerja dengan RSS di WordPress. Kemudian, kami menggunakan fetch_feed untuk memuat turun dan menghuraikan suapan RSS, akhirnya kami memaparkan 10 item RSS.
Berikut adalah widget papan pemuka RSS kami seperti:
Kesimpulan
Banyak plugin WordPress seperti Analytics, WooCommerce Addons dan pelbagai sambungan pemantauan menggunakan API Widgets Dashboard. API Widgets Dashboard WordPress adalah salah satu API yang paling penting untuk pemaju WordPress, dalam contoh ini kami telah membawakan anda melalui beberapa contoh asas. Sila berasa bebas untuk memberi komen mengenai pengalaman anda dengan API di bawah.
Soalan Lazim mengenai WordPress Dashboard Widgets API
Bagaimana saya boleh menambah widget baru ke papan pemuka WordPress saya?
Menambah widget baru ke papan pemuka WordPress anda adalah proses mudah. Pertama, anda perlu membuat fungsi yang mengeluarkan kandungan widget anda. Kemudian, anda perlu mendaftarkan fungsi ini dengan WordPress menggunakan fungsi wp_add_dashboard_widget. Fungsi ini mengambil tiga parameter: id widget, namanya, dan fungsi yang mengeluarkan kandungannya. Sebaik sahaja anda telah melakukan ini, widget anda akan muncul di papan pemuka anda.
Bolehkah saya mengeluarkan widget sedia ada dari papan pemuka WordPress saya? Ini boleh dilakukan dengan menggunakan fungsi Rove_meta_box. Fungsi ini mengambil tiga parameter: id widget yang anda ingin keluarkan, skrin di mana widget dipaparkan, dan konteks di mana widget dipaparkan. Widget?
Penampilan widget papan pemuka anda boleh disesuaikan menggunakan CSS. Anda boleh menambah CSS tersuai ke fail gaya.css tema anda atau gunakan plugin CSS tersuai. Anda boleh menargetkan widget khusus dengan menggunakan ID mereka sebagai pemilih CSS.
Bolehkah saya mengawal kedudukan widget papan pemuka saya? Ini boleh dilakukan dengan menggunakan cangkuk tindakan WP_DASHBOARD_SETUP. Cangkuk ini membolehkan anda menentukan kedudukan widget anda di papan pemuka.
Bagaimana saya boleh menambah data tersuai ke widget papan pemuka saya?
Anda boleh menambah data tersuai ke widget papan pemuka anda dengan membuat fungsi yang mengeluarkan data dan mendaftarkan fungsi ini dengan WordPress menggunakan fungsi wp_add_dashboard_widget. Data boleh menjadi apa sahaja yang anda mahukan, seperti statistik, graf, atau bentuk tersuai. . Ini boleh dilakukan dengan memupuk fail JavaScript yang diperlukan dan menggunakan cangkuk tindakan wp_ajax_ untuk mengendalikan permintaan ajax di sisi pelayan.
Widget papan pemuka anda interaktif dengan menggunakan JavaScript. Anda boleh memupuk fail JavaScript anda menggunakan fungsi wp_enqueue_script dan kemudian gunakan javascript untuk menambah interaktiviti ke widget anda. Tambah pelbagai contoh widget yang sama ke papan pemuka anda. Setiap widget mesti mempunyai ID yang unik, jadi jika anda ingin menambah beberapa contoh widget yang sama, anda perlu mendaftarkan setiap contoh sebagai widget berasingan dengan ID yang unik. Skrin di WordPress?
Ya, anda boleh menambah widget papan pemuka ke skrin lain di WordPress. Ini boleh dilakukan menggunakan fungsi add_meta_box. Fungsi ini membolehkan anda menambah widget ke mana -mana skrin di WordPress, bukan hanya papan pemuka. pertanyaan. Anda boleh menambah pertanyaan media ini ke fail gaya.css tema anda atau gunakan plugin CSS tersuai. Anda boleh menyasarkan widget tertentu dengan menggunakan ID mereka sebagai pemilih CSS.
Atas ialah kandungan terperinci Pengenalan kepada API Widgets WordPress Dashboard. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undress AI Tool
Gambar buka pakaian secara percuma
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
Cara menggunakan git dengan wordpress
Jun 26, 2025 am 12:23 AM
Apabila menguruskan projek WordPress dengan Git, anda hanya perlu memasukkan tema, plugin tersuai, dan fail konfigurasi dalam kawalan versi; Sediakan fail .gitignore untuk mengabaikan direktori, cache, dan konfigurasi sensitif; Gunakan alat web atau alat CI untuk mencapai penggunaan automatik dan perhatikan pemprosesan pangkalan data; Gunakan dasar dua cawangan (utama/membangunkan) untuk pembangunan kolaboratif. Melakukannya boleh mengelakkan konflik, memastikan keselamatan, dan meningkatkan kecekapan dan kecekapan penggunaan.
Cara Menggunakan Persekitaran Ujian WordPress
Jun 24, 2025 pm 05:13 PM
Gunakan persekitaran ujian WordPress untuk memastikan keselamatan dan keserasian ciri-ciri baru, plug-in atau tema sebelum dilancarkan secara rasmi, dan mengelakkan mempengaruhi laman web sebenar. Langkah-langkah untuk membina persekitaran ujian termasuk: memuat turun dan memasang perisian pelayan tempatan (seperti LocalWP, XAMPP), mewujudkan tapak, menyediakan akaun pangkalan data dan pentadbir, memasang tema dan pemalam untuk ujian; Kaedah menyalin laman web rasmi ke persekitaran ujian adalah untuk mengeksport tapak melalui pemalam, mengimport persekitaran ujian dan menggantikan nama domain; Apabila menggunakannya, anda harus memberi perhatian untuk tidak menggunakan data pengguna sebenar, kerap membersihkan data yang tidak berguna, menyokong status ujian, menetapkan semula persekitaran dalam masa, dan menyatukan konfigurasi pasukan untuk mengurangkan perbezaan.
Cara Membuat Blok Gutenberg Mudah
Jun 28, 2025 am 12:13 AM
Kunci untuk mewujudkan blok Gutenberg adalah untuk memahami struktur asasnya dan betul menghubungkan sumber depan dan belakang. 1. Sediakan persekitaran pembangunan: Pasang WordPress, Node.js dan @WordPress/skrip tempatan; 2. Gunakan PHP untuk mendaftarkan blok dan tentukan logik penyuntingan dan paparan blok dengan JavaScript; 3. Membina fail JS melalui NPM untuk membuat perubahan berkuatkuasa; 4. Periksa sama ada jalan dan ikon adalah betul apabila menghadapi masalah atau menggunakan masa nyata mendengar untuk membina untuk mengelakkan kompilasi manual berulang. Berikutan langkah -langkah ini, blok Gutenberg yang mudah boleh dilaksanakan langkah demi langkah.
Cara Menyediakan Pengalihan Di WordPress Htaccess
Jun 25, 2025 am 12:19 AM
Tosetupredirectsinwordpressusingthe.htaccessfile, locatethefileinyoursite'srootdirectoryandaddredirectrulesabovethe#startwordpresssection.forbasic301redirects, usetheformatredirect301/old-pageShen./
Cara Menghilangkan Peraturan Menulis semula secara programatik
Jun 27, 2025 am 12:21 AM
Di WordPress, apabila menambah jenis artikel tersuai atau mengubahsuai struktur pautan tetap, anda perlu menyegarkan semula peraturan penulisan secara manual. Pada masa ini, anda boleh menghubungi fungsi flush_rewrite_rules () melalui kod untuk melaksanakannya. 1. Fungsi ini boleh ditambah ke cangkuk pengaktifan tema atau plug-in untuk menyegarkan semula secara automatik; 2. Melaksanakan hanya sekali apabila perlu, seperti menambah CPT, taksonomi atau mengubahsuai struktur pautan; 3. Elakkan panggilan yang kerap untuk mengelakkan mempengaruhi prestasi; 4. Dalam persekitaran berbilang tapak, muat semula setiap tapak secara berasingan sesuai; 5. Sesetengah persekitaran hosting boleh menyekat penyimpanan peraturan. Di samping itu, klik Simpan untuk mengakses halaman "Tetapan> Pautan Disematkan" juga boleh mencetuskan penyegaran, sesuai untuk senario tidak automatik.
Cara Menghantar E -mel dari WordPress Menggunakan SMTP
Jun 27, 2025 am 12:30 AM
Menggunakan penggunaan.1.smtpAuthenticateSver, reducingSpamplacement.2.someHostSdisablePHpmail (), MuatingSmtpNEpPNeSheSy.3soSheAsheySheySheAdSheAdoSheySheSy.3soSheAsheySheShpMPMail.3SheSheSy.3soSheAdoShey.3soSheAdoShey.3soSheAdoShey.3soSheAdoShey.3soSheAdoShey.3soSheAdoShey.3soSheAdoShey.3SheShipShPMail.3SheSheSy.3SoSheWoShPMail.
Cara Membuat Tema WordPress Responsif
Jun 28, 2025 am 12:14 AM
Untuk melaksanakan reka bentuk tema WordPress yang responsif, pertama, gunakan tag meta HTML5 dan mudah alih, tambahkan tetapan Viewport dalam header.php untuk memastikan terminal mudah alih dipaparkan dengan betul, dan menyusun susun atur dengan tag struktur HTML5; Kedua, gunakan pertanyaan media CSS untuk mencapai penyesuaian gaya di bawah lebar skrin yang berbeza, tulis gaya mengikut prinsip mudah alih pertama, dan titik putus yang biasa digunakan termasuk 480px, 768px dan 1024px; Ketiga, memproses gambar dan susun atur secara elastik, tetapkan maksimum lebar: 100% untuk gambar dan gunakan susun atur flexbox atau grid dan bukannya lebar tetap; Akhirnya, ujian sepenuhnya melalui alat pemaju penyemak imbas dan peranti sebenar, mengoptimumkan prestasi pemuatan, dan memastikan tindak balas
Cara Mengintegrasikan API Pihak Ketiga dengan WordPress
Jun 29, 2025 am 12:03 AM
Tointegratetheird-partyapisIntowordPress, ikuti: 1.celectabeapiandobtaincredentialslikeapikeysoroauthtokensbyregisteringandkeepingthemsecure.2.Choosebetweenpluginsforsimplicity_
