Cara membuat antarmuka pengguna untuk pemberitahuan pesan darurat di …

Situasi darurat dapat memengaruhi organisasi mana pun. Baik itu shutdown terkait cuaca, perubahan tiba-tiba dalam jam kerja, atau pipa bocor di ruang bawah tanah, semuanya terjadi. Salah satu cara terbaik untuk mengomunikasikan masalah semacam ini adalah dengan mempostingnya di situs Anda.

Informasi ini penting dan harus menonjol dari sisa konten di situs. Juga, menambahkan harus mengambil upaya sesedikit mungkin. Ini terutama terjadi ketika klien Anda memperbarui situs. Idealnya, Anda tidak boleh membuat keputusan desain saat mencoba membagikan pesan penting. Pengaturan waktu juga penting.

Hari ini kami menunjukkan kepada Anda solusi praktis yang menggunakan bidang WordPress khusus. Ini memungkinkan Anda untuk:

• Buat pesan darurat pribadi.
• Pilih ikon Font Awesome untuk muncul di sebelahnya.
• Aktifkan atau nonaktifkan pesan dengan satu klik.
• Tambahkan desain yang menarik ke tema WordPress Anda.

Siap memulai? Ayo lakukan!

Apa yang kamu butuhkan

Ini cukup mudah untuk disatukan. Namun, Anda memerlukan beberapa bahan:

Kedua plugin gratis harus diinstal dan diaktifkan. Anda juga perlu akses ke tema WordPress Anda.

Jika Anda menggunakan salah satu tema default yang disertakan dengan WordPress atau tema komersial, buat tema anak. Ini akan mencegah perubahan yang Anda buat agar tidak ditimpa dalam pembaruan nanti.

Tambahkan dan konfigurasikan bidang khusus

Tugas pertama adalah membuat grup bidang khusus di WordPress. Pertama, buka Custom Fields> Add New in WordPress Dashboard.

Anda bisa membuat bidang apa saja yang ingin Anda gunakan. Inilah contoh kita:

Atau, Anda dapat mengulangi contoh ini dengan tepat dengan mendapatkan file JSON berikut:

Setelah mengunduh file, buka Custom Fields> Tools. Kemudian Anda dapat mengimpor grup bidang khusus di situs Anda.

Setelah impor, buka Bidang Kustom> Grup Bidang. Klik "Pemberitahuan Darurat" untuk membuka layar edit.

Harap perhatikan bahwa Anda mungkin ingin mengubah beberapa pengaturan di sini. Secara khusus, fokus pada aturan situs untuk grup bidang. Pastikan bidang muncul pada halaman yang Anda inginkan. Dalam kasus kami, kami menampilkan bidang pada "Situs Web".

Buat pesan darurat

Sekarang adalah waktu untuk bernavigasi ke beranda tempat bidang pemberitahuan darurat ditetapkan.

Tampilan bidang dalam editor konten bervariasi. Jika Anda menggunakan editor blok Gutenberg, set bidang disembunyikan di bagian bawah editor dan di bawah semua konten yang ada.

Jika Anda menggunakan editor klasik, bidang dalam file JSON yang kami sediakan dikonfigurasi untuk tampil langsung di bawah judul halaman dan di atas semua konten yang ada.

Bagaimanapun, mudah untuk menambahkan pesan ke situs kami. Di kotak Perlihatkan pemberitahuan darurat, klik Ya. Kemudian pilih simbol (lihat daftar simbol Font Awesome yang tersedia). Masukkan pesan Anda dari sana di bidang WYSIWYG.

Simpan halaman dan voila! Yah, hampir …

Tambahkan pesan Anda di bagian depan dan desain

Akhirnya, mari tempel pesan darurat kami ke tema WordPress kami dan tambahkan gaya CSS.

Dalam contoh ini, kami menempatkan pesan di atas tajuk situs. Di sini membentang di lebar layar dan muncul di bagian atas halaman. Tentu saja, Anda dapat menambahkan ekstrak ini ke area mana pun yang Anda anggap terbaik.

Anda memiliki banyak fleksibilitas dalam hal gaya. Di sini kita menggunakan latar belakang merah dengan teks putih besar. Ikon Font Awesome kami disorot dengan warna kuning.

Hasil akhirnya akan sulit hilang!

Terus perbarui pengunjung

Situs web organisasi adalah salah satu tempat pertama di mana orang mencari informasi penting. Meskipun juga penting untuk memposting jenis pesan ini di media sosial, namun dapat dengan mudah tersesat di banyak konten.

Solusi ini menyediakan cara mudah untuk menambahkan pesan darurat kapan saja. Ketika tidak lagi diperlukan, itu dapat dihapus hanya dengan beberapa klik.

Ada juga cara untuk meningkatkan fungsionalitas dengan menambahkan bidang kustom lain yang relevan. ACF memiliki banyak opsi bawaan dan ada sejumlah plugin tambahan yang dapat melakukan lebih banyak lagi.

Hampir semua situs dapat menggunakan fitur ini. Atur sekarang sehingga Anda tidak harus bertarung nanti.