Sosyal Medya İç Tasarım Düzen Paketleri Divi & amp ile hazır hale getirme;Hükümdar
Her hafta size bir sonraki projeniz için kullanabileceğiniz yeni ve ücretsiz bir Divi düzen paketi veriyoruz. Her düzen paketiyle birlikte, web sitenizi bir sonraki seviyeye getirmenize yardımcı olacak kullanım durumlarını da paylaşıyoruz. Bu hafta, devam eden Divi Tasarım Girişimimizin bir parçası olarak, İç Tasarım web sitenizin bir iç tasarım, divi ve hükümdar tasarım paketi ile nasıl sosyal medya oluşturulacağını göstereceğiz. Sayfalarınıza ve yayınlarınıza sosyal paylaşım simgelerinin ve sosyal takiplerin nasıl ekleneceğini göstermenin yanı sıra, İç Tasarım web sitenizde oluşturduğunuz tüm yayınlar için kullanabileceğiniz uygun bir blog gönderme şablonu düzeni oluşturacağız.
Kullanım Örneği Blog Gönderisine girmeden önce Sneak Peek Kılıfını kullanın, görsel olarak ne yapacağımızı görelim. Her şeyden önce, sayfanızda istediğiniz yere yerleştirebileceğiniz sosyal hükümdarı takip etmek için bir özellik ekleyeceğiz. Her bir sosyal ağ için takipçi sayısını görüntüleyeceğiz ve tüm web sitelerinde sosyal kanıtlar ince bir şekilde göstereceğiz.
Takipçi sayısını göster: Evet
Minimum sayım ekranı: 0
Toplam takipçileri göster: hayır
Ağ Adı Görüntü: Hayır
Dış metin rengi: karanlık
Simge alanını sil: hayır
Mobil cihazda saklanın: hayır
Özel Renkler Kullan: Evet
Arka plan rengi: #1A1A1A
Adım 4: Kısa Kod Oluşturun Tüm görüntüleme değişikliklerini yaptıktan sonra devam edebilir ve kısa kodlar oluşturabilirsiniz. Bu kısa kodu kopyalayın çünkü bu yazının bir sonraki adımında ihtiyacınız olacak.
Adım 5: Simgenin konumunu seçin Sosyal olarak stratejik olarak İzleyin Sosyal Takip -Up simgesini web sitenizde istediğiniz yere yerleştirebilirsiniz. Ancak, stratejik bir pozisyon seçmelisiniz ve müdahale edebileceği için çok sık eklemeyeceksiniz. Sosyal ikonlar eklemek için bazı iyi yerler: Ana sayfadaki blog bölümü veya yön sayfası Hakkında Sayfa Hakkında
CTA’yı içermeyen başka bir yer
Adım 6: Metin modülünü ekleyin İstediğiniz yere de ekleyebilseniz de, verandadaki blog bölümüne nasıl ekleyeceğinizi göstereceğiz. Önce bir entegrasyon yaptıktan sonra, web sitenizde istediğiniz yerde metin modülünü yeniden kullanabilirsiniz. Bu nedenle, ana sayfanızı açın, görsel oluşturucuyu etkinleştirin ve blog bölümünde metin modülünün hemen altına yeni bir metin modülü ekleyin.
Adım: 7: Metin modülüne kısa bir kod ekleyin, ardından Metin Modülü içerik kutusuna kısa kodu ekleyin. Bu, simgenin sosyal görünmesini izlemesini sağlayacaktır. Adım 8: Metin modülünün genişliğini değiştirme konumuna göre değiştirin Simgenin konumuna bağlıdır Sosyalinizi takip edin, metin modülünüzün genişliğini tasarıma uyacak şekilde değiştirmelisiniz. Aşağıdaki örnek için masaüstü için ‘%13’ ve tabletler için ‘%20’ kullandık. Bölüm 2: Özel blog yazısı şablonlarının düzenini oluşturun Adım 1: Bir blog yazısı şablonu düzeni oluşturmak için yeni bir gönderi ekleyin, yeni bir gönderi oluşturmak için yayınları girerek başlayın> yeni bir yazı oluşturun. Adım 2: Üstün Başlık ve Görüntü Ekleyin Daha sonra, yayınınıza önde gelen başlıkları ve resimleri ekleyin. Adım 3: Bir sonraki Divi Builder’ı etkinleştirin, Divi Builder’ı etkinleştirin. Adım 4: Divi Post ayarlarını değiştirin ve görsel oluşturucuya geçmeden önce, aşağıdaki divi gönderi ayarlarını uygulayın: Sayfa Düzeni: Tam Genişlik Gönderi başlığı: gizle Adım 5: Visual Builder’a dönerek, blog yazısı şablonunun düzenini yapmaya devam etmek için görsel oluşturucuya geçin.
Adım 6: Blogun Düzenini Yükle Oradayken, İç Tasarım Düzeni Paketinde bulunan blogun düzenini yükleyin. Bu düzenin çoğunu yeniden kullanacağız ve yapmamız gereken işi en aza indirmek için bazı değişiklikler yapacağız.
Adım 7: Bu durumda İç Tasarım Blogunun Kahramanları’ndaki metin modülünün kahramanlarının metin modülünü silin. Bu yüzden hemen silebilirsiniz.
Adım 8: Kahraman bölümünün aralığını değiştirin, ardından bölümün ayarlarını açın ve üst ve alt parçalarınızın yataklarını ‘%5’e değiştirin.
Adım 9: Üstün görüntüleri yükleyin Kahramanların arka planı bölümün ayarlarında, arka plan görüntüsünü üstün görüntünüze de değiştirin. Bu arka plan görüntüsünü değiştirmeniz gerekir Blog yayın şablonunun düzenini yeni blog yayınınızla eşleştirmek için her kullandığınızda. Adım 10: Bir sonraki gönderi başlık modülünü ekleyin, yayın başlık modülünü satır sütununa ekleyin. Adım 11: Üstün Görüntü Elemanlarını Devre Dışı Bırakın Üstün görüntülerimiz için bölümün arka planını kullandığımız için, yayın başlık modülünden ‘Görüntü Göster’ seçeneğini devre dışı bırakabilirsiniz. Adım 12: Metin Ayarları Ardından, Tasarım sekmesine devam edin ve metin alt kategorisine aşağıdaki değişiklikleri uygulayın: Metin Rengi: Işık Metin Oryantasyonu: Orta Adım 13: Ayarlar Metin Başlığı Sonraki, Alt Kategori Metin Başlıkını Açın ve aşağıdaki ayarları kullanın: Yazı tipi başlığı: MuliAğır yazı tipi başlığı: kalın
Başlık Metin Boyutu: 50px Hat yüksekliği başlığı: 1.7em
Adım 14: Meta Metin Ayarları Alt Kategori Meta metni, aksine, aşağıdaki ayarları gerektirir:
Meta Yazı Tipi: Muli
Meta yazı tipi ağırlığı: normal
Meta Metin Boyutu: 14px Meta hat yüksekliği: 1em
Adım 15: Blog taşıma modülünü üzerinde çalıştığınız yayının altına silin ve mevcut blog modülünü silin.
Adım 16: Metin modülünü ekleyin, metin modülünü satıra ekleyerek hemen devam edin. Bu metin modülü, ziyaretçilerinizle paylaşacağınız içerik içerecektir.
Adım 17: Ayarlar Metin Birkaç metin örneği ekledikten veya ilk blogunuzu yayınladıktan sonra, Tasarım sekmesine devam edin ve metin alt kategorisinde aşağıdaki değişiklikleri yapın:
Metin Rengi: Karanlık Metin yazı tipi: Muli Metin yazı tipi ağırlığı: normal Metin Boyutu: 17Pxlet 18: Alt Kategori Metin Başlıkları için Başlık Metin Ayarları, bunun yerine aşağıdaki ayarları kullanın:
Yazı tipi başlığı: Muli
Başlık Mektubu Ağırlığı: Kalınlık
Yazı tipi stili başlığı: alt çizgi
Başlık Satırı Rengi: #F4583F Çizgi Stili Başlığı: Çift
Başlık Metin Boyutu: 26px
Merkezi Hattının Yüksekliği: 1.8EM
Adım 19: Son boyutu değiştirin, aşağı kaydırın ve metin modülünüzün boyutunu şu şekilde değiştirin:
Genişlik:% 68 (masaüstü),% 100 (tablet ve cep telefonu)
Modül hizalaması: merkez
Adım 20: Blog Gönderi şablonunuzun düzenini düzenlemeyi bitirdikten sonra bir sonraki gönderi için düzeni kaydedin, Divi kütüphanenize devam edebilir ve kaydedebilirsiniz. Bu, yeni bir blog yazısı oluşturduğunuzda düzeni yeniden kullanmanıza olanak tanır. Tabii ki, kahramanın ve içeriğin üstün bir görüntü, arka plan görüntüsü gibi yeni bir blog yazısı yaptığınızda birkaç şeyi değiştirmeniz gerekir.
Bölüm 2: Sosyal Paylaşım simgeni hazırlayın Adım 1: İlk Blog Gönderisine bir örnek aldıktan sonra geçerli yan çubuğunu seçin, bir sosyal paylaşım simgesi ekleyebilir ve yayınınızda nasıl göründüğünü görebilirsiniz. Araçlar> Monarch Ayarları> Sosyal Paylaşım> Konumlara giderek başlayın ve konumunuz olarak ‘Kenar Çubuğu’ seçin. Adım 2: Bir sonraki ilgili sosyal ağı ekleyin, ağ sekmesini açın ve paylaşma olasılığına mümkün olduğunca çok sosyal ağ ekleyin.
Adım 3: Ekran Ayarları Kenar Çubuğu Son fakat en az değil, Kenar Çubuğu sekmesini açın ve Sosyal Paylaşım simgeniz için aşağıdaki ekran ayarlarının geçerli olmasını sağlayın:
Yan Bila yönünün yönü: sol Giriş animasyonu: sağ slayt Ekran Payı Sayısı: Hayır Toplam Payları Göster: Yawarna Metin Toplam Paylaşımları: Karanlık ‘Tüm Ağ’ düğmesini gösterin: Hayır
Simge alanı ekleyin: hayır
Mobil cihazda saklanın: hayır
Özel Renkler Kullan: Evet
Arka plan rengi: #F4583F
Ayarlar Gönderi Türü: Yalnızca Gönderi
Bu yazıdaki son zihin, sosyal medyanın sosyal medyasını nasıl ücretsiz bir iç tasarım düzen paketi, divi ve hükümdar kullanmaya hazır hale getireceğinizi gösterdik.Sosyal medyayı web sitenize sosyal kanıt olarak takip etmek için simgelerin nasıl ekleneceğini ve yayınlarınıza sosyal paylaşım simgelerini göstermenin yanı sıra, gelecekteki tüm yayınlar için kullanabileceğiniz blog yayın şablonlarının düzenini de derledik.Sorularınız veya önerileriniz varsa;Aşağıdaki yorumlar bölümünde bir yorum bıraktığınızdan emin olun!2 ABD / Shutterstock.com tarafından Üstün Görüntü
