Advertisement
  1. Code
  2. Creative Coding

Cara Membuat Jadwal Stasiun Radio Menggunakan WordPress

Scroll to top
Read Time: 10 mins

Indonesian (Bahasa Indonesia) translation by Ari Ana (you can also view the original English article)

Cukup sering, banyak stasiun radio dibangun menggunakan WordPress, tetapi banyak yang tidak memanen potensi sesungguhnya untuk membuat stasiun radio online yang sebenarnya. Tutorial ini akan menunjukkan bagaimana Anda dapat mengubah situs web radio menjadi daftar DJ stasiun radio yang berfungsi penuh dengan jadwal radio yang bagus untuk acara unggulan.


Perkenalan

Untuk situs web radio online kita, kita akan menampilkan beberapa DJ/host yang sedang mengudara. Kita akan membuat jenis posting kustom untuk mereka, di mana kita dapat menambahkan gambar, biografi dan informasi berguna lainnya. Kita juga akan membuat jadwal acara menggunakan jenis posting kustom WordPress lagi. Dicampur dengan beberapa metabox kustom, kita akan membuat administrasi acara yang mudah dikelola.


Langkah 1 Membuat Jenis Posting Kustom DJ/Host

Untuk menghindari file-file yang berantakan dengan kodenya, kita akan memisahkan cuplikan kita dan dengan menggunakan fungsi PHP include, kita akan memasukkannya ke file kita. Buka file functions.php Anda, yang terletak di folder tema Anda saat ini dan tambahkan potongan berikut:

Setelah selesai, buat file baru bernama schedule.php, kemudian kita tambahkan fungsi-fungsi kita untuk mendaftarkan jenis posting baru kita.

Untuk informasi lebih lanjut tentang jenis posting kustom, coba jenis posting kustom halaman ini

Menambahkan Thumbnail Posting

Untuk tutorial ini, kita akan menggunakan gambar yang diformat untuk jadwal. Oleh karena itu, kita akan menambahkan fungsi thumbnail posting WordPress.

Perhatikan bahwa kita telah menambahkan fungsi add_image_size dan beberapa parameter. Kita akan menggunakan ukuran thumbnail posting 260x160 untuk hasil akhir kita.


Langkah 2 Membuat Jenis Posting Kustom Schedule

Sama seperti langkah sebelumnya, kita akan membuat jenis posting selanjutnya menggunakan metode yang sama dan hanya mengubah beberapa nama dan variabel.


Langkah 3 Menambahkan Kotak Meta Kustom

Tutorial ini tidak akan menjelaskan setiap aspek pembuatan metabox kustom, tetapi kita akan menyoroti yang paling signifikan. Dengan begitu, kita akan mulai dengan memanggil dua hook add_action untuk metabox kita.

Di Anda tertarik untuk mempelajari lebih lanjut tentang kotak meta kustom. Ini adalah bacaan yang bagus: Cara Membuat Kotak Write/Meta Kustom WordPress

Menambahkan Meta-Box

Fungsi rschedule_box yang sebelumnya disebutkan di hook, akan mendaftarkan sekelompok metabox ke layar edit posting kita. Kita akan menggunakan metabox ini pada halaman Edit Schedule Kita.

Membuat Daftar Pilih DJ

Pada langkah ini, kita membuat fungsi yang akan menghasilkan daftar pilih di layar kita. Daftar ini akan menampilkan semua DJ/Host yang ditambahkan ke jenis posting kustom kita, yang kita buat pada Langkah 1. Fungsi ini akan melakukan kueri jenis posting dan mengembalikan item sebagai array, maka kita akan mengulang array dan mencampurnya dengan beberapa HTML. Dengan cara ini, kita bisa mereferensikan ID posting DJ, yang akan kita butuhkan dalam menghasilkan keluaran kita nanti.

Membuat Slot Waktu

Fungsi selanjutnya adalah fungsi kita yang akan menampilkan hari-hari dalam seminggu dan opsi untuk memilih waktu ketika pertunjukan akan ditayangkan. Agar kita mendapatkan hari-hari dalam seminggu, kita akan membuat sebuah array.

Setelah selesai, mari kita buat fungsi slot waktu kita. Tambahkan kode berikut ke file Anda.

