Loncat ke Konten Utama

Cara membuat halaman administrasi WordPress

Divi: tema WordPress termudah untuk digunakan

Divi: Tema WordPress terbaik sepanjang masa!

lebih 600.000 unduhan, Divi adalah tema WordPress paling populer di dunia. Sudah lengkap, mudah digunakan dan dilengkapi dengan lebih dari 62 template gratis. [Direkomendasikan]

Dalam tutorial sebelumnya, kami menunjukkan kepada Anda cara membuat plugin WordPress. Saya pikir sekarang adalah waktu untuk melanjutkan dan memungkinkan Anda untuk berbuat lebih banyak dengan WordPress.

Untuk tutorial ini, penting untuk memastikan bahwa Anda memiliki segalanya di tempat, sehingga Anda dapat bekerja dengan kode sumber yang akan kami usulkan.

Untuk tutorial ini, saya kira:

  • Anda memiliki konfigurasi lingkungan pengembangan lokal relatif terhadap sistem operasi Anda.
  • Anda memiliki salinan WordPress yang diinstal dan siap digunakan untuk menginstal plugin.
  • Anda terbiasa dengan praktik pengembangan plugin WordPress.
  • Anda merasa nyaman bekerja dengan PHP dan HTML.

Jika Anda tidak terbiasa dengan cara mengatur lingkungan pengembangan lokal yang mencakup WordPress, saya mengundang Anda untuk membaca ini.

Dan jika Anda relatif nyaman dengan PHP, bahkan jika itu membaca bahasa, maka saya akan melakukan yang terbaik untuk memberikan instruksi dan komentar yang jelas untuk setiap bagian kode yang kami bagikan.

https://blogpascher.com/tutoriel-wordpress/comment-installer-wordpress-en-local-sur-un-pcwindows-avec-xampp

Setelah semua ini di tempat, kami akan siap untuk mulai bekerja pada plugin kami.

Pengaturan khusus dari halaman admin di WordPress

Di akhir seri ini, kami akan memiliki plugin yang memenuhi persyaratan berikut:

  • Menambahkan submenu baru untuk menu yang ada.
  • Menambahkan halaman pengaturan baru yang sesuai dengan item baru.
  • Sanitasi dan "serializes" opsi pada halaman.
  • Memvalidasi dan mengembalikan nilai yang telah disimpan dengan sesuai.

Selain itu, kami akan memastikan bahwa kami mendekati ini dengan cara yang paling modular dengan menggunakan standar pengkodean WordPress dan praktik serupa untuk membuat membaca, menulis, dan memelihara plugin kami semudah mungkin.

1 - Buat Bootstrap plugin

Kami maksud dengan bootstrap: " menyiapkan elemen plugin "Ini akan mencakup penciptaan sebuah direktori untuk menjadi tuan rumah file Plugin, file README dasar, salinan lisensi, file boot yang pada akhirnya akan digunakan untuk memulai plugin, dan direktori yang akan digunakan untuk memelihara kelas yang berhubungan dengan fitur administrasi.

Apakah Anda mencari tema dan plugin WordPress terbaik?

Unduh plugin terbaik dan tema WordPress di Envato dan buat situs web Anda dengan mudah. Sudah lebih dari 49.720.000 unduhan. [EKSKLUSIF]

Kumpulan file terlihat seperti ini:

organisasi-of-catatan-the-plugin

Selain itu, isi dari plugin ini cukup sederhana. Tinjau kode berikut untuk file PHP " Custom-admin-settings.php Saya akan menjelaskan file ini lebih detail nanti.

