Divi tam genişlik başlığı nasıl açılır & amp;Yeni bir sekmede/pencerede kaydırıcı düğmesi
Hepimiz ilginç bir web sitesi oluşturmanın ve belirli bir kitleyle konuşmanın bir süreç olduğunu biliyoruz. Web sitenizde yaptıkları her eylem önemlidir, çünkü müşterilerinin yolculuğunun bir parçasıdır. Her ziyaretçi ve potansiyel bir müşteri, kişisel olarak yaklaşılmış ve anlaşılmış hissetmelidir. Web sitenizi hedefte yapmak, iyi bir tasarım, dikkatli içerik ve ziyaretçilerinizi sizin ve istedikleri eylemleri yapmaya teşvik edecek yeterli CTA gibi birçok şey gerektirir. Web sitesinde harekete geçme davetini destekleyen en yaygın kullanılan öğelerden biri düğme. Genellikle web sitesinin çeşitli bölümünde düğmeler bulabilirsiniz. Web sitesinin çeşitli bölümlerine yol açabilir veya ziyaretçileri harici web sitesine yönlendirebilirler.
Divi ile, bir web sitesi oluşturan herkesin düğmelerini istedikleri yere ve ne kadar istedikleri girmesine izin veriyoruz. Hedef kitlenize hızlı bir şekilde dahil olmak istiyorsanız ve web sitenizdeki ziyaretlerinin başlangıcından itibaren merakı tetiklemek istiyorsanız, kahramanınıza CTA eklemek daha iyidir. Neden yeni bir sekme/pencerede bir bağlantıyı otomatik olarak açmanız gerekiyor? Bağlantının yeni bir pencerede açılması için etkileyemeyiz. Bu, geçmişte birçok insan tarafından kötüye kullanılan bir şeydir ve şimdi, hepsi kullanıcının tercihlerine bağlıdır. Ancak, aynı pencere yerine yeni sekmede belirli bir bağlantı açma seçeneğimiz var. Yeni sekmede bir bağlantı açmak istemenizin birçok nedeni var, bunlardan bazıları:
Ziyaretçileri kaybettiğinizde ziyaretçilerinizin web sitesinden uzaklaşmasına izin vermeyin, bunları tekrar web sitenize iade etmek çok zordur. Bu genellikle düğmeyi tıklarken aynı penceredeki harici web sitesine gönderdiğinizde olur. Öyleyse neden onları en baştan uzaklaştıralım? Yeni sekmede açık bir düğme yaparak, web sitenizin sekmesinde hala açık bir sayfası olduğundan emin olursunuz. Tarihlerine bakmak zorunda kalmadan sayfanıza geri dönebilirler. Açtıkları bağlantıyı kapattıktan sonra web sitenizi ziyaret etmeye devam etmek, her şeyi okumayı bitirdiğinizde sekmeyi kapatmak için doğal bir şeydir. Olsun ya da tıklayın. Her iki durumda da, bir sonraki eyleme geçtiklerinden, sizden bir adım uzaktaydılar. Bağlantıyı otomatik olarak yeni sekmede veya pencerede açmak, insanlara başka bir yere nasıl indiklerini hatırlatmanıza yardımcı olur; Web siteniz aracılığıyla. Daha sonra açık sekmeye girerek, günlerce birçok sekme dizilmiş ilk kişi olmayacaksınız. Mülkünüzü bir tarayıcıda tutmayı değerli kılan şey budur. Ziyaretçiler birkaç gün sonra web sitenizi açık sekmelerde bulurlarsa, içeriğinizin nüfuz etmesine ve tekrar denemesine izin vermek için zamanları olabilir. Büyük olasılıkla ikinci, üçüncü veya dördüncü kez okunduğunda içerik daha iyi anlaşılacaktır.
Başlangıç: Yeni sekmedeki tam geniş başlık ve kaydırıcı düğmesini açın, tam geniş başlık veya tam geniş kaydırıcı ile tam geniş bir parça kullanmadığımızda, genellikle standart bir bölüm ekler ve düğme modülünü manuel olarak ekleriz. Her Düğme Modülünün İçerik sekmesinde, aynı pencerede veya yeni bir sekmede bir bağlantı açmak isteyip istemediğinizi seçebilirsiniz. Bu seçeneği içerik sekmesindeki bağlantıda bulabilirsiniz. Fullwidth başlık ve kaydırıcıda bu olasılık dahil değildir. HTML önceden belirlendiğinden, sadece eşlik eden HTML kodunu değiştiremeyiz. Bu nedenle, yeni sekmede/pencerede tam genişlik başlığı ve tam genişlik kaydırıcı düğmesini açık hale getirecek bir jQuery kodu ekleyeceğiz. Tam geniş bir başlık yapmak, mevcut sayfaya veya yeni bir sayfaya yeni bir geniş parça ekleyerek başlayalım.
Tüm geniş kısımda, tam geniş bir başlık seçin. Fullwidth başlığı, ihtiyaç duyduğu her şeye sahip güzel bir başlık içeren bir web sitesi sağlar. Şimdi, içerik sekmesini FullWidth üstbilgisinden aşağı kaydırın ve düğmede görüntülemek istediğiniz metni yazın. Bundan sonra, düğmeye bir bağlantı ekleyin.
Ardından, Fullwidth başlığından Gelişmiş sekmesini açın ve düğme düzlemini bulana kadar aşağı kaydırın. Bu durumda, yalnızca bir numaralı düğmeyi kullanmak istiyoruz. Yeni sekmedeki ikinci düğmeyi açmak istediğinizi varsayalım, iki düğme için ayarlanmış bir sınıf kullanmanız gerekir.
Tüm web sitelerinize bir kod eklemek için, Divi> Tema Seçenekleri> Entegrasyonu Açın ve web sitenize aşağıdaki kodu ekleyin: Fullwidth Başlığı için JQuery Kodu FullWidth Düğmesi jQuery (işlev ($) { $ (‘. Et_pb_fullwidth_header_0. Header-Content-Content.
Tam geniş kaydırıcı düğmesi için jQuery kodu
jQuery (işlev ($) {
$ (‘. et_pb_slide_0.et_pb_slide .et_pb_container a.et_pb_more_button.et_pb_button’). attr (‘hedef’, ‘_blank’);
});
Yukarıdaki yazdırılan ekranda gösterildiği gibi etiketleri arasına metin eklemeyi unutmayın.
Gördüğünüz gibi, kod tam genişlik başlığı ve tam genişlik kaydırıcısı için biraz farklıdır. Kodun üçüncü satırındaki parantezler arasında her bir düğmenin nasıl yazıldığını görebilirsiniz. Örneğin, tam geniş başlığın ikinci düğmesi için kodu geçerli hale getirmek istersiniz, yazılı sınıfı ikinci düğme için ayarla değiştirin. Bundan sonra değişimi kaydet. Kod hemen tüm web siteleriniz için geçerli olacaktır. Kod modülüne jQuery kodu ekleyin Kodu web sitenize eklemek için başka bir olasılık kod modülünü kullanmaktır. Bu modül genellikle eklemek istediğiniz kod yalnızca bir sayfa için geçerli olduğunda kullanılır.
Değişiklikleri uygulamak istediğiniz sayfayı açın ve sayfanın üst kısmında bir sütun bulunan satır ekleyin. Bundan sonra, kod modülünü satıra ekleyin.
Aynı kodu kopyalayın ve içerik sekmesinin metin alt kategorisindeki içerik kutusuna yapıştırın. Fullwidth başlığı için jQuery kodu
$ (‘. Et_pb_fullwidth_header_0. Header-Content-Content.
});
Tam geniş kaydırıcı düğmesi için jQuery kodu
jQuery (işlev ($) {
$ (‘. et_pb_slide_0.et_pb_slide .et_pb_container a.et_pb_more_button.et_pb_button’). attr (‘hedef’, ‘_blank’);});
Değişikliği kaydet. Yukarıdaki yazdırılan ekranda gösterildiği gibi etiketleri arasına metin eklemeyi unutmayın. Kod şimdi yalnızca web sitesi sayfasına uygulanacaktır. Son zihin, web sitenize aşağıdaki kodu ekler, yalnızca tam genişlik bölümünde tam genişlikli bir başlık ve kaydırıcı kullanırken yeni bir sekmedeki açmayı istediğinizde gereklidir. Düğme modülü ile, yeni sekmede bağlantıyı açmayı seçebileceğiniz Divi Builder’a dahil edilen bir seçeneğiniz vardır. Kodu web sitenizin birkaç sayfasında kullanmak istiyorsanız, web sitenize tema seçeneğine ekleyin. Ancak yalnızca bir tam genişlik başlığı veya tam genişlik kaydırıcısı için bir kod kullanıyorsanız, belirli bir sayfadaki kod modülüne kodu ekleyerek daha iyi olabilirsiniz. Yeni bir sekmede ne sıklıkla bir bağlantıyı açıyorsunuz ve neden? Aşağıdaki yorum bölümünde bize bildirin!