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 bergerak maju 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 terpasang 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 sedang 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 tersedia, kami akan siap untuk mulai mengerjakan 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.
  • Membersihkan dan "membuat cerita bersambung" opsi di halaman.
  • Memvalidasi dan mengembalikan nilai yang telah disimpan sesuai.

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

1 - Buat Bootstrap plugin

Kami maksud dengan bootstrap: " persiapan elemen plugin Ini akan termasuk membuat direktori untuk menyimpan 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 terkait dengan fitur administrasi.

Buat situs web Anda dengan Elementor dengan mudah

Elementor memungkinkan Anda untuk dengan mudah membuat desain situs web apa pun dengan tampilan profesional. Berhentilah membayar mahal untuk apa yang dapat Anda lakukan sendiri. [Gratis]

Set file terlihat seperti ini:

organisasi-of-catatan-the-plugin

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

<? php / ** * File pembuka * * Ini adalah file utama yang akan dibaca oleh WordPress. * * @link https://blogpascher.com * @since 1.0.0 * @package Custom_Admin_Settings * * @ wordpress-plugin * Nama Plugin: Administrasi Kustom * Plugin URI: https://blogpascher.com * Deskripsi: Pelajari cara membuat plugin WordPress. * Versi: 1.0.0 * Penulis: Nama Anda * Penulis URI: https://example.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. * * @ sejak 1.0.0 * / function custom_admin_settings () {}

Perhatikan bahwa dalam kode di atas, hanya ada sedikit kode. Sebaliknya, ada banyak komentar. Blok komentar utama di awal file menentukan plugin.

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

Maka kami akan mencegah siapa pun mengakses file secara langsung. Dan, akhirnya, kami membuat fungsi khusus untuk dibuat dengan acara " plugins_loaded ". Fungsi inilah 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. Silakan dan klik Aktifkan.

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

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]

2 - Cara membuat submenu

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

  • teks untuk 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 kita akan menggunakan kelas untuk mengatur fungsionalitas kita, banyak hal yang akan kita lakukan akan dilakukan di " berorientasi objek '.

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

Konten kelas akan terlihat seperti ini:

<? php / ** * Membuat item submenu untuk plugin. * * @paket Custom_Admin_Settings * / / ** * Buat submenu untuk menu. * * Menyimpan menu di bawah menu "Tools". * * @paket Custom_Admin_Settings * / Submenu kelas {/ ** * Mengacu pada kelas yang bertanggung jawab untuk merender halaman submenu. * * @var Submenu_Page * @access private * / private $ submenu_page; / ** * Inisialisasi semua kelas. * * @param Submenu_Page $ submenu_page Referensi ke kelas yang membuat halaman * untuk plugin. * / fungsi publik __construct ($ submenu_page) {$ this-> submenu_page = $ submenu_page; } / ** * Tambahkan submenu ke menu alat. * / fungsi publik init () {add_action ('admin_menu', array ($ this, 'add_options_page')); } / ** * Membuat item submenu dan memanggil objek Submenu Page untuk membuat konten halaman yang sebenarnya. * / fungsi publik add_options_page () {add_options_page ('Halaman Administrasi', 'Halaman Administrasi Kustom', 'kelola_options', 'halaman admin-kustom', array ($ this-> submenu_page, 'render')); }}

Pada titik ini, plugin masih tidak akan berbuat banyak. Kita masih perlu membuat kelas " Submenu_Page Maka kita perlu memasukkan kelas-kelas dalam file startup plugin.

3 - Membuat Subhalaman

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

<? Php / ** * Membuat halaman submenu untuk plugin. * * @Package Custom_Admin_Settings * / / ** * Membuat menu untuk halaman Plugin. * Menyediakan fungsi yang diperlukan untuk membuat halaman. * * @Package Custom_Admin_Settings * / class Submenu_Page {/ ** * Fungsi ini mengembalikan isi yang berhubungan dengan menu yang menyediakan rendering. * / Fungsi Public 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, kita akan menghidupkan plugin dengan instantiate di file startup kita.

4 - Rendering menu dan halaman

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

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

Dalam kode tersebut, tampilannya seperti ini:

Buat Toko Online Anda dengan mudah

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

<? Php // Jika file s'intitule ini Langsung, batalkan. if (! defined ('WPINC')) {die; } // Inklusi dari semua ketergantungan. foreach (glob (plugin_dir_path (__FILE__) admin / php * ') sebagai $ file..) {include_once $ file; } ADD_ACTIONsebagai ( '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 me-refresh instalasi WordPress Anda, mengaktifkan plugin (jika belum terjadi), lalu akses halaman baru Anda di dasbor.

penciptaan-gundukan-halaman dadministration-sur-wordpress

Pada artikel selanjutnya, kita akan melihat bagaimana kita dapat mulai memperkenalkan parameter nyata ke layar. Selain itu, kami akan meninjau beberapa praktik terbaik dalam bekerja dengan model kami, dan kemudian kami akan melihat bagaimana mereka akan ditransfer ke API yang bertanggung jawab tidak hanya untuk merekamnya, tetapi juga untuk membersihkannya dan memvalidasi nilai-nilai.

Itu saja untuk tutorial ini. Jangan ragu untuk bertanya kepada kami jika Anda tidak mengerti maksudnya.

Artikel ini berisi komentar 0

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.

Kembali ke atas
8 saham
saham6
menciak
Register2