Divi Eklentisi Vurgusu: Divi Çubukları

Hepimiz bir web sitesinin üstünde veya altında bu mesaj çubuklarını gördük. Genellikle bizi çerez kullanımı konusunda bilgilendirir, bir satış konusunda bizi uyarır veya haber bültenine kaydolmamızı isterler. Bu çubukları web sitenize eklemek için birçok eklenti mevcuttur. Ya onları Divi Builder ile oluşturabilseydiniz? Divi Bars adlı üçüncü taraf bir eklenti ile yapabilirsiniz.

Divi Bars, Divi düzenlerini kullanmanıza izin vererek bu mesaj çubuklarını oluşturur. İstediğiniz türde içeriği dahil edebilir, büyük veya küçük yapabilir, en üste veya en alta yerleştirebilir, kaydırmasını veya yerinde kalmasını ve hatta bir tetikleyiciye göre görünmesini sağlayabilirsiniz.

Divi Bars, Divi ve Extra ile çalışır ve yayıncının web sitesinden edinilebilir. 1.0 sürümünü kullanıyorum.

Divi Bar'ları Yükleme ve Etkinleştirme

Eklentiyi normal şekilde yükleyin ve etkinleştirin.

Eklentiyi etkinleştirdikten sonra API Anahtarını girmeniz gerektiğini belirten bir mesaj göreceksiniz. Bağlantıya tıklayın veya gösterge tablosu menüsünde Ayarlar , Bölme Çubukları Etkinleştirme'ye gidin .

API anahtarınızı ve e-postanızı girin ve değişiklikleri kaydedin. En üstte kaç tane etkinleştirmenizin kaldığını gösteren bir mesaj göreceksiniz (bu, satın aldığınız lisansa göre değişir).

Bölme Çubukları Ayarları

Pano menüsünde, Bölme Çubukları , Ayarlar'a gidin . Burada özel bir CSS seçici girebilir ve varsayılan saat dilimini seçebilirsiniz.

Çıktı Stillerini Satır İçi Olarak Etkinleştir

Satır içi çıktı stillerini etkinleştirmeniz gerekir. Pano menüsünde Divi , Tema Seçenekleri'ne gidin ve Oluşturucu sekmesini seçin. Orta seçeneği etkinleştirin (Çıktı Stilleri Satır içi). Değişiklikleri Kaydet ' i tıkladığınızdan emin olun.

Divi Çubuğu Oluşturma

Pano menüsünde, Divi Bars , Add New seçeneğine gidin. Divi Bar oluşturabileceğiniz yukarıdaki gibi bir ekran göreceksiniz. Tıpkı bir sayfa veya gönderi oluşturur gibi Divi Builder'ı seçin. Ayrıca arka plan renklerini seçebileceğiniz, tetikleyiciler ekleyebileceğiniz, sayfaları ve konumları ayarlayabileceğiniz, kapat düğmesini özelleştirebileceğiniz ve otomatik tetikleyicileri ayarlayabileceğiniz alanları da vardır.

Not – Çubuğun görüntülenmesi için bir tetikleyiciye sahip olması gerekir. Yok olarak bırakırsanız görüntülenmez. Bu konuda daha sonra.

Divi Barlar Divi Builder'ı Kullanır

Normal düzenleri oluşturun. Bu, iletişim formları, video, mağaza, resimler, e-posta seçeneği, harita, portföy vb. dahil olmak üzere Divi Builder'dan herhangi bir modülü ekleyebileceğiniz anlamına gelir. Doldurma ve kenar boşlukları bölümler ve satırlardan zaten kaldırılmıştır, böylece çubuk fazla yer kaplamaz. çok yer. Divi animasyon özelliklerinin tümü de çalışır.

Standart Divi Kitaplığındaki düzenleri kullanmaz, ancak düzenlerinizi Kitaplığa kaydedebilir ve yeniden kullanabilirsiniz. Kitaplıktan Yükle sekmesinde yalnızca Bölme Çubukları için yapılmış olanlar kullanılabilir olacaktır.

Divi Barlar Arka Plan

Bölme Çubukları Arka Plan alanı, arka plan rengini ve yazı tipini seçmenize olanak tanır. Bu, yalnızca opaklık ayarı olan düz renkleri yapar. Divi Builder Bölümlerinin arka plan özelliklerini kullanmanızı öneririm, ancak isterseniz bu burada.

