Cara membuat UI notifikasi pesan…

Keadaan darurat dapat mempengaruhi semua organisasi. Baik itu penutupan terkait cuaca, perubahan jam buka yang tiba-tiba, atau kebocoran pipa di ruang bawah tanah, apa pun terjadi. Salah satu cara terbaik untuk mengomunikasikan masalah tersebut adalah dengan mempublikasikannya di situs web Anda.

Informasi ini sangat penting dan harus menonjol dari konten lainnya di situs. Menambahkan juga harus dilakukan sesedikit mungkin. Ini terutama terjadi ketika klien Anda memperbarui situs web. Idealnya, Anda tidak boleh membuat keputusan desain saat mencoba membagikan pesan penting. Pengaturan 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 yang muncul di sebelahnya.
Mengaktifkan atau menonaktifkan pesan hanya dengan satu klik.
Tambahkan desain yang menarik ke tema WordPress Anda.

Siap untuk memulai? Kami melakukannya!

Apa yang kau butuhkan

Ini cukup mudah untuk disatukan. Tetapi 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 standar yang disertakan dengan WordPress atau tema komersial, Anda akan membuat tema anak. Ini 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 to WordPress Dashboard.

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

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

Setelah mengunduh file, buka Bidang Kustom > Alat. Anda kemudian dapat mengimpor kumpulan bidang khusus ke situs web Anda.

Setelah diimpor, buka Bidang Kustom > Grup Bidang. Klik pada pesan mendesak yang mendesak untuk membuka layar edit.

Perhatikan bahwa Anda mungkin ingin mengubah beberapa pengaturan di sini. Fokus khusus pada aturan situs untuk grup domain. 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 situs di mana 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 akan dikonfigurasi untuk muncul langsung 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 ikon (lihat daftar ikon yang tersedia untuk font). Masukkan pesan Anda dari sana di bidang WYSIWYG.

Simpan halaman dan voila! Ada hampir…

Tambahkan pesan Anda ke depan dan desain

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

Dalam contoh ini, kami menempatkan pesan di header. 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 dalam hal gaya. Di sini kita menggunakan latar belakang merah dengan teks putih besar. Ikon font mengagumkan kami disorot dengan warna kuning.

Hasil akhirnya sulit hilang!

Tetap perbarui pengunjung Anda

Situs web organisasi adalah salah satu tempat pertama orang mencari informasi penting. Penting juga untuk mempublikasikan pesan jenis ini di media sosial, tetapi dapat dengan mudah tersesat di 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. Atur sekarang sehingga Anda tidak perlu bertengkar nanti.