Divi ile altbilginizi nasıl yapışkan hale getirebilirsiniz
Yapışkan dipnotlar, ziyaretçilerinize önemli içerik göstermenin harika bir yoludur. Altbilgi, kaydırdıklarında ekranın altında kalır, böylece içeriğe her zaman kolay erişebilirler. Bu, iletişim bilgileri, özel bağlantılar ve daha fazlası için idealdir. Neyse ki, yapışkan bir altbilgi yapmak Divi ile yapmak kolaydır. Bu öğreticide, divi altbilginizin bir kısmının yapışkan olduğunu göreceğiz ve bunu masaüstü ve mobil cihazlar için farklı şekilde ayarlayacağız. Önizleme Başlamadan önce, bu öğreticide ne yapacağımızı görelim.
Divi Footer DisKewttop Bu, masaüstünde yapışkan olan divi altbilgisinin görüntülenmesidir. Divi altbilgisi yapışkan telefon, bu telefonda yapışkan bir divi altbilgisi gösterimi. Neden yapışkan altbilgi kullanıyorsunuz? Yapışkan altbilgi kullanmanın birkaç avantajı vardır … İlk olarak, ekranın yüksekliğini karşılamak için yeterli içeriğe sahip olmayan sayfaların varsayılan bir yüzer altbilgiye sahip olması gerekir. Yapışkan altbilgi, altbilgiyi ekranın altına kilitler ve yüzerden uzak tutar. Bu, sayfanın daha iyi görünmesini sağlar ve okuyucuyu rahatsız etmez. Başka bir avantaj, burası, kullanıcılar tarafından parmaklarının ucunda kullanılabilecek harekete geçme veya bilgileri davet etmek için iyi bir yer olmasıdır. İletişim bilgileri, satış reklamları, afiş reklamları ve daha fazlası yapışkan altbilgiye yerleştirilebilir. Telefon numarası telefon için çok yararlıdır çünkü tıklamayı yapabilirsiniz.
İlk Divi altbilgisini indirin, Divi Tema Builder ile kullanmak için bir altbilgi şablonuna ihtiyacınız var. Zarif temalar blogundan kendiniz yapabilir veya ücretsiz bir şablon alabilirsiniz. Zarif temalar, Divi’de bulunan birçok ücretsiz düzen paketiyle eşleşen ücretsiz başlık ve altbilgi şablonları sağlar. Bir blogda “Ücretsiz Altbilgi” veya “Altbilgi Şablonu” için bir blogda arama yaparak bir altbilgi şablonu bulabilirsiniz. Şablon ve unzip dosyanızı indirin. Örneğim için, Divi Estate Planlama Düzeni Paketi için ücretsiz bir başlık ve altbilgi şablonu kullanıyorum. Ayrıca sayfa içeriği için plantasyon planlama düzeni paketinin yön sayfasını kullanıyorum.
Altbilgi şablonunuzu yüklemek için WordPress kontrol panelinde Divi> Tema Oluşturucunu Açın. Sağ üstteki taşınabilirlik simgesini tıklayın ve açık sermayede içe aktarma seçin. Ardından, dosyayı seçin ve bilgisayarınızdaki JSON dosyanıza gidin ve seçin. Son olarak, sermayenin altındaki Divi Tema Oluşturucu Şablon İçe Aktarma düğmesini tıklayın. Şablonun ayarlarınızı yüklemesini ve kaydetmesini bekleyin. Şablonu tema oluşturucudan arka uçta veya ön uçtaki görsel oluşturucuda düzenleyebilirsiniz. Divi altbilginizi yapışkan hale getirin Önde çalışıyorum, böylece web sitesi gövdesi ile çalıştığından emin olmak için sonuçları doğrudan görebiliyorum. Ön uçta, Visual Builder’ı etkinleştir’i seçin ve altbilgiye kaydırın ve altbilgi şablonunu düzenleyin. Yapışkan Divi Altbilgi Ayarları
Altbilginin yapışkan bir parçası yapacağız. Bu bölümde adres bilgileri, telefon ve e -posta dahildir. Yapışkan durumdayken daha küçük hale getireceğiz ve masaüstü ve altbilgi için farklı ayarlamalar yapacağız. İmleci yapışkan yapmak istediğimiz parçaya gidin ve Ayarlar simgesini seçin. Gelişmiş sekmesini seçin ve kaydırma efektlerine doğru kaydırın. Bu ilk ayar yapışkan konumdur. Açılır kutuya tıklayın ve altına yapıştırın. Bu, tüm parçalardaki yapışkan seçeneği etkinleştirecektir. Ardından, Tasarım sekmesini açın ve alana gidin. Üst ve alt için dolgu olmalıydı, ancak yoksa, her biri 30 piksel ekleyin. Dolgu: 30 piksel, üst ve alt Birkaç seçenek açmak için imleci alana yönlendirin. PIN simgesine tıklayın. Bu, bu ayar için yapışkan ayarlamayı açar.
Masaüstü simgesini ve PIN simgesini göreceksiniz. Masaüstü simgeleri etkin olacaktır. Bölümün yapışkan durumu için yatağı ayarlamak için PIN simgesini tıklayın. Üst ve altta 0px ekleyin.
Yapışkan dolgu: 0px, üst ve alt.
Zaten eskisinden daha kısa bir parça görebilirsiniz. Bu, bölümün parça dışında daha küçük görünmesine ve daha sonra altbilgide yerinde kilitlendiğinde normal boyuta büyümesini sağlayacaktır. Masaüstü ayarları için yapmamız gereken tek şey bu. Tablet bu ayarı otomatik olarak takip edecektir.
Divi Footer yapışkan sütun ayarları
Telefon için altbilgi tasarımında bazı değişiklikler yapacağız. İmleci satıra gidin ve Ayarlar simgesine tıklayın.
Ardından, iki sütuna ayarlamalar yapacağız. İlk sütun için Ayarlar simgesini tıklayın.
Etkin Devre Dışı Bırak: Telefon Sermayeyi kapatın ve değişikliğinizi tasarruf edin. Kapalı numara numarası Yapışkan altbilginin telefon sürümü yalnızca telefon numarasını görüntüleyeceğinden, tıklamasını istiyorum. Bu, ekranda kalan ve harekete geçme davetini yapan bir telefon numarası kullanır. Telefon numaraları olan metin modülleri için ayarları tıklayın.
Yalnızca telefon için tıklanabilecek bir numara yapacağız. Masaüstü ve tablet tıklanamaz. Masaüstüne tıklanmasını istiyorsanız, simgeyi tıklamak için geçin. Telefon simgesini seçin. Vücut İçerik Düzenleyicisi’ndeki Metin sekmesini seçin ve tıklanan telefon numaraları için bu HTML’yi yapıştırın:
(255) 252-6258 Örneğin, bir şablonla birlikte bir sayı kullanıyorum. Sadece kendinizle numarayı değiştirin. Tıklanabilen bağlantı otomatik olarak varsayılan bağlantı renginde değiştiğinden, bağlantının rengini değiştirmek için bazı satırlar da ekliyorum. Ad veya altıgen kod ekleyerek rengi değiştirin. Aramak için tıklamak için telefonun başlığını da değiştirebilirsiniz. Son olarak, ayarlarınızı kapatın ve düzeninizi kaydedin. Sonuç, masaüstünde ve telefonda yapışkan bir divi altbilgisinin gösterilmesidir.Divi Footer DisKewttop Bu, masaüstünde yapışkan olan divi altbilgisinin görüntülenmesidir.Divi yapışkan altbilgi telefonu Bu, telefonda yapışkan olan divi altbilgisi ekranıdır.Bu altbilgide telefon numaraları tıklanabilir.Divi Builder Sticky seçeneğini kullanarak divi altbilginizi nasıl yapışkan hale getireceğiniz konusundaki görünümümüz olan zihnin sonlandırılması.Tüm altbilgiler veya altbilginin herhangi bir öğesi tek bir tıklamayla yapışkan hale getirilebilir.Altbilgi durumu seçeneği, öğelerin eklendiğinde farklı görünmesini sağlar.Bu, yapışkan altbilgi için birçok tasarım seçeneği açar. Sizden haber almak istiyoruz.Divi altbilginizi yapışkan hale getirmek için bir divi yapışkan seçeneği kullandınız mı?Bize aşağıdaki yorumlardaki deneyiminizden bahsedin.