<? php / ** * File startup * * Ini adalah file utama yang akan dibaca oleh WordPress. * * * @link https://blogpascher.com @since 1.0.0 * * * @package Custom_Admin_Settings @ wordpress-plugin * Plugin Nama: Administrasi Custom * Plugin URI: https://blogpascher.com * Keterangan: Pelajari cara membuat plugin WordPress. * Versi: 1.0.0 * Penulis: Nama Anda * Penulis URI: https://exemple.com * Lisensi: GPL-2.0 + * Lisensi URI: http://www.gnu.org/licenses/gpl-2.0.txt * / / Jika file ini dipanggil langsung, batalkan. if (! defined ('WPINC')) {die; } add_action ('plugins_loaded', 'custom_admin_settings'); / ** * Mulai plugin. * * @since 1.0.0 * / function custom_admin_settings () {}

Perhatikan bahwa dalam kode di atas, ada kode yang sangat sedikit. Sebaliknya, ada banyak komentar. Blok komentar utama pada awal file mendefinisikan plugin.

Area di bawah " @ Wordpress-plugin WordPress akan membaca untuk mengambil judul plugin, deskripsi dan tautan terkait di dashboard plugin WordPress.

Maka kita akan mencegah siapa pun mengakses file secara langsung. Dan, akhirnya, kami membuat fungsi khusus untuk digambar dengan acara " plugins_loaded ". Fungsi ini adalah apa yang akan digunakan untuk memulai plugin.

Pada titik ini, Anda harus dapat terhubung ke WordPress, mengakses dasbor, dan kemudian melihat plugin yang tersedia untuk mengaktifkannya. Lanjutkan dan klik Aktifkan.

Tidak akan ada yang terjadi lagi, tetapi kami akan mulai menambahkan fitur yang akan kami gunakan di seluruh tutorial.

2 - Cara membuat submenu

Untuk mulai bekerja pada plugin, pertama-tama kita akan memperkenalkan item submenu. Untuk melakukan ini, kita perlu memanfaatkan fungsi WordPress " add_options_page ". Fungsi ini membutuhkan lima parameter:

Buat Toko Online Anda dengan mudah

Unduh WooCommerce gratis, plugin e-commerce terbaik untuk menjual produk fisik dan digital Anda di WordPress. [GRATIS]

  • teks yang akan ditampilkan sebagai judul halaman opsi
  • teks untuk ditampilkan sebagai teks submenu untuk item menu
  • kemampuan yang dibutuhkan untuk mengakses halaman ini
  • siput yang akan digunakan untuk mengidentifikasi halaman
  • fungsi panggilan balik yang akan digunakan untuk memuat halaman.

Perhatikan bahwa kami akan menggunakan kelas untuk mengatur fungsi kami, banyak hal yang akan kami lakukan akan dilakukan dalam " berorientasi objek ".

Pertama, kita akan membuat kelas di direktori admin yang disebut " kelas-submenu.php ". Karena kelas ini bertanggung jawab untuk memperkenalkan submenu baru, yang kami beri nama secara deskriptif.

Konten kelas akan terlihat seperti ini:

<? php / ** * Membuat item submenu untuk plugin. * * @package Custom_Admin_Settings * / / ** * Buat submenu untuk menu. * * Menyimpan menu di bawah menu "Tools". * * @package Custom_Admin_Settings * / class Submenu {/ ** * Mengacu pada kelas yang bertanggung jawab untuk menampilkan halaman submenu. * * @var Submenu_Page * @access private * / private $ submenu_page; / ** * Inisialisasi semua kelas. * * @param Submenu_Page $ submenu_page Referensi ke kelas yang menampilkan halaman * untuk plugin. * / public function __construct ($ submenu_page) {$ this-> submenu_page = $ submenu_page; } / ** * Tambahkan submenu ke menu alat. * / public function init () {add_action ('admin_menu', array ($ this, 'add_options_page')); } / ** * Membuat item submenu dan memanggil objek Submenu Page untuk merender konten sebenarnya dari halaman. * / Fungsi Public add_options_page () {add_options_page ( 'Halaman \' administrasi '' Administrasi Kustom Halaman '' manage_options' 'custom-admin-halaman', array ($ this-> submenu_page 'membuat')); }}

