Cara Buat Halaman Pentadbiran Custom di Dashboard WordPress

Artikel yang ditulis oleh:
  • Artikel Pilihan
  • Dikemaskini: Jun 30, 2013

Apabila WordPress melancarkan apa yang dulu menjadi tema standardnya, Kubrick, beberapa tahun yang lalu, ia juga mengambil bungkusan ciri baru yang menarik. Ciri itu adalah panel pentadbiran tema tersuai, diaktifkan dengan menentukan fungsi dan keutamaan dalam tema "fungsi.php" khusus tema. Pada tahun-tahun yang telah berlaku, halaman pilihan tema telah sedih kurang digunakan oleh banyak pereka tema, tetapi sebenarnya cara yang baik untuk memberi pengguna kawalan ke atas penampilan laman mereka tanpa memaksa mereka untuk memasang tema baru. Hal-hal seperti imej latar belakang tema, jumlah lajur, dan warna fon juga boleh diubah menggunakan panel pentadbiran tersuai ini.

Panel pentadbiran itu sendiri diubah dengan mengisi fail fungsi tema dengan serangkaian susunan PHP yang menentukan nilai khusus. Nilai-nilai tersebut kemudian dimasukkan dalam templat dan ia ditakrifkan dalam panel pentadbiran yang membolehkan pengguna untuk menentukan pilihan penampilan mereka secara visual. Seluruh prosesnya sebenarnya agak mudah apabila pereka tema mempelajari bagaimana PHP bekerja dan bagaimana mereka dapat memanfaatkan sekeping kod itu untuk membolehkan persembahan tersuai dalam fail template mereka.

Proses beberapa langkah semuanya bermula dengan menetapkan beberapa pembolehubah laman luas dan menentukan apa yang perlu disesuaikan dalam halaman pentadbiran baru ini.

Langkah 1: Membuat dan Mengedit Halaman Fungsi-Specific.php

Jika anda telah membangunkan tema anda sendiri, kemungkinannya sangat tipis bahawa anda telah membuat fail functions.php yang dipasangkan dengan fail templat sedia ada. Ini adalah pilihan yang agak maju dan kebanyakan pereka hanya melangkauinya sama sekali. Dalam kes ini, penting untuk membuka pilihan pelanggan FTP anda dan arahkan ke URL pelayan berikut di mana fail tema berada:

/ public_html / wp-content / themes / YOUR-THEME-FOLDER /

Sekali di dalam folder ini, semak semula untuk memastikan tiada fail "functions.php" hadir dan kemudian gunakan program pengeditan teks anda untuk membuat fail baru bernama "functions.php." Fail ini kemudiannya boleh disimpan dan dimuat naik ke pelayan melalui FTP. Ia boleh diedit terus pada pelayan, menghapuskan keperluan untuk program pengeditan teks.

Langkah pertama untuk mempunyai panel pilihan tema yang sah yang ditakrifkan dalam fail "functions.php" adalah untuk menentukan dua pembolehubah di bahagian atas dokumen. Pembolehubah ini akan digunakan untuk memaparkan nama tema menggunakan Papan Pemuka, serta mengenal pasti bentuk dan unsur pemilihan dalam halaman pentadbiran itu. Perhatikan kod di bawah, letakkannya di bahagian atas dokumen "functions.php" anda, dan menyesuaikannya dengan keperluan tapak anda.

$ longname = "Tema Pembangunan Panel Pentadbiran";
$ shortcode = "apdt";

Pembolehubah ini berkhidmat untuk tujuan yang berbeza. Pemboleh ubah nama panjang $ akan digunakan untuk mencetak nama tema dalam panel pilihan pentadbiran sebenar. Atas sebab ini, adalah disyorkan bahawa pemaju menyerahkan nama tepat tema kepada pembolehubah ini untuk menghapuskan kekeliruan di kalangan pengguna tema mereka. Pembolehubah shortcode $ haruslah semua huruf kecil tanpa sebarang tanda baca, kerana ini akan digunakan untuk mengenal pasti elemen bentuk dalam kod itu sendiri. Contohnya, kata laluan ringkas digunakan berdasarkan nama penuh tema; ini boleh disesuaikan dengan rasa pengguna.

