wpbars – Widget dan menu umumnya merupakan port of call pertama Anda saat membuat penyesuaian ke situs WordPress. Mereka tidak hanya memungkinkan Anda menempatkan dan menampilkan konten di mana saja di situs Anda (yang siap widget, tentu saja, dalam hal widget) tetapi mereka juga merupakan fitur yang patut diperhatikan untuk setiap calon pengguna tema Anda.Saat menambahkan widget dan menu ke tema Anda pada akhirnya melibatkan beberapa keahlian pengkodean, PHP sebenarnya yang dibutuhkan mudah untuk diterapkan. Setelah Anda memahami logika, Anda kemudian dapat menempatkan keterampilan CSS Anda untuk menggunakan gaya bagaimana sidebar dan menu Anda terlihat dan terasa.
Pengembangan WordPress untuk Pemula: Widget dan Menu – Ini adalah posting keempat dalam seri lima bagian kami untuk pemula, yang mengajarkan Anda konsep dasar pengembangan WordPress sehingga Anda dapat melompat dari seorang pembuat ke pengembang. Pada akhir seri, Anda akan dapat membuat tema dan plugin dasar Anda sendiri, dan menyempurnakannya dengan fitur Anda sendiri.Dalam tutorial ini, Anda akan belajar cara membuat kode dan menyesuaikan bilah sisi dan menu Anda sendiri. Kami juga akan mempelajari pengkodean kueri khusus untuk fungsionalitas yang lebih kompleks.
Pengembangan WordPress untuk Pemula: Widget dan Menu
– Bekerja dengan Area Widget
Apa yang disebut banyak orang sebagai sidebar sebenarnya adalah area widget. Terkadang memang ditampilkan di area sidebar, tetapi ini tidak selalu terjadi. Area widget dapat ditampilkan di mana saja di situs Anda dan di mana tepatnya terserah Anda sebagai pengembang tema. Anda mungkin ingin menampilkan satu widget di footer, yang lain di bawah posting, satu tersembunyi di balik menu, dan seterusnya.
Anda juga perlu memberi tahu WordPress bahwa Anda berencana membuat area widget. Ini disebut mendaftarkan bilah sisi dan membuat antarmuka pengguna muncul di admin. Di bagian ketiga dari seri ini, Pengembangan WordPress untuk Pemula: Pengantar Pengembangan Tema, kami membuat file functions.php. Mari buat konten utama untuk tema yang telah kita kerjakan sedikit lebih sempit dan tambahkan kolom kedua untuk sidebar.Jika Anda tidak memahami bit add_action() jangan khawatir, kami belum membahasnya! (Kita akan melihatnya di posting berikutnya dalam seri ini, Pengembangan WordPress untuk Pemula: Membangun Plugin.Inti masalahnya ada di fungsi mat_widget_areas() . Kami menggunakan fungsi register_sidebar() untuk memberi tahu WordPress semua detail area widget kami.
Parameter nama dan deskripsi akan ditampilkan di antarmuka pengguna admin, jadi buatlah deskriptif! Setiap widget akan dibungkus dengan kode yang disediakan di parameter sebelum dan sesudah widget. Gunakan %1$s sebagai pengganti untuk ID dan %2$s untuk kelas apa pun dan WordPress akan menghasilkan ini secara otomatis.Setelah Anda menyimpan kode ini, Anda akan melihat tampilan sub-bagian Widget baru dalam menu Penampilan dan area widget kami akan muncul dengan detail yang diberikan.Sejauh ini baik. Anda sekarang dapat menambahkan widget ke area widget ini seperti biasa, tetapi itu tidak akan muncul di mana pun karena kami belum menambahkannya ke kode tema kami dulu.
– Widget: Apa yang Kami Pelajari
Itu mungkin sedikit berlebihan jika ini adalah pertama kalinya Anda menerapkan bilah sisi, jadi mari kita rekap.
Untuk menambahkan sidebar ke WordPress Anda perlu menambahkan langkah-langkah berikut:
a. Daftarkan bilah sisi menggunakan register_sidebar()
b. Gunakan dynamic_sidebar() di sidebar.php untuk menarik widget Anda
c. Gunakan get_sidebar() untuk memasukkan sidebar di tempat yang sesuai
d. Gunakan CSS untuk menata karya Anda
Bekerja dengan Menu
Menu serupa dalam logikanya dengan area widget. Anda harus terlebih dahulu mendaftarkannya sehingga muncul di admin WordPress dan kemudian menambahkannya ke tema Anda menggunakan fungsi. Fungsi ini memungkinkan Anda untuk menambahkan beberapa menu dengan menambahkan anggota ke array. Kunci array adalah nama lokasi tema dan nilainya adalah nama menu itu sendiri. Setelah Anda selesai melakukannya, Anda dapat mulai menyusun menu. Pastikan untuk menambahkan beberapa item dan kemudian assign menu ke lokasi Our Awesome Header Menu”.
Fungsi wp_nav_menu() mengambil banyak parameter yang dapat Anda gunakan untuk mengontrol output. Namun, lokasi tema adalah yang terpenting bagi kami. Lihatlah dokumentasi fungsi di Codex WordPress untuk penjelasan yang lebih mendalam. Terakhir, saya akan menambahkan beberapa gaya dasar untuk membuat semuanya terlihat setengah rapi. Maafkan keburukan itu semua dapat diurus dengan beberapa CSS yang dibuat dengan hati-hati.
Baca Juga : Cara Penyesuaian Widget Bottom Navigation Pada Aplikasi Flutter Anda
– Bacaan dan Studi Lebih Lanjut
Ada banyak persyaratan yang harus dipenuhi oleh sebuah tema untuk dipertimbangkan untuk dimasukkan dalam Direktori Tema WordPress. Kami baru saja menggores permukaan dan Anda sekarang harus memiliki pengetahuan yang cukup untuk mulai memilih menambahkan lebih banyak fungsionalitas ke tema Anda. Saya sarankan menginstal plugin Theme Check, yang akan menganalisis tema Anda dan menunjukkan kepada Anda apa yang perlu dilakukan untuk memenuhi persyaratan Tim Peninjau Tema WordPress.
Beberapa hal yang harus Anda tambahkan termasuk halaman 404, mungkin tampilan khusus untuk hasil pencarian, pagination, dan sejumlah elemen lain yang digunakan situs web sehari-hari setiap saat, seperti halaman tentang dan halaman kontak. Setelah Anda menentukan semua persyaratan, Anda mungkin ingin menggunakan penyesuai tema untuk memungkinkan pengguna tema Anda di masa mendatang memilih warna mereka sendiri dan opsi lainnya. Kami telah membahas dasar-dasar pengembangan tema dan masih banyak lagi yang harus dipelajari, tapi selama Anda berlatih Anda harus melakukannya dengan baik. Begitulah cara saya belajar: sedikit demi sedikit.
Periksa kembali minggu depan untuk posting terakhir dalam seri ini, Pengembangan WordPress untuk Pemula: Membangun Plugin. Sementara itu, Anda harus:
a. Tinjau posting minggu lalu dalam seri ini, Pengembangan WordPress untuk Pemula: Membangun Tema
b. Terus tingkatkan PHP Anda – tinjau Pengembangan WordPress untuk Pemula: Belajar PHP dan lihat posting terbaru kami Belajar PHP, Mendalam: 8 Sumber Daya untuk Pengembang WordPress untuk sumber daya PHP lainnya
c. Lanjutkan membangun tema Anda. Anda akan terjebak, Anda akan frustrasi dan Anda akan membuat kesalahan yang membutuhkan waktu lama untuk diperbaiki, tetapi itu semua normal. Kerjakan melaluinya itu semua adalah bagian dari proses pembelajaran