Seperti yang Anda lihat, kita mereferensi array hari kita dengan menggunakan global $days. Kita bisa menempatkannya di dalam fungsi tetapi kita akan merujuknya sesekali, jadi kita akan meninggalkannya di luar. Juga, lihat bagaimana array hari digunakan, kita telah memilih untuk mengulang beberapa bidang pemilihan menggunakan hari, jadi kita harus memiliki beberapa bidang pemilihan untuk 7 hari dalam seminggu. Variabel $selected_start dan $selected_end menggunakan fungsi WordPress get_post_meta, agar mendapatkan nilai yang saat ini dipilih untuk daftar kita. Kita juga secara strategis menggunakan key dari array kita di daftar kita untuk menamai bidang formulir, label, dan mendapatkan nilai yang kita pilih. Ketika PHP menafsirkan nama bidang, itu akan terlihat mirip dengan schdule_dj-start-sun ini di mana sun akan diubah sesuai dengan hari saat ini dalam perulangan. Ini akan sangat berguna bagi kita di bagian lain dari tutorial. Terakhir, Anda akan menyadari bahwa kita telah mereferensikan fungsi schedule_time_select, yang belum kita buat. Mari kita buat fungsi itu sekarang.

Fungsi ini akan menghasilkan opsi untuk daftar pilihan kita. Setiap opsi akan bertambah selama 15 menit dan didasarkan pada sistem 24 jam. Untuk opsi pertama, kita menetapkan nilai 0 untuk hari-hari yang ingin kita abaikan. Dalam pengaturan, ada pernyataan if kecil yang memeriksa nilai yang dikirim dari fungsi slot waktu radio kami untuk menentukan apakah opsi harus ditetapkan menjadi selected.


Langkah 3 Menyimpan Kotak Meta

Akhirnya, sudah waktunya untuk menyimpan semua informasi metabox kita. WordPress memiliki cara yang sangat sederhana dan mudah untuk menyimpan opsi ini, tetapi kita akan membuatnya lebih dinamis. Tambahkan cuplikan berikut ke file Anda.

Sekali lagi, Anda melihat kegunaan variabel days global kita. Dalam fungsi ini, kita mengulang setiap hari dan kita menyimpan opsi dari bidang pilihan kita dengan mengubah nama saat perulangan hari-hari.


Langkah 3 Menyimpan Kotak Meta

Wow! Jika Anda masih bersama saya, mari kita jadikan semua kode ini bekerja, ya? Ok, bagus! Cuplikan di bawah ini menunjukkan bagaimana kita akan mengulang melalui setiap jadwal yang kita buat dan menempatkannya di div. Tambahkan sedikit kode itu dan mari kita rinci.

Pertama-tama, kita membuat perulangan untuk jenis posting kustom dj_schedule kita, membuat div dan daftar judul. Saat berada di dalam div, kita mengambil ID DJ yang kita tambahkan di admin menggunakan fungsi get_post_meta. Kemudian kita menggunakan ID yang sama dan memanggil fungsi get_post WordPress untuk nilai posting itu dan menetapkan mereka ke variabel yang kemudian kita gunakan untuk mendapatkan nama dan foto DJ.

Mendapatkan Slot Waktu

Tepat di bawah DJ kita, kita memiliki perulangan hari kita yang melewati setiap hari sambil membuat pemeriksaan untuk melihat apakah ada waktu mulai untuk hari itu. Jika mereka memang ada, maka kita keluarkan awal dan akhir waktu menjadi sebuah div.

Menambahkan Jadwal Kita ke Halaman

Kita bisa melakukan banyak hal untuk menambah jadwal ke halaman, tetapi untuk tutorial ini, kita hanya akan menggunakan shortcode. Jadi, dengan hanya satu baris kode, kita akan membuat kode pendek yang dapat kita panggil dan tambahkan pada halaman apa pun dan voila! Kita memiliki jadwal radio yang berfungsi!


Kesimpulan

Ini adalah fase pertama dari menambahkan lebih banyak fitur hebat ke situs web radio WP Anda. Saya telah memilih beberapa gaya sederhana untuk tata letaknya, Anda dapat menambahkan gaya ini ke file style.css Anda. Dalam tutorial lain, saya akan menjelaskan cara membuat streaming langsung yang bagus dengan pertunjukan saat ini, DJ, dan pemutar radio.


Tanggapan Anda sangat dihargai. Biar saya tahu apa yang Anda pikirkan di komentar di bawah ini. Selamat mengkode!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Code tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.