Langkah 2: Menentukan Keutamaan Customizable Menggunakan PHP Arrays

Pertama, penting untuk memberitahu tema apa nama panel pentadbiran. Ini akan dicetak di atas semua tetapan berpotensi dan membantu memupuk kejelasan tujuan kepada pengguna baru. Ini dilakukan dengan menambah array berikut kepada tag tetapan $ dalam fail "functions.php":

$ settings = array (
array ("name" => $ longname. "Tetapan Rupa",
"Type" => "tajuk"),

Seterusnya, kita mesti menunjukkan bahawa array penuh pilihan adalah "terbuka," atau boleh diubah suai oleh input pengguna. Ini dilakukan dengan menggunakan satu lagi array mudah yang muncul betul-betul di bawah definisi tajuk halaman. Ia kelihatan seperti ini:

array ("type" => "terbuka"),

Sekarang kita bebas untuk mula menentukan pilihan penampilan tema, dengan setiap satu daripada mereka dicipta sebagai array baru. Dalam contoh ini, kita akan menentukan teks yang diletakkan di dalam footer tema. Secara lalai, tema contoh mengandungi pautan ke laman web pemaju tema serta maklumat versi yang lengkap. Ini tidak diinginkan oleh sebilangan besar pengguna WordPress yang lebih suka meletakkan maklumat mereka sendiri di footer, namun, membolehkan kawalan tersuai ini menjimatkan pengeditan manual fail "footer.php". Begini bagaimana ia dilakukan.

array (
"Name" => "Teks Footer Tema Tersuai",
"Desc" => "Ini adalah teks yang dipaparkan di hujung setiap halaman yang terkandung dalam tema ini.",
"Id" => $ shortcode. "_ Custom_footer",
"Type" => "teks",
"Std" => "Tema Eksperimen v1.0. Dibangunkan oleh John Doe. Lebih banyak tema di sini. "),

Arahan di atas membolehkan pengguna untuk menentukan teks footer standard tema, tetapi tag array perlu diterangkan untuk menjelaskan lebih jelas bagaimana proses ini berfungsi dan apa yang setiap bahagian array ditakrifkan.

Nama: Ini merujuk kepada nama kotak teks sebenar itu sendiri, dan tidak dibentangkan kepada pengguna apabila mereka memasuki halaman pilihan pentadbiran untuk tema itu.

Desc: Ini adalah gambaran ringkas yang mengiringi tetapan peribadi, dan ini dipaparkan kepada pengguna.

ID: Ini menggunakan kod pendek bersama-sama dengan pengenalpastian khusus nama borang untuk kedua-dua hadir dan gaya kotak teks.

Jenis: Ini mentakrifkan sama ada elemen borang ialah baris teks, kotak teks, menu drop-down, butang radio, atau kotak semak.

PCB: Ini menentukan nilai lalai elemen yang dipilih. Untuk kotak teks, ini menentukan teks lalai yang dimasukkan ke dalamnya. Untuk kotak pilihan, butang radio, dan kotak lungsur, ini menentukan pilihan mana yang dipilih secara lalai.

Langkah 3: Memberitahu WordPress untuk Membolehkan Akses ke Halaman Pilihan Baru

Walaupun halaman pilihan telah diberikan tujuan menggunakan fail "functions.php" dalam folder rumah tema, ia masih belum diiktiraf oleh WordPress atau dimasukkan di antara banyak halaman tetapan lain dalam Dashboard WordPress. Ini kerana halaman pilihan tema mesti dikenal pasti di halaman fungsi dan diberitahu ke mana hendak pergi (sama ada sebagai elemen bar sisi bebas atau dalam kumpulan "Tetapan"). Ini dilakukan menggunakan fungsi yang agak mudah yang ditambah pada fail "functions.php" di bawah tatasusunan penyesuaian yang berpotensi:

fungsi eksperimental_theme_save_values ​​() {
nama $ global global, $ shortcode, tetapan $;
jika ($ _GET ['halaman'] == basename (__ FILE__)) {
jika ('simpan' == $ _REQUEST ['tindakan']) {
foreach (tetapan $ sebagai nilai $) {
update_option ($ value ['id'], $ _REQUEST [$ value ['id']]); }
foreach (tetapan $ sebagai nilai $) {
jika (isset ($ _REQUEST [$ value ['id']])) {update_option ($ value ['id'], $ _REQUEST [$ value ['id']]); } else {delete_option ($ value ['id']); }}
pengepala ("Lokasi: themes.php? page = functions.php & disimpan = true");
mati;
} else if ('reset' == $ _REQUEST ['action']) {
foreach (tetapan $ sebagai nilai $) {
delete_option ($ value ['id']); }
header ("Lokasi: themes.php? page = functions.php & reset = true");
mati;
}
}
add_menu_page ($ longname "Settings Appearance", "". $ longname "Settings Appearance", 'edit_themes', basename (__ FILE__), 'experimental_theme_save_values');

Sekeping kod ini melakukan dua perkara. Pertama, ia membolehkan tetapan tema disimpan melalui panel pilihan pentadbiran. Kedua, ia meletakkan butang bebas di bar sisi WordPress Dashboard yang membolehkan pengguna mengkliknya dan pergi terus ke panel pilihan tema. Ia dilabel "Tetapan Rupa" seperti halaman sebenar itu sendiri. Konsistensi adalah kunci untuk menghapuskan kekeliruan dan mengarahkan pengguna ke halaman tanpa memberitahu mereka secara khusus untuk membuat pilihan mereka ke panel pilihan untuk menyesuaikan penampilan tema.

Langkah 4: Menambah Mesej Ralat dan Menutup Fail PHP

Langkah terakhir untuk mengisi semua elemen panel pilihan tema adalah untuk menentukan mesej ralat yang mungkin dihadapi oleh pengguna dan kemudian pastikan unsur-unsur borang dapat disajikan dalam gaya WordPress lalai dalam halaman pilihan. Menambah mesej ralat dilakukan dengan menampal kod ini ke dalam fail fungsi PHP:

fungsi eksperimental_theme_save_values ​​() {
nama $ global global, $ shortcode, tetapan $;
jika ($ _REQUEST ['disimpan']) echo '
'. $ themename.' penyesuaian rupa telah berjaya disimpan.
';
jika ($ _REQUEST ['reset']) echo '
'. $ themename.' penyesuaian rupa telah berjaya diset semula.
';

Di bawah dua baris kod ini, bahagian PHP fail functions.php boleh ditutup menggunakan tag akhir>? Di bawah ini, kod XHTML akan diletakkan untuk gaya elemen menggunakan standard stylesheet Dashboard WordPress.

Langkah 5: Memberi Halaman Pilihan Beberapa Gaya

Pada masa ini, pengguna Dashboard WordPress dapat melihat halaman ralat baru tetapi mereka tidak boleh berbuat banyak dengannya. Itu kerana elemen bentuk dan lembaran gaya belum dimasukkan ke dalam fail functions.php untuk digunakan dalam antara muka pentadbiran. Itu sahaja yang akan berubah, seperti yang kita masukkan elemen bentuk lembaran dan unsur lalai untuk digunakan oleh panel baru:

<div class = "wrap">
<h2> <? php echo $ longname; ? > Tetapan </ h2>

<form method = "post" action = "options.php">

<? php break; teks 'kes':? >

<tr>
<td width = "20%" rowspan = "2" valign = "middle"> <strong> <? php echo $ value ['name']; ? > </ strong> </ td>
<td width = "80%"> <input style = "width: 100%;" name = "<? php echo $ value ['id']; ? > "Id =" <? Php echo $ value ['id']; ? > "Type =" <? Php echo $ value ['type']; ? > "Value =" <? Php if (get_settings ($ value ['id'])! = "") {Echo get_settings ($ value ['id']); } else {echo $ value ['std']; }? > "/> </ Td>
</ tr>

<tr>
<td> <small> <? php echo $ value ['desc']; ? > </ small> </ td>
</ tr> <tr> <td colspan = "2"> </ td>
</ tr>

<? php break;}? >

<input type = "submit" value = "<? php _e ('Save Theme Settings')? > "/>

Kod ini disisipkan di bawah tag tutup fail fungsi PHP, dan boleh disesuaikan untuk setiap jenis borang yang boleh dimuatkan oleh panel pilihan tema. Pemboleh ubah "kes" boleh ditukar daripada "teks" kepada perkara seperti kotak teks, kotak pilihan, pilih, dan tajuk. Bentuk-bentuk ini hanya perlu dimasukkan, ditakrifkan, dan ditata, jika ia digunakan oleh tema. Jika tidak, kemasukan mereka tidak perlu dan kemudian keluar dari fail fungsi tema akan mempromosikan kecekapan dan kod bersih.

Langkah 9: Membolehkan Pilihan Kustom untuk Terlihat pada Tema Sebenar

Terdapat dua langkah untuk dilaksanakan apabila memastikan sebarang perubahan boleh dilihat pada templat awam tema. Yang pertama ialah meletakkan pembolehubah ke dalam footer tema yang akan memaparkan hak cipta dan teks versi yang ditakrifkan oleh pengguna yang kami aktifkan pada langkah awal tutorial ini. Itu dilakukan dengan meletakkan kod berikut di kawasan hak cipta footer:

<? php echo $ apdt_custom_footer; ? >

Teks ini memanggil array tersuai untuk teks footer yang telah ditakrifkan sebelumnya dan, menurut pernyataan "Echo", mencetak teks itu di footer. Teg ini boleh dikandung dalam mana-mana tag XHTML pengguna melihat patut, tetapi ia tidak akan dipaparkan tanpa sekeping kod yang ditambahkan ke tajuk tapak.

Dalam tajuk, tema mesti diarahkan untuk mencari pilihan yang ditetapkan pengguna yang ditetapkan dalam Papan Pemuka WordPress, dan ia mesti mengetahui pembolehubah yang ditakrifkan dalam fail "functions.php" khusus supaya dapat mencetak kandungan mereka ke laman web. Ini dilakukan dengan meletakkan pembolehubah PHP berikut dalam tajuk laman web (biasanya fail "header.php"):

Tetapan php global <? php;
foreach (tetapan $ sebagai nilai $) {
jika (get_settings ($ value ['id']) === FALSE) {$$ value ['id'] = $ value ['std']; } else {$$ value ['id'] = get_settings ($ value ['id']); }
}
? >

Itulah yang ada padanya. Sekarang, setiap pilihan yang ditakrifkan dalam fail fungsi.php custom.php dapat dilihat dalam penampilan halaman dengan hanya memasukkan pembolehubah PHP yang ditetapkan khusus dimana penyesuaian dan kandungan yang ditetapkan sepatutnya berlaku.

Langkah 10: Uji Pengaturan Baru dan Halaman Pilihan

Tiada usaha pembangunan WordPress sepenuhnya selesai sehingga ia telah diuji dengan teliti untuk pepijat, kesilapan, dan kesilapan tidak sengaja dalam kod PHP yang dimasukkan ke dalam fail "functions.php". Yang berkata, sudah tiba masanya untuk mendapatkan ujian! Masuk ke Papan Pemuka WordPress dan, jika tema yang anda sedang kerjakan tidak dipilih pada saat ini, pastikan untuk menavigasi ke kategori "Rupa" di bar sisi dan aktifkan tema yang relevan.

Dari sana, periksa beberapa perkara:

  1. Pastikan pautan tetapan tema muncul sebagai entiti sendiri di bilah sisi di bawah tajuk kategori "Tetapan".
  2. Pastikan pilihan penyesuaian teks footer yang ditetapkan boleh diakses dalam panel kawalan pilihan adat; ubah suai kandungan default footer dan simpan pilihan. Pastikan ia menyimpan tanpa kesilapan.
  3. Lawati tapak web sebenar anda, dan pastikan bahawa perubahan yang dibuat di dalam Papan Pemuka mengenai kandungan footer dipaparkan.
  4. Sekiranya semuanya berfungsi dengan betul, bernafas lega dan nikmati pilihan panel WordPress kawalan pilihan pertama anda.

Mengenai Jerry Low

Pengasas WebHostingSecretRevealed.net (WHSR) - semakan hosting yang dipercayai dan digunakan oleh pengguna 100,000. Lebih daripada 15 tahun pengalaman dalam web hosting, pemasaran affiliate, dan SEO. Penyumbang kepada ProBlogger.net, Business.com, SocialMediaToday.com, dan banyak lagi.