Divi altbilgisine sosyal simgeler nasıl eklenir
Güçlü bir sosyal medya varlığına sahip olmak, herhangi bir web sitesinin başarısı için çok önemlidir. Kitleniz en sevdikleri platformda size bağlı olmak istiyor. Onlar için kolaylaştırmanın bir yolu, web sitenizde sosyal medya bağlantıları sağlamaktır. Neyse ki, bu Divi ile yapmak kolaydır. Bu makalede, Divi altbilgisine sosyal ikonların nasıl ekleneceğini göreceğiz. Başlayalım. Masaüstü ve hücreseldeki altbilgi ekranımı takiben sosyal ikonlarla divi altbilgi pratiniti. Masaüstü önizleme
Bu, Divi altbilgisinde yeni bir sosyal simge ile masaüstündeki düzenin görüntülenmesidir. Hücresel önizleme Bu, Divi altbilgisinde yeni bir sosyal simgeye sahip bir cep telefonundaki düzenin görüntülenmesidir. Altbilgi şablonunu ücretsiz indirin İlk olarak, bir altbilgi şablonuna ihtiyacımız var. Zarif temalar, Divi’de bulunan şablonlarla eşleşen birçok ücretsiz başlık ve altbilgi şablonları sağlar. Bu şablon daha önce düzenlenmiştir ve indirmek için ücretsizdir. Zarif temalar blogunda ücretsiz bir altbilgi şablonu bulabilirsiniz. “Ücretsiz altbilgi” bulun. Birçoğu altbilgiye sosyal ikonlar içeriyordu. Bu öğretici için, onu içermeyen bir altbilgi seçtim. Divi NGO düzeni paketi için ücretsiz bir altbilgi şablonu kullanıyorum.Ücretsiz altbilgi şablonunuzu ve Unzip’i indirin. Yalnızca JSON dosyalarını yüklemeniz gerekir. Notlar – Sosyal simgeler zaten sahip olduğunuz şablona eklenebilir. Bu öğretici için yeni bir şablon yükleyeceğim. Sosyal ikonlar ekleme süreci aynıdır. Divi tema üreticisini kullanın Bu öğretici için Divi Tema Oluşturucu kullanıyoruz. Bu, özel bir divi altbilgisi yapmanın tercih edilen bir yoludur. Bazı tasarımlar yapabilir ve bunları her bir sayfaya veya sayfaya uygulayabilirsiniz. Divi tema oluşturucuya erişmek için, WordPress kontrol panelinde Divi> Tema Oluşturucu Open. Bir altbilgi şablonu yüklemek için altbilgi şablonlarını yükleyin, sağ üst köşedeki taşınabilirlik simgesini seçin. Bir sermaye açılacak. İçe Aktar’ı seçin ve Dosya’yı seçin. Bilgisayarınızdaki JSON dosyasına gidin ve seçin. Sermayenin altındaki Divi Tema Şablon Şablonlarını İçe Aktar’ı tıklayın. Yükleme tamamlanana kadar bekleyin. Artık küresel bir başlık ve altbilgi şablonunuz olacak. Kullanmak istemiyorsanız şablon başlığını silin. Değişik Kaydet’i tıklayın. Artık divi altbilginize sosyal ikonlar eklemeye hazırsınız. Altbilgiye sosyal simgeler ekleyin Ardından, düzenleme yapmak için bir şablon açmalısınız. Global altbilginin solundaki (kalem simgesi) Soldaki Düzenle simgesini seçin veya sağdaki üç noktayı tıklayın ve seçenekte Düzenle’yi tıklayın. Ardından, altbilgide bir sosyal simge koymak istediğinizi seçin. Kampanya altında boş bir yere ekleyeceğim. Ayrıca başlığı ve bölücüyü ekleyeceğim ve simgeyi düzeni eşleştirecek şekilde ayarlayacağım. İlk olarak, altbilgideki diğer öğelerle eşleşen bir başlığa ihtiyacımız var. Yukarıdaki alandaki başlığı klonlamak ve bir sosyal simge koymak istediğiniz alana sürüklemek. Ardından, yeni metin modülünüzü açın ve bizi takip etmek için kampanyadan metni değiştirin. Ardından, Kampanya başlığı altında klonlama ve yeni başlıkımızın başını çeken bölücü modülü. Altbilgi şablonunuz artık yukarıdaki örnek gibi görünecektir. Şimdi ihtiyacınız olan tek şey sosyal medyayı takip etmek için modüller eklemektir. Modül eklemek için eklemek istediğiniz konumdaki artı simgesini tıklayın. Aşağı kaydırın veya sosyal medyayı arayın ve eklemek için modülü tıklayın. Daha fazla sosyal simge ekleyin Divi Builder’dan bir modül ekledikten sonra, varsayılan simgeyi açar ve görüntüler. İlerlemek için iki seçeneğiniz olacak. İlk seçenek – her simgeyi eklemek için yeni sosyal ağ ekle’yi tıklayabilirsiniz. Daha sonra varsayılan kuvveti veya bir simge kuvvetini kullanabilir ve ardından stili başka bir simgeye yansıtabilirsiniz. İkinci seçenek – ikinci simgeyi silebilir, birincisini düzenleyebilir, eklemek istediğiniz her simge için klonlayabilir ve istediğiniz ağa değiştirebilirsiniz. Seçtiğiniz yöntem bir sorun değil. İş temelde aynı. Yerinde tüm simgeleri görmeyi seviyorum, bu yüzden ilk seçeneği kullanacağım. Sosyal ağınızı ekleyin
Yeni sosyal ağlar eklemek için tıklamak sosyal ağ düzenlemeleri açacaktır. Ağ altındaki açılır kutuya tıklayın ve eklemek istediğiniz ağı seçin. Hesap bağlantısı URL’si için URL’yi sayfanıza girin. Ayarları kapatmak için Yeşil Kontrol simgesini tıklayın.
Tüm sosyal ağlarınızı ekleyene kadar bu sürece devam edin. Ayrıca, altbilginin geri kalanına uyacak şekilde düzenlememiz gerekiyor. Şablonumdaki düzen altbilginize uygun sosyal ikon stiliniz birçok yeşil ve turuncu renge sahiptir. Düğme kenarda yuvarlanır ve diğer simgenin arkasında bir daire vardır. Beyaz yeşil arka plandaki metin. Sosyal medya simgelerini düzenlerken bunu bir tasarım kuyruğu olarak kullanacağım. Öncelikle başlık ayarlarını açın. Tasarım sekmesini açın ve 20 piksel dolgu ekleyin. Şimdi kampanya arasında biraz yer var ve bizi takip ediyoruz. Modülü kapatın.
İçerik sekmesini seçin. Ayarları açmak için ayarlamak için Sosyal Ağlar’ı seçin ve dişli tıklayın. Arka plan seçeneğine gidin ve #347362 numarasını girin. Bu, altbilgideki CTA ile eşleşen ve kahverengi bir arka planla iyi görünen yeşil bir arka plan simgesi verir.
Arka plan = #347362 Tasarım sekmesini seçin. Simgenin altında, özel bir simge boyutu kullanarak etkinleştirin. Simge yazı tipinin boyutunu 24 piksel olarak ayarlayın Yazı tipi boyutu simgesi = 24 piksel
Ardından, sınıra doğru kaydırın. Yuvarlak açıyı 24 piksel olarak ayarlayın. Ayarları kapatmak ve modül ayarlarına geri dönmek için yeşil onay işaretini tıklayın. Yuvarlak açı = 24 piksel
Sosyal ağa stil verdiğiniz ve öğe stillerini genişletmeyi seçin. Stili ne kadar genişletmek istediğinizi seçin (bu sayfa, bu sütun vb.) Ve Genişlet’i tıklayın.
Düzenleme artık diğer sosyal medya simgelerine genişletildi. Artık sayfayı kaydedebilir ve çıkabilirsiniz. Divi Footer’ın Sosyal Sosyal İkon Sonuçları Aşağıdakiler masaüstü ve hücresel sonuçlardır.DesktopBegini Sonuçları, Divi altbilgisinde yeni sosyal simgelerle masaüstünde düzeni görüntüler.Hücresel sonuçlar Divi altbilgide yeni sosyal simgelere sahip cep telefonlarında aşağıdaki ekran düzeni.Zihni bitirmek Bu, Divi altbilgisine sosyal ikonların nasıl ekleneceğine dair görünümümüzdür.Modül Divi’nin sosyal medyasının bunun için çok iyi olduğunu takip ediyor.Divi tema oluşturucu Global Footer şablonu, altbilginize eklemenizi kolaylaştırır.Yalnızca birkaç adımla, Divi altbilgisine kolayca sosyal simgeler ekleyebilir ve web sitenize uygun olarak ayarlayabilirsiniz. Senden duymak istiyoruz.Tema Maker ile Divi altbilgisine sosyal simgeler eklediniz mi?Bize aşağıdaki yorumlarda anlatın.