Tag Pastikan tema Anda dikodekan dalam salah satu bentuk ramah widget yang lebih “ideal” untuk menghindari masalah ini.
Daftarkan sidebar
Langkah selanjutnya adalah mengevaluasi desain Anda. Berapa banyak area widget yang Anda inginkan? Satu tidak menjadi masalah. Dua atau lebih juga tidak menjadi masalah. Anda bahkan dapat memformatnya dengan berbagai cara selama ramah widget, seperti dijelaskan di atas.
Hal pertama yang Anda perlukan adalah membuat file functions.php file di dalam direktori tema Anda. Ini adalah file yang dapat Anda gunakan untuk mengubah fungsionalitas WordPress dengan kode PHP, tanpa menggunakan plugin, atau mengedit kode inti. Semuanya dibangun ke dalam tema tertentu.
Mari kita kembali ke format elemen sidebar ramah widget yang ideal itu, contoh pertama dalam posting ini. Untuk mendaftarkan sidebar dalam format itu, kami akan menempatkan kode berikut di file kami.
if (function_exists (‘register_sidebar’))
register_sidebar (larik (
‘before_widget’ => ”,
‘after_widget’ => ”,
‘before_title’ => ‘
‘,
‘after_title’ => ‘
‘,
));
?>
Tampaknya cukup jelas, bukan? Judul “Kategori” dilampirkan di
dan
Oleh karena itu, kami menempatkan itu adalah nilai untuk dan masing-masing. Anda juga dapat meletakkan kode di yang lain dan menyertakan setiap elemen widget dalam kode lain yang mungkin Anda perlukan untuk desain Anda.
Tag sidebar bersyarat
Hei, tag bersyarat? Semoga kedengarannya tidak asing bagi Anda. Kami akan menggunakan sesuatu yang mirip untuk memeriksa apakah sidebar terdaftar dengan widget dan apakah aktif. Di bagian atas sidebar (atau tempat Anda ingin widget mulai ditampilkan), letakkan kode berikut.
Barang sidebar berada di tengah, dan kemudian …
Pastikan Anda memiliki pernyataan if after di pembukaan di beberapa titik, atau seluruh topik Anda akan rusak. Jika Anda telah melakukan semuanya sekarang, tema Anda seharusnya sudah siap widget. Namun, kami belum selesai …
Beberapa area siap widget
Dengan sedikit penambahan dan perubahan pada file Anda dan beberapa lagi pada file tema Anda, Anda dapat memiliki sebanyak mungkin area widget yang Anda inginkan, masing-masing dengan nama uniknya sendiri.
Misalkan Anda memiliki tata letak 3 kolom dengan 2 sidebar: satu di kiri dan satu di kanan. Anda ingin menyesuaikan keduanya secara terpisah. Kami akan bekerja dengan struktur sidebar dari contoh pertama untuk keduanya. File functions.php Anda akan terlihat seperti ini:
if (function_exists (‘register_sidebar’))
register_sidebar (larik (
‘name’ => ‘Sidebar kiri’,
‘before_widget’ => ”,
‘after_widget’ => ”,
‘before_title’ => ‘
‘,
‘after_title’ => ‘
‘,
));
if (function_exists (‘register_sidebar’))
register_sidebar (larik (
‘name’ => ‘Sidebar kanan’,
‘before_widget’ => ”,
‘after_widget’ => ”,
‘before_title’ => ‘
‘,
‘after_title’ => ‘
‘,
));
?>
Perhatikan bagian baru dari matriks tersebut. Anda dapat memberi nama ini apa pun yang Anda inginkan, tetapi cobalah untuk deskriptif. Sekarang ketika Anda membuka file Anda atau di mana pun setiap sidebar Anda berada di tema Anda, Anda akan menggunakan tag kondisional berikut, dengan nama sidebar yang Anda pilih. Selain itu, pastikan file ini tidak memiliki spasi atau baris baru yang salah karena dapat menyebabkan pesan peringatan muncul saat mengedit sesuatu.
Barang bawaan bilah sisi kiri di sini …
Dan untuk sidebar kanan …
Barang sidebar kanan default di sini …
Pastikan semuanya konsisten dalam hal nama yang Anda pilih di kedua file.
Hal lain yang dapat Anda lakukan dengan widget
Widget tidak harus digunakan untuk sidebar. Mereka dapat digunakan untuk hal-hal lain seperti footer, atau bahkan di header. Secara teori, Anda bahkan tidak perlu meletakkan kode “default” di antara tag kondisional. Berkreasilah dengan itu dan gunakan imajinasi Anda. Gunakan widget di header Anda untuk merotasi iklan, atau memiliki widget kotak login di footer, atau di mana pun Anda inginkan – terserah Anda.
kesimpulan
Semoga Anda telah belajar dari tutorial ini dan sekarang Anda tahu cara membuat widget dari tema Anda. Jika Anda mendapatkan kesalahan seperti “header sudah terkirim …” saat mengedit apa pun, Anda mungkin perlu memeriksa file functions.php untuk memastikan tidak ada spasi di bawah tag penutup?>.
Beberapa bacaan lebih lanjut tersedia di Automattic dan WPDesigner. Ada beberapa versi kode yang “dipersingkat” yang saya buat di halaman-halaman itu.
Jangan ragu untuk berkomentar atau berbagi jika Anda menyukainya. Saya menghargai semua komentar. Selain itu, pastikan untuk berlangganan feed jika Anda belum menerima rilis topik dan tutorial terbaru.
