WordPress’te Uyarı Çubuğu Nasıl Yapılır (2 Kolay Yol)
WordPress sitenize bir uyarı çubuğu eklemek ister misiniz? Uyarı çubuğu veya bildirim çubuğu, ziyaretçilere önemli güncellemeler, özel teklifler, yeni ürünlerin lansmanı ve daha fazlasını anlatmanın iyi bir yoludur. Bu makalede, WordPress’te 2 kolay çözümle nasıl bir uyarı çubuğu yapacağınızı göstereceğiz.
Neden WordPress’te bir uyarı bıçağı yapalım? Uyarı bıçakları, ziyaretçilerinize önemli bir şey hakkında bilgi vermenin iyi bir yoludur. Devam eden bir satış etkinliği, açılış saatinizle ilgili güncelleme veya hizmetinizdeki değişiklikler olabilir.
Ziyaretçilere bir ücretsiz satın alma teklifi gibi özel teklifler hakkında bilgi vermek için bir uyarı bıçağı da kullanabilirsiniz. Bir çevrimiçi mağaza çalıştırırsanız bu iyi bir seçimdir. Bir uyarı çubuğu kullanmak, ana sayfanıza bir duyuru koymaktan daha iyidir. Uyarı çubuğunuz, sitenizdeki her sayfanın üstünde açıkça görünebilir. WordPress’te uyarı bıçakları yapmak kolaydır. HTML ve CSS kodunu kullanarak en iyi bildirim bıçaklarını ve manuel yöntemleri tartışacağız. Doğrudan her seçeneğe gitmek için aşağıdaki bağlantıyı tıklamanız yeterlidir:
Yöntem 1: Optinmonster
Yöntem 2: HTML ve CSS Custom
Yöntem 1: Optinmonster OptinMonster’ı kullanarak bir uyarı çubuğu yapmak, piyasadaki en iyi dönüşüm optimizasyon yazılımıdır. Bu, daha fazla web sitesi ziyaretçisini müşterilere ve müşterilere değiştirmenize yardımcı olur. Güzel Lightbox pop -up’ları, karşılama paspasları, geriye dönük zaman sayımı ve web siteniz için müşterileri ve satışları geliştirmenize yardımcı olan diğer dinamik esnemelerle görünür. Web siteniz için bir uyarı çubuğu oluşturmak için OptinMonster’ı da kullanabilirsiniz. Yapacağımız şey bu: Optinmonster’da birçok doğuştan gelen şablon var. Bu, birkaç dakika içinde harika görünen bir uyarı çubuğu yapmayı çok kolaylaştırır. İlk olarak, OptinMonster web sitesini ziyaret etmeniz ve bir hesap için kaydolmanız gerekir. Ardından, WordPress OptinMonster eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla bilgi için, WordPress eklentilerinin nasıl yükleneceğine dair adım adım kılavuzumuza bakın. Bu eklenti, WordPress sitenizi OptinMonster yazılımına bağlamanızı sağlar. Aktivasyondan sonra artık hesabınızı bağlamanız gerekir. Başlamak için, WordPress kontrol panelinizdeki optinmonster »ayarlarını açın.
Ardından, devam edin ve ‘Mevcut Hesap düğmesini bağlayın.
Artık e -posta adresinizi girmenizi isteyen açılır pencereyi göreceksiniz. E -posta adresinizi seçin ve ‘WordPress’e Bağlan’ düğmesini tıklayın.
Optinmonster hesabınızı bağlamak için artık ekrandaki talimatları izleyebilirsiniz. Optinmonster’ı bağladıktan sonra, WordPress kontrol panelinizde Optinmonster »kampanyasını açın. Lütfen ve ‘İlk Kampanya Oluştur düğmesini tıklayın.
Buradan, bir uyarı çubuğu yapmak için kampanya türünüz olarak bir ‘yüzen’ çubuk seçmeniz gerekir. Ardından, kampanya şablonları seçeneği göreceksiniz. Sadece kullanmak istediğiniz şablonu seçin. Fareyi yalnızca üzerine yönlendirmeniz ve seçmek için ‘Şablon Kullan’ düğmesini tıklamanız gerekir. Uyarı bıçaklarımız için ‘promosyon’ şablonunu kullanacağız.
Ardından, şablonunuzu adlandırmanız istenecektir. Kampanyanızı adlandırdıktan sonra ‘oluşturma başlat’ düğmesini tıklayın.
Şimdi kampanya düzenleyicisini göreceksiniz. Kampanyanızı tasarlayabileceğiniz yer burası. Uyarı çubuğunuzun varsayılan olarak ekranınızın altında göründüğünü göreceksiniz. Ekranın üstüne taşımak için sol taraftaki ‘Kayan Ayarlar’ tıklayın.
Ardından, bıçakları sayfanın üstüne taşımak için sürücüye tıklayın.
Yüzen çubuktaki metni değiştirmek için, değiştirmek istediğiniz alana tıklayın ve istediğiniz metni yazın.
Metnin ve diğerlerinin yazı tipini, boyutunu ve rengini de değiştirebilirsiniz. Zaman sayma süresini değiştirmek için, şablondaki zaman sayımını seçin, ardından sol menüden geri sayım sekmesini tıklayın. Ardından devam edin ve istediğiniz tarih ve son kez girin.
İsterseniz statik bir geriye sayım değil, yeşilin geri sayımı olarak hareket etmek için zaman sayımını da ayarlayabilirsiniz. Her zaman yeşil olan geriye doğru hesaplayın Sitenizin her ziyaretçisi için ayrı ayrı düzenlenir.
Devam edin ve bıçaklarınızda mümkün olduğunca çok değişiklik yapın. Bundan memnun kaldığınızda, ekranınızın üst kısmındaki kaydet düğmesini tıklamayı unutmayın.
Ardından, uyarı bıçaklarınızın sitenizde ne zaman ve nerede görüntüleneceğini seçmek için ‘Ekran Kuralları’ sekmesini açmanız gerekir. Varsayılan kurallar, ziyaretçiler 5 saniye boyunca sayfada olduktan sonra uyarı bıçaklarınızın görüntülenmesidir. Bunu 0 saniye olarak değiştireceğiz, böylece uyarı bıçakları anında görünür. Bunu yapmak için, ‘saniye’ sayısını geriye doğru 0 olarak değiştirin. Ardından, eylem ayarlarını değiştirmek için ‘Sonraki Adım’ düğmesini tıklayın. ‘Ekran kampanyası görüntüsünün “optin yapmasına izin verebilir ve uyarı çubuğu göründüğünde ses efektlerini oynatmak isteyip istemediğinizi seçebilirsiniz.
Bir değişiklik yaptıktan sonra, devam edin ve ‘Sonraki Adım’ düğmesini tekrar tıklayın, özeti göreceksiniz.
Memnun kaldığınızda, ekranın üst kısmındaki ‘Kaydet’ düğmesini tıklamanız yeterlidir. Bundan sonra, en üstteki yayın sekmesine gidebilir ve ‘Yayın’ olarak yayınlamak için durumunu değiştirebilirsiniz.
Son adım, kampanyayı kendi web sitenizde etkinleştirmektir. Bunu yapmak için kampanya düzenleyicisini kapatabilir ve ardından Optinmonster »kampanyasına gidebilirsiniz. Kampanyanızın burada listelendiğini göreceksiniz ve durum ertelenecek. Lütfen ve ısıtılan menüden ‘yayınlamak’ için değiştirmek için gecikmeli durumu tıklayın.
Şimdi, web sitenizdeki herhangi bir sayfayı ziyaret edin ve kampanyanızı çalışırken göreceksiniz.
Yöntem 2: HTML/CSS kullanarak manuel uyarı bıçağı yapın, özellikle Optinmonster’ı kullanmak istemiyorsanız ne olur? Bu yöntemde, HTML ve CSS kodunu kullanarak nasıl bir bildirim çubuğu oluşturacağınızı göstereceğiz. Not: Bu yöntemi yeni başlayanlar için önermiyoruz. Kodu sitenize eklemek için yalnızca WordPress kullanıyorsanız veya güvensiz hissediyorsanız, yukarıdaki yöntemi kullanmalısınız. İlk olarak, uyarı bıçakları için bazı özel CSS kodunu kopyalayıp eklemeniz gerekir. Görünüm sayfasını açın »özelleştirici gösterge panelinizde, ardından alttaki ‘Ek CSS’ sekmesini tıklayın.
Arka plan-rengi: #FF0000;
Renk: #ffffff;
Ekran bloğu;
Hat yüksekliği: 45px;
Yükseklik: 50px;
Pozisyon: göreceli;
Metin-align: merkez;
Metin dekorasyonu: yok;
Üst: 0px;
Genişlik:%100;
Z-endeks: 100;
}
Kodu kopyaladıktan sonra, böyle görünmelidir. CSS kodunuzu kaydetmek için sayfanın üst kısmındaki yayın düğmesini tıklamanız yeterlidir.
Ardından, uyarı çubuğunun metni için sitenize bir HTML kodu eklemeniz gerekir. Bunu yapmanın en iyi yolu, ücretsiz ekleme başlıkları ve altbilgi eklentisini yüklemek ve etkinleştirmektir. Not: Üstbilgiyi ekleyin ve altbilgi WPBeginner eklentilerinden biridir. Web sitesi sayfanıza komut dosyaları, html kodu ve diğerlerini eklemeyi çok kolaylaştırıyoruz. Eklentiyi etkinleştirdikten sonra, ayarları açın »WordPress yöneticinize başlığı ve altbilgiyi girin. Aşağıdaki HTML kod satırını ‘Body in’ Boots kutusuna kopyalayıp yapıştırın:
Şu anda Covid-19 nedeniyle kapalıyız. “ Başlık ve altbilgi ekleme kutusu: Tabii ki, uyarı metnini istediğiniz gibi değiştirebilirsiniz. Bitirdikten sonra sayfanın altındaki ‘Kaydet’ düğmesini tıklamayı unutmayın. Şimdi, uyarı bıçaklarını görmek için sitenizi ziyaret edebilirsiniz. Her sayfanın üstünde görünecektir, şu şekilde:
