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

WordPress'te Acil Mesaj Kullanıcı Arabirimi Nasıl Oluşturulur

Şu an okuyorsunuz: WordPress'te Acil Mesaj Kullanıcı Arabirimi 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. Ve bu tür sorunları iletmenin en iyi yollarından biri web sitenize göndermektir.

Bu bilgi çok önemlidir ve sitedeki diğer içeriklerden ayrılmalıdır. Ayrıca, eklemek için mümkün olduğunca az çaba gerektirir. Bu, özellikle müşteriniz web sitesini güncelleyen kişiyse geçerlidir. İdeal olarak, önemli bir mesajı paylaşmaya çalışırken tasarım kararları vermemeleri gerekir. Ayrıca, zaman çok önemlidir.

Bugün, size özel WordPress alanlarını kullanan pratik bir çözüm sunacağız. Size şunları sağlayacaktır:

  • Kişiselleştirilmiş bir acil durum mesajı oluşturun;
  • Yanında göstermek için 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!

Neye ihtiyacınız olacak

Bu bir araya getirmek oldukça basit. Ancak, bazı malzemelere ihtiyacınız olacak:

İki ücretsiz eklentinin yüklenmesi ve etkinleştirilmesi gerekir. Bunun ötesinde, WordPress temanıza da erişmeniz gerekecek.

WordPress veya ticari bir tema ile birlikte gelen varsayılan temalardan birini kullanıyorsanız, ikincil bir tema ayarladığınızdan emin olun. Bu, daha sonra yapacağınız bir güncellemeyle yaptığınız değişikliklerin üzerine yazılmasını engeller.

Özel alanlar ekleme ve yapılandırma

İlk görev, WordPress içinde özel bir alan grubu oluşturmaktır. Başlamak için WordPress kontrol panelinden Özel Alanlar> Yeni Ekle’ye gidin.

Kullanmak istediğiniz herhangi bir alanı oluşturabilirsiniz. Örneğimiz şöyle görünüyor:

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

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

Alan Gruplarını İçe Aktar ekranı.

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

Burada bazı ayarları değiştirmek isteyebileceğinizi lütfen unutmayın. Özellikle alan grubu için Konum kurallarına odaklanın. Alanların istediğiniz sayfada veya sayfalarda görüntülenecek şekilde ayarlandığından emin olun. Bizim durumumuzda, alanları “Ana Sayfa” sayfasında görüntülüyoruz.

Özel alan konumu kuralları

Acil durum mesajı oluşturma

Şimdi acil durum mesaj alanlarının atandığı “Ana Sayfa” sayfasına gitme zamanı.

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

Klasik Editör’ü kullanıyorsanız, sağladığımız JSON dosyasındaki alanlar sayfa başlığının hemen altında ve mevcut içeriğin üstünde görünecek şekilde yapılandırılır.

Her iki durumda da, mesajı sayfamıza eklemek oldukça basittir. “Acil durum bildirimini göster” alanı için “Evet” i tıklayın. Ardından bir simge seçin (mevcut Font Awesome simgelerinin listesine bakın). Oradan mesajınızı WYSIWYG alanına girin.

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

Sayfayı kaydedin ve voila! Neredeyse …

Ön uçtaki iletinizi ekleyin ve tasarlayın

Son olarak, acil durum mesajımızı WordPress temamıza koyalım ve bazı CSS stilleri ekleyelim.

Bu örnekte, mesajı site başlığının üzerine yerleştireceğiz. Burada, ekranın genişliği ve sayfanın üst kısmında görüntülenecektir. Tabii ki, bu snippet’i en iyi düşündüğünüz alana ekleyebilirsiniz.

Tarza gelince, çok fazla esnekliğe sahipsiniz. Burada, büyük beyaz metinli kırmızı bir arka plan kullanacağız. Font Awesome ikonumuz sarı renkle vurgulanacaktır.

Sonuçta kaybetmek zor olacak!

Web sitesinin ön ucunda acil durum mesajı.

Ziyaretçileri bilgilendirin

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

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

İlgili diğer özel alanları ekleyerek işlevi iyileş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 web siteleri bu tür özelliklerden yararlanabilir. Şimdi kurun, böylece daha sonra yapmak için uğraşmanıza gerek kalmaz.