Pada titik ini, plugin masih tidak akan berfungsi. Kami masih perlu membuat kelas " Submenu_Page Kemudian kita perlu memasukkan kelas-kelas dalam file startup plugin.

3 - Membuat Subpage

Mari kita mulai dengan kelas satu " Submenu_Page ". Buat file lain di direktori " admin Dan ganti namanya " kelas-submenu-page.php ". Kemudian, dalam file, tambahkan kode berikut.

<? php / ** * Menciptakan halaman submenu untuk plugin. * * @package Custom_Admin_Settings * / / ** * Buat submenu untuk halaman plugin. * * Menyediakan fungsionalitas yang diperlukan untuk rendering halaman. * * @package Custom_Admin_Settings * / class Submenu_Page {/ ** * Fungsi ini mengembalikan konten yang terkait dengan menu yang merender. * / public function render () {echo 'Ini adalah halaman submenu dasar.'; }}

Ketika halaman ini ditampilkan, sebuah teks sederhana akan ditampilkan: " Ini adalah halaman dasar submenu. Kami akhirnya akan menambahkan opsi baru. Tapi pertama-tama, kami akan memberikan hidup untuk plugin dengan instantiating dalam file startup kami.

4 - Memberikan menu dan halaman

Kemudian buka file Custom-admin-settings.php Itu yang kami buat sebelumnya di tutorial ini. Mari kita lanjutkan dan menulis kode yang diperlukan untuk memperkenalkan item submenu baru dan halaman yang terkait.

Ingat, kelasnya " submenu Membutuhkan sebuah instance dari kelas " Submenu_Page Melewati konstruktornya, maka kita perlu memanggil metode " init Dari kelas sub-menu untuk mengatur semuanya bergerak.

Dalam kode, terlihat seperti ini:

<? php // Jika file ini dipanggil langsung, batalkan. if (! defined ('WPINC')) {die; } // Inklusi dari semua dependensi. foreach (glob (plugin_dir_path (__FILE__). 'admin / *. php') sebagai $ file) {include_once $ file; } add_action ('plugins_loaded', 'tutsplus_custom_admin_settings'); / ** * Mulai plugin. * * @ Sejak 1.0.0 * / fungsi tutsplus_custom_admin_settings () {$ Plugin = Submenu baru (Submenu_Page baru ()); $ Plugin-> init (); }

Pada titik ini, Anda harus dapat menyegarkan instalasi WordPress Anda, aktifkan plugin (jika belum terjadi), lalu akses halaman baru Anda di dasbor.

Buat blog Anda dengan mudah dengan SiteGround

SiteGround memungkinkan Anda membuat blog WordPress hanya dengan beberapa klik. Nama domain gratis, hosting aman, SSL, transfer, dan banyak lagi ... [Direkomendasikan]

penciptaan-gundukan-halaman dadministration-sur-wordpress

Di artikel berikutnya, kita akan melihat bagaimana kita bisa mulai memperkenalkan parameter nyata ke layar. Selain itu, kami akan memeriksa beberapa praktik terbaik dalam hal bekerja dengan model kami, maka kita akan melihat bagaimana mereka akan ditransfer ke PLC yang bertanggung jawab tidak hanya menyimpan, tetapi juga membersihkan dan memvalidasi nilai-nilai.

Itu saja untuk tutorial ini. Jangan ragu untuk mengajukan pertanyaan kepada kami jika Anda tidak memahami suatu hal.

Tinggalkan komentar

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai *

Situs ini menggunakan Akismet untuk mengurangi yang tidak diinginkan. Pelajari lebih lanjut tentang bagaimana data komentar Anda digunakan.

Tema WordPress Keren yang saya temukan
Dan ada lebih banyak tema dan model 50 000 untuk dipilih!

Kembali ke atas
8 saham
saham6
menciak
Register2
Ada apa