Cara membuat antarmuka pengguna untuk memberi tahu pesan penting di…

Keadaan darurat dapat memengaruhi organisasi mana pun. Baik itu penutupan terkait cuaca, perubahan jam kerja yang tiba-tiba, atau kebocoran pipa di ruang bawah tanah, semuanya terjadi. Salah satu cara terbaik untuk mengomunikasikan jenis masalah ini adalah dengan mempostingnya di situs web Anda.

Informasi ini sangat penting dan harus menonjol dari konten lainnya di situs. Juga, menambahkan harus mengambil sedikit usaha mungkin. Ini terutama terjadi ketika klien Anda memperbarui situs web. Idealnya, Anda tidak boleh membuat keputusan desain saat mencoba membagikan pesan penting. Waktu juga sangat penting.

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

• Buat pesan mendesak pribadi.
• Pilih ikon Font Awesome untuk muncul di sebelahnya.
• Mengaktifkan atau menonaktifkan pesan hanya dengan satu klik.
• Tambahkan desain yang menarik ke tema WordPress Anda.

Siap untuk memulai? Ayo lakukan!

Apa yang kau butuhkan

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

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

Jika Anda menggunakan salah satu tema default yang disertakan dengan WordPress atau tema komersial, buatlah tema anak. Ini akan mencegah perubahan apa pun yang Anda buat agar tidak ditimpa di pembaruan selanjutnya.

Tambahkan dan konfigurasikan bidang khusus

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

Anda dapat membuat bidang apa pun yang ingin Anda gunakan. Berikut adalah contoh kami:

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

Setelah mengunduh file, buka Bidang Kustom > Alat. Anda kemudian dapat mengimpor grup bidang khusus di situs Anda.

Setelah diimpor, buka Bidang Kustom > Grup Bidang. Klik “Pemberitahuan Mendesak” untuk membuka layar edit.

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

Buat pesan mendesak

Sekarang saatnya untuk menavigasi ke beranda tempat bidang pemberitahuan darurat ditentukan.

Tampilan bidang di editor konten bervariasi. Jika Anda menggunakan editor blok Gutenberg, kumpulan 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 muncul tepat di bawah judul halaman dan di atas semua konten yang ada.

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

Simpan halaman dan voila! Hampir saja…

Tambahkan pesan Anda di bagian depan dan desain

Terakhir, tempelkan pesan mendesak kami ke tema WordPress kami dan tambahkan gaya CSS.

Dalam contoh ini, kami menempatkan pesan di header halaman web. Ini mencakup lebar layar dan muncul di bagian atas halaman. Tentu saja, Anda dapat menambahkan ekstrak ini ke area mana pun yang menurut Anda terbaik.

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

Hasil akhirnya akan sulit hilang!

Pembaruan untuk pengunjung

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

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

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

Hampir semua situs web dapat menggunakan fitur ini. Siapkan sekarang sehingga Anda tidak perlu bertengkar nanti.