İnternette İstediğiniz Gibi Çevrimiçi Para Kazanma!

Acil durum mesajları bildirimi için bir kullanıcı arayüzü nasıl oluşturulur …

Şu an okuyorsunuz: Acil durum mesajları bildirimi için bir kullanıcı arayüzü nasıl oluşturulur …

Acil durumlar herhangi bir organizasyonu etkileyebilir. İster hava durumu ile ilgili bir kapatma, ister çalışma saatlerinde ani bir değişiklik, ister bodrum katında sızdıran bir boru olsun, işler olur. Bu tür sorunları iletmenin en iyi yollarından biri, bunları sitenize göndermektir.

Bu bilgi önemlidir ve sitedeki diğer içeriklerden farklı olmalıdır. Ayrıca, ekleme işlemi mümkün olduğunca az çaba gerektirir. Bu, özellikle istemciniz siteyi güncellediğinde geçerlidir. İdeal olarak, önemli bir mesajı paylaşmaya çalışırken tasarım kararları vermemelisiniz. Zamanlama da önemlidir.

Bugün size özel WordPress alanlarını kullanan pratik bir çözüm gösteriyoruz. Şunları yapmanızı sağlar:

  • Kişisel acil durum mesajı oluşturun.
  • Yanında görünecek bir Font Awesome simgesi seçin.
  • Tek bir tıklama ile mesajı etkinleştirin veya devre dışı bırakın.
  • WordPress temanıza göz alıcı bir tasarım ekleyin.

Başlamaya hazır mısınız? Hadi yapalım!

İhtiyacınız olan şey

Bu bir araya getirmek için yeterince kolaydır. Ancak, bazı malzemelere ihtiyacınız var:

Her iki ücretsiz eklentinin de yüklenmesi ve etkinleştirilmesi gerekir. WordPress temanıza da erişmeniz gerekiyor.

WordPress veya ticari bir tema ile birlikte gelen varsayılan temalardan birini kullanıyorsanız, bir alt tema oluşturun. Bu, daha sonraki bir güncellemede yaptığınız değişikliklerin üzerine yazılmasını engeller.

Özel alanlar ekleme ve yapılandırma

İlk görev WordPress’te özel bir alan grubu oluşturmaktır. İlk olarak, WordPress Panosunda Özel Alanlar> Yeni Ekle’ye gidin.

Kullanmak istediğiniz herhangi bir alanı oluşturabilirsiniz. İşte örneğimiz:

Alternatif olarak, aşağıdaki JSON dosyasını alarak bu örneği tam olarak tekrarlayabilirsiniz:

Dosyayı indirdikten sonra Özel Alanlar> Araçlar’a gidin. Ardından, sitenizdeki özel alan grubunu içe aktarabilirsiniz.

İçe aktarma işleminden sonra Özel Alanlar> Alan Grupları’na gidin. Düzenleme ekranını açmak için “Acil Durum Bildirimleri” ni tıklayın.

Burada bazı ayarları değiştirmek isteyebileceğinizi lütfen unutmayın. Özellikle, alan grubu için site kurallarına odaklanın. Alanların istediğiniz sayfalarda göründüğünden emin olun. Bizim durumumuzda alanları “Web Sitesi” nde gösteririz.

Özel alan yerleşim kuralları

Acil durum mesajı oluşturma

Acil durum bildirim alanlarının atandığı ana sayfaya gitme zamanı.

İçerik düzenleyicideki alanların görünümü değişir. Gutenberg blok düzenleyicisini kullanırsanız, alan kümesi düzenleyicinin altında ve mevcut tüm içeriğin altında gizlenir.

Klasik düzenleyiciyi kullanırsanız, sağladığımız JSON dosyasındaki alanlar doğrudan sayfa başlığının altında ve mevcut tüm içeriğin üstünde görünecek şekilde yapılandırılır.

Her durumda, mesajı sitemize eklemek kolaydır. Acil durum bildirimini göster kutusunda Evet’i tıklatın ve ardından bir sembol seçin (mevcut Font Awesome sembolleri listesine bakın). WYSIWYG alanına mesajınızı oradan girin.

WordPress İçerik Düzenleyicisi'ndeki acil durum bildirim alanları.

Sayfayı kaydedin ve voila! Neredeyse …

Önünüze mesaj ve tasarım ekleyin

Son olarak, acil durum mesajımızı WordPress temamıza yapıştıralım ve bir CSS stili ekleyelim.

Bu örnekte, mesajı site başlığının üzerine yerleştirdik. Burada ekranın genişliği boyunca uzanır ve sayfanın üstünde görünür. Tabii ki, bu özü en iyi düşündüğünüz herhangi bir alana ekleyebilirsiniz.

Stil açısından çok fazla esnekliğe sahipsiniz. Burada büyük beyaz metinli kırmızı bir arka plan kullanıyoruz. Font Awesome ikonumuz sarı renkte vurgulanır.

Sonuçta kaybetmek zor olacak!

Site önünde acil durum bildirimi.

Ziyaretçileri güncel tutun

Bir kuruluşun web sitesi, insanların önemli bilgileri aradığı ilk yerlerden biridir. Bu tür bir mesajı sosyal medyada yayınlamak da önemli olsa da, birçok içerikte kolayca kaybolabilir.

Bu çözüm, herhangi bir zamanda acil durum mesajı eklemek için kolay bir yol sağlar. Artık gerekli olmadığında, sadece birkaç tıklamayla kaldırılabilir.

İlgili diğer özel alanları ekleyerek işlevselliği geliştirmenin de yolları vardır. ACF’nin birçok yerleşik seçeneği vardır ve daha fazlasını yapabilen bir dizi ek eklenti vardır.

Hemen hemen tüm siteler bu özellikleri kullanabilir. Şimdi kurun, böylece daha sonra savaşmanıza gerek kalmaz.