Divi Eklentisi Vurgusu - Her Yerde Sayfa Oluşturucu

Divi, sürükle ve bırak modülleriyle sayfa ve gönderi düzenleri oluşturmanıza olanak tanıyan, kullanımı son derece kolay bir sayfa oluşturucudur. Kullanım kolaylığı, insanları bu konuda o kadar tutkulu hale getirdi ki, web sitelerinin olası her alanında kullanmak istiyorlar. Bugünün Divi Plugin Highlight'ında sunduğumuz üçüncü taraf eklentisi burada devreye giriyor.

Page Builder Everywhere, Divi Builder'ı normalde içinde çalışmadığı alanlara ekler. Oluşturucuyu özel gönderi türlerinde, kategori sayfalarında, arama sayfalarında, arşiv sayfalarında, WooCommerce ürün sayfalarında, 404 sayfalarda vb. kullanmanıza olanak tanır. Hatta onu üstbilgiler, altbilgiler ve kenar çubukları oluşturmak için bile kullanabilirsiniz.

Test için dört gönderi içeren bir ızgara düzeninde basit bir blog oluşturdum. Bu düzeni genişletmek istiyorum, ancak bunu eklenti ile yapacağım. Görüntüler Unsplash.com'dan alınmıştır.

Divi Düzenleri

Eklenti, önceden hazırlanmış Divi düzenlerinizi kullanır, bu nedenle önce bunları oluşturmanız gerekir. Panoda Divi , Divi Library'ye gidin ve mizanpajlarınızı oluşturmak için Yeni Ekle'yi seçin. Modül, Tam Genişlik Modülü, Satır, Bölüm, Tam Genişlik Bölümü, Özel Bölüm veya Düzen'i kullanarak paftalar oluşturabilirsiniz.

Seçeneklerden herhangi biri işe yarayacaktır. Arka planlar üzerinde daha fazla kontrol sahibi olmak ve birden fazla modül ve sütun ekleyebilmek için, düzenlerinizi kitaplıkta oluştururken modül seçmek yerine satırları veya bölümleri kullanarak oluşturun. Bu örnekler için çoğunlukla satırları kullandım.

Widget Alanları

Eklenti, Divi'ye beş yeni pencere öğesi alanı ekler ve düzenlerinizi bu konumlara yerleştirmenize olanak tanır:

• Üstbilgi
• Başlığın altında
• altbilgi
• İçeriğin Üstünde
• İçeriğin Altında

İstediğiniz düzeni oluşturduktan sonra, Divi Düzeni pencere öğesini görünmesini istediğiniz konuma bırakın ve açılır kutudan düzeni seçin. Düzeni oluşturmadıysanız, Divi Kitaplığına daha fazla düzen ekle etiketli bağlantıya tıklayabilirsiniz ve sizi kitaplığa götürecektir.

Koşullu Mantık

Widget, düzenin ne zaman görüneceğine karar verebilmeniz için koşullu mantığı kullanmanızı sağlar. Mesajlı Başlık'ı seçtim ve Where 'a tıkladım. Bu, koşullu mantığı getirir, böylece görüntülenip görüntülenmeyeceğini seçebilir, gönderi türünü seçebilir ve açılır kutulardan sonucu seçebilirsiniz. İstediğiniz kadar koşul ekleyebilirsiniz. VEYA mantığını kullanırlar, bu nedenle IF Bu = Bu VEYA bu = Bu VEYA…

Örneğin, gönderi türüne, kullanıcıya, belirli sayfalara, sınıflandırmalara vb. dayalı bir modül görüntüleyebilirsiniz. Bu, yalnızca kullanıcı oturum açmadıysa veya yalnızca WooCommerce'de bir mesaj görüntüleyen bir düzen oluşturabileceğiniz anlamına gelir. ürün sayfaları. Bir düzenin ne zaman gösterileceğini belirlemek için çok katmanlı mantığı bile kullanabilirsiniz. Farklı kategoriler için farklı bölümler gösterilebilir. Web sitenizin farklı bölümlerinin kendi menüleri olabilir.

Kullanıcı oturum açmadıysa, bir katılım formu, mesaj veya reklam göstermek istiyorsanız koşullu mantık harikadır. Oturum açmış olanlar formu, mesajı veya reklamı görmez. Bu, satış sahalarınızı kontrol etmenizi sağlar. Tek başına bu kullanım, bir web sitesine eklentiyi kullanacak kadar fayda sağlayabilir. İmkanlar sonsuzdur.

Her Yerde Sayfa Oluşturucu Örnekleri

Bir konumdan diğerine taşımak istediğim örnek bir satır oluşturdum. Sayfanın farklı alanlarında nasıl göründüğüne bakalım. Gittikçe birkaç örnek daha ekleyeceğim.

Başlığın üstünde

İşte başlığın üzerinde nasıl göründüğünü gösteren örnek bir satır. Logonun yeni satırla birlikte göründüğüne dikkat edin. Bu kasıtlıdır ve kolayca değiştirilebilir.

Bir metin modülü ile bir düzen oluşturdum ve yazı tipi boyutunu, renklerini ve dolgusunu ayarladım. Özel bir stil oluşturmadığım sürece, metni başlıkla aynı arka planı kullanarak menünün yukarısına yerleştirir. Bu, okuyucuyu bir sayfaya, gönderiye, ürüne vb. götürebilecek bir düğme içerir. Bu, başlığın üzerinde bir CTA oluşturmanın harika bir yoludur.