Ek ayarlar

Ek Ayarlar'da kendi CSS seçici tetikleyicinizi oluşturabilirsiniz. Açılır kutular, Bölme Çubukları'nı bir sayfada veya belirli sayfalarda göstermenize ve konumu seçmenize olanak tanır. Ayrıca sayfayı yukarı veya aşağı itmeyi seçebilir ve Bölme Çubuklarının sabit olup olmadığını seçebilirsiniz.

Düğme Özelleştirmelerini Kapat

Kapat Düğmesi Özelleştirmelerinde, çerezin kaç gün dayanacağını ayarlayabilir, kapat düğmesini gösterebilir veya gizleyebilir ve düğmeyi özelleştirebilirsiniz. Özelleştirmeler, metin rengini, arka plan rengini, yazı tipi boyutunu, kenarlık yarıçapını ve dolguyu içerir. Gerçek zamanlı olarak görebilmeniz için değişiklik yaptığınızda bir önizleme sağlar.

Otomatik Tetikleyiciler

Otomatik Tetikleyiciler, nasıl görüntüleneceğini seçmenizi sağlar. Her tetikleyicinin kendi ayarları vardır. Hiçbiri olarak bırakırsanız, asla görüntülenmez.

• Zamanlı Gecikme'yi seçin ve ardından Bölme Çubukları görüntülenmeden önce beklenecek süreyi belirtin. Her zaman görüntülenmesini sağlamak için Zaman Gecikmesi'ni seçin ve gecikmeyi 0'a ayarlayın.
• Kaydırma Yüzdesi'ni seçin ve çubuğu görüntülemeden önce piksel sayısını veya kaydırma yüzdesini belirtin. Bu, kullanıcı ekranda belirli bir noktaya geldiğinde çubuğu görüntüleyebileceğiniz anlamına gelir.
• Kullanıcının faresi adres çubuğuna hareket ettiğinde çubuğu görüntülemek için Çıkış Niyeti'ni seçin.

Ayrıca mobilde devre dışı bırakabilir, bir sayfa yüklendiğinde yalnızca bir kez görüntüleyebilir, üzerinde görüntüleneceği sayfaları belirleyebilir ve çubuğun ne zaman görüntüleneceğini planlayabilirsiniz. Başlangıç ​​ve bitiş tarihini ve saatini ayarlayabilirsiniz.

Bölme Çubukları Şablonları

Divi Builder'ı kullanmanın avantajı, şablon oluşturmanın ve paylaşmanın ne kadar kolay olduğudur. Şu anda Divi Bars'ın 3 şablonu vardır. İşte her birine bir bakış. İlk olarak, işte bunları nasıl içe aktaracağınız…

Taşınabilirlik Aracını (Divi Builder'ın sağ köşesindeki yukarı ve aşağı oklar) kullanarak şablonları Divi Builder'a aktarın. İçe Aktar öğesini seçin, dosyanıza gidin ve Divi Builder Düzenini İçe Aktar öğesini tıklayın.

Mizanpajlarınızda fazladan dolgu ile ilgili sorunlarınız varsa, Bölme Çubukları düzeninizde bölümün Özel CSS'sine dolgu eklemeniz gerekir. Bölme Çubukları düzeniniz için Bölüme gidin ve Gelişmiş sekmesini açın. Özel CSS'nizi Ana Öğe alanına yerleştirin.

Bölme Çubukları E-posta Seçeneği

Bu şablon, tek bir e-posta tercih modülü içerir. Gelişmiş sekmesine dolgu ekledim.

Menünün üzerinde e-posta seçeneğini görüntülemek için içeriği aşağı itecek şekilde ayarladım. Kullanıcı kaydırdıkça ekranda kalır. Bu, Tasarım Ajansı düzen paketini kullanır.

Bu aynı örnek, ama şimdi bir arka plan resmi ekledim.

Divi Barlar Geri Sayım ve Kupon

Geri Sayım ve Kupon, bir geri sayım sayacı ve metin modülü kullanır. Özel CSS içerir.

Bunu sayfanın altında görüntülenecek şekilde ayarladım. Bu örnek, İş düzeni paketini kullanır.

Divi'nin varsayılan gradyanı 90 derece döndürüldüğünde nasıl göründüğü aşağıda açıklanmıştır. Divi Çubuklarının üzerindeki beyaz çubuk, yerleşim düzenindendir.

Divi Barlar Divi 3

Divi 3, bir metin modülü ve düğme görüntüler. Dolguyu Gelişmiş sekmesine ekledim. Ayrıca özel CSS ile birlikte gelir.

İşte mavi arka planı ve kırmızı butonlu Divi 3.

Burada başlıktan arka plan resmini ekledim ve bir degrade kaplama yerleştirdim.

Divi Barlarım Örneği

Resimli bir İletişim Formu modülü ekledim. Kullanıcı ekranda belirli bir piksel aralığına ulaştığında bunu alttan göstermeyi seçtim. Ayrıca kapat düğmesinin stilini de belirledim.

İşte Tasarım Ajansı yerleşim paketi içindeki iletişim formu. Arka planın bir kısmının görünmesine izin vermek için bir kaplama ekledim ve opaklığı azalttım. Formun düğmesini eşleşecek şekilde biçimlendirdim.

Birden Çok Bölme Çubuğu Kullanma

Aynı anda birden fazla Bar kullanabilirsiniz. Bunu yapmanın birkaç yolu vardır. Örneğin, birini üst, diğerini alt için ayarlayabilirsiniz. Farklı zamanlarda, farklı koşullar altında veya aynı anda ortaya çıkabilirler.

Diğer bir seçenek ise piksel veya yüzde özelliklerini kullanmaktır. Ekranın ilk bölümü içinde bir Çubuk ve ekranın farklı bir bölümü için başka bir Çubuk gösterebilirsiniz. Aynı anda çok fazla almanızı tavsiye etmem. Birden fazla Çubuk kullanıyorsanız, onları küçük tutmanızı öneririm.

Bu örnekte üstte Divi 3, altta Geri Sayım ve Kupon kullanılmaktadır.

Bölme Çubukları Menüsü

Divi Çubuklar menüsünde tüm Divi Çubuklarınızı görebileceğiniz bir ekran bulunur. Burada çubuklarınızı yeni ekleyebilir, düzenleyebilir, hızlı düzenleyebilir ve silebilirsiniz. Kendi manuel tetikleyicilerinizi oluşturmak için CSS ve Menü Kimliklerini de kopyalayabilirsiniz.

Bölme Çubuğunu Ekstra ile Kullanma

Divi Çubukları, Divi ile olduğu gibi Extra ile aynı şekilde çalışır. Tasarım Ajansı düzen paketi ile Ekstra'daki iletişim formuma bir göz atın.

Lisans ve Belgeler

Mevcut dört lisans vardır:

• Tek Site – 15 $
• 3 Site – 29 $
• Sınırsız Site – 59 $
• Ömür boyu – 129 $

Belgeler geliştiricinin web sitesinde sağlanır. Hızlı bir şekilde başlamak için 6 adım ve daha derinlemesine 16 dakikalık bir video içerir. Divi Bars'ın kullanımı kolaydır ancak videoyu izlemenizi tavsiye ederim.

Divi Bar'ları geliştiricinin web sitesinden satın alabilirsiniz.

Biten Düşünceler

Divi Barları severim. İlk kez görüntülenmesini sağlamak dışında her şey sezgiseldir. Her çubuk, siz bir tetikleyici seçene kadar otomatik olarak görüntülenmeyecek şekilde ayarlanır. Bu mantıklıdır, çünkü yalnızca onları oluşturduğunuz için birden fazla çubuğun görüntülenmesini istemezsiniz. İlk başta bu gerçeğe dikkat çeken bir mesaj ya da evet/hayır görüntüleme seçeneği istedim. Bir kez mantıklı olan adımlardan geçtikten sonra.

Divi Bars, çerez sorumluluk reddi beyanları, satışlar hakkında bilgiler, mesajlar, harekete geçirici mesajlar vb. gibi mesaj çubukları eklemek için mükemmel bir araçtır. Başlamanız için çeşitli şablonlarla birlikte gelir. Pazarlamada olduğu gibi kullanıcı deneyimi için de işe yarar. Divi Builder'ı kullandığı için olasılıklar sonsuzdur.

Senden duymak istiyoruz. Divi Barları denediniz mi? Yorumlarda bunun hakkında ne düşündüğünüzü bize bildirin.

Venimo / Shutterstock.com üzerinden Öne Çıkan Görsel