Başlığın altında

Başlığın altındaki satırı menünün altındaki alana taşır. Bu içerik başlıkta kalır, bu nedenle kullanıcılar kaydırdığında başlık ekranda kalırsa bu alandaki içerik de ekranda kalır. Tıpkı başlığın üstünde olduğu gibi, bu, siz kendiniz stil vermediğiniz sürece başlığın rengini kullanır.

İşte iki bölümden oluşan bir satır – bir mesaj için bir metin modülü ve içerdiği her sosyal ağdan birini içeren bir sosyal medya takip modülü. Satırın arka planını biraz öne çıkacak şekilde şekillendirdim.

Elbette bu alan, haber bülteni kayıt formları, iletişim bilgileri, çalışma saatleri, resimler vb. dahil olmak üzere ekranda kalmasını istediğiniz her şey için kullanılabilir.

İçeriğin Üstünde

Bu örnekte, Divi Builder'ı kullanmayan normal bir blog gönderisine yerleştirdim. Konumlardan herhangi biri normal gönderiler ve sayfalarla çalışır. Bu, Divi düzenleri eklemenin ve normal gönderilere modüller eklemenin harika bir yoludur. İçeriğin üzerinde içerikle birlikte kayar.

İçeriğin Altında

Bu, modülü içeriğin altına ve altbilginin hemen üstüne yerleştirir. Kendiniz şekillendirmediğiniz sürece, altbilginin stilini alacaktır. İçerikle birlikte kayar, bu nedenle paralaks kullanıyorsanız alt bilgiden ayrı duracaktır.

altbilgi

Altbilgi içindeki düzenime bir bakış. Altbilgiden ayrı olarak biçimlendirilebilir ve altbilgiyle birlikte kayar, böylece paralaks kullanıyorsanız içerikten ayrı durur.

WooCommerce Ürün Sayfaları

Bu örnek için iki düzen ekledim. Birincisi ürünün üstüne çıkacak ve bir metin modülü ve bir video modülü içeriyor.

İkinci düzen, ürünün altına gidecek ve bir metin modülü ile bir mağaza modülü içerecek.

Daha sonra iki widget'ı konumlarına yerleştirdim, widget'larda düzeni seçtim ve koşulu yalnızca Ürün gönderi türünü kullanan sayfalarda düzeni gösterecek şekilde ayarladım.

Sonuç, ürünün üstünde ve altında Divi düzenlerinin olduğu bir ürün sayfasıdır.

404 Sayfa

404 sayfası olarak kullanmak için bir düzen oluşturdum.

Daha sonra widget'ı yerleştirdim, düzeni seçtim ve yalnızca 404 sayfasında görüntülenmesi için koşulları seçtim. Ürün sayfalarının widget'larının hala yerinde olduğuna dikkat edin. Koşullar, istemediğim yerleri göstermelerini engelliyor.

Bu, Divi Builder'ı kullanarak 404 sayfa oluşturmanın harika bir yoludur.

Sayfa Oluşturucu Her Yerde Özelleştirici

Ön uçtaki açılır menüye ve Tema Özelleştirici menüsü içinde PBE Özelleştirici adlı yeni bir özelleştirici eklenir. Şunlar için bölümler içerir:

• Ana Başlık
• Üstbilgi
• altbilgi

İşte her birine bir bakış.

Ana Başlık

Eğer başlığın üstünde örneğin görebileceğiniz gibi, logo başlığı ve başlığın üstünde bölümlerini örtüşmektedir. Üstbilginin Üstü Logo Örtüşen Bölümünü Durdur'u seçerek bunun üst üste gelmesini engelleyebilir ve logoyu orijinal konumunda bırakabilirsiniz.

Orijinal başlığı gizlemek için Varsayılan Ana Başlığı Kaldır'ı seçin. Ana başlığın özellikleri, başlık alanlarının hem üstünde hem de altında çalışır.

Üstbilgi

Üst Bilgi , okuyucu kaydırdığında başlığın üzerindeki içeriği gizlemenizi sağlar.

altbilgi

Alt Altbilgiyi Gizle'yi seçmek, orijinal altbilgiyi kapatır. Bu örnekte, modüle stil vermedim, bu yüzden etrafındaki stili alır. Burada arka plan resminin üzerine yerleştirilir.

Fiyat ve Belgeler

Her Yerde Sayfa Oluşturucu'nun maliyeti 14 ABD dolarıdır. Satış sayfası, başlamanıza yardımcı olacak talimatlar ve bir SSS içerir.

Son düşünceler

Page Builder Everywhere, kullanımı kolay bir eklentidir. Size Divi düzenleri eklemek için beş yeni konum sunar; ayrıca bunları belirli gönderi türlerine, kategorilere, yazarlara, tarihlere, sınıflandırmalara ve daha fazlasına ekleyebilir ve birden çok koşul oluşturabilirsiniz. Hatta kullanıcının oturum açıp açmadığına bağlı olarak bunları görüntüleyebilir veya gizleyebilirsiniz. Eklenti Divi Widget Builder ile çakışabilir, ancak Page Builder Everywhere kullanıyorsanız bu eklentiye ihtiyacınız olmaz.

Senden duymak istiyoruz. Her Yerde Sayfa Oluşturucu'yu denediniz mi? Aşağıdaki yorumlarda deneyiminizi bize bildirin!

Sentavio / Shutterstock.com aracılığıyla Öne Çıkan Görsel