Divi Blog Gönderi Şablonunuza İlgili Mesajlar Nasıl Eklenir
İlgili yayınlar, blog trafiğinizi artırmanın iyi bir yoludur. Blogunuzdaki kullanıcılar ilgilendikleri yayınları görecektir. Bu, onları sitenizde daha uzun süre dayanır ve sizin ve web sitenizle etkileşimlerini artırır. Neyse ki, ilgili yayınlar Divi Tema Builder’daki Divi blog gönderme şablonunuza kolayca eklenir. Bu makalede size nasıl olduğunu göstereceğiz. Aşağıdaki önizleme, bu öğreticide yaptığımız ekrandır. Masaüstündeki ilgili yayınlar
Aşağıda, masaüstünde ilgili yayınların görünümüdür. Gönderinin başlığı ve üstü yukarıdakilerle örtüşüyor. Navigasyon sonrası düzen stiliyle eşleşir.Telefondaki ilgili yayınlar İşte ilgili yayınlarımızın mobil cihazlardaki görünümü. Bu, başlık ve ilk gönderi için örtüşmeyi içerir. Bu, ilgili direğin altında görüldüğü gibi navigasyonu da içerecektir. YouTube kanalımıza abone olun Blog yayın şablonunun bazı öğeleri ihtiyacı olan şey, düzgün çalışan bir blog yayın şablonu için önemli kabul edilir. Blog yazısı başlıklar, üstün resimler, meta veri ve içerik içeriği gerektirir. Onlar olmadan, bir blog yazısı olarak düzgün çalışmayacak. Kullanıcılar kafası karışacak veya kullanıcının deneyiminden uzaklaşacak.
Diğer blog yazısı öğeleri bazı öğeler blog yazısı şablonunun işlevselliği için önemli değildir, ancak kullanıcı deneyimini geliştirmek için birçok ek işlev eklerler. Bu unsurları dikkate almak iyidir. Örneğin, okuyucuların sizin ve diğer okuyucularla etkileşime girebilmesi için yorumlar ekleyebilirsiniz. CTA, ürünlerinize, hizmetlerinize ve bültenlerinize dikkat çeker. Başka bir seçenek, bu öğreticide göreceğimiz gibi ilgili yayınlardır. İlgili yayınlar, kullanıcıların ilgilendikleri içeriği bulmasını kolaylaştırır. Blog Gönderi Şablonunuzu Oluşturun veya İndirin Blog Gönderi Şablonunuzu Baştan Oluşturabilir veya Zarif Temalar Blogundan İndirebilirsiniz. Başından beri oluşturmak için, yukarıda tartıştığımız önemli şeylerin bir listesini eklediğinizden emin olun. Başlıklar, üstün görüntüler, meta veriler ve içerik gönderme gibi bir divi modülü ekleyin. Ardından, yorumlar ve optin e -posta modülleri gibi eklemek istediğiniz ekstra göz önünde bulundurun. Zarif temalar, Divi’de bulunan ücretsiz düzen paketine uyacak şekilde tasarlanmış birçok ücretsiz blog gönderme şablonu sunar. Blog ET’den birini indirmek için, “Ücretsiz Blog Gönderi Şablonu” için bir blog arayın. Örneğim için, Veri Bilimi Düzeni paketi için ücretsiz bir blog yayın şablonu kullanıyorum.
Blog yayın şablonunuzu yükleyin
JSON dosyalarını yükleyebilmeniz için ET, Unzip blogundan bir şablon indirirseniz. Yüklemek için WordPress kontrol panelinde Divi> Tema Oluşturucu’yu açın. Taşınabilirliği seçin ve açık sermayede ithalat seçin. Dosyayı seçin ve JSON dosyanıza gidin ve seçin. Divi Tema Oluşturucu Şablonlarını İçe Aktar’ı tıklayın ve içe aktarma işlemi tamamlanana kadar bekleyin. Değişikliklerinizi kaydedin. Divi’yi WordPress kontrol panelinde açın. Tema üreticisini seçin.
Taşınabilirliği seçin.
Açık sermayede ithalat seçin.
Dosyayı seçin ve JSON dosyanıza gidin ve seçin.
Divi Tema Oluşturucu Şablonlarını İçe Aktar’ı tıklayın ve içe aktarma işlemi tamamlanana kadar bekleyin.
Değişikliğinizi kaydedin.
Blog Gönderi Şablonunuza İlgili Mesajlar Nasıl Eklenir
İlk olarak, bir blog yayın şablonunu açmak için Düzenle simgesini tıklayın.
Ardından, yeni blog modülümüz için yeni bir parça ve bir sütun satırı eklememiz gerekiyor. Şablonu tel çerçeve ekranında görünce, bu şablonun altta bir yazı kaydırıcı modülü içerdiğini görüyoruz. Bu değişimi sileceğiz ve bu satırı kullanacağız, ancak önce harekete geçme daveti üzerine sürükleyin. Bölümü hareket ettirdikten sonra gönderinin gönderisini silin. Bu bölüm siyah bir arka plana göre düzenlenmiştir. Kendi arka planınızı eklerseniz, parçanın ayarlarını açın ve arka planı siyah olarak ayarlayın. Arka plan rengi: #000000 Ardından, Gray Plus simgesini seçin ve bir blog modülü ekleyin. Blog modülü ayarlarıyla ilgili yayınlar
Ayarlar, seçiminizi yapabileceğiniz otomatik olarak açılır. Modülün düzende nasıl görüldüğünü görmek için doğrudan masaüstü ekranına geçtim. Gönderi türünü gönderiye bırakın. Gönderi sayısını 3 olarak ayarlayın. Dahil edilen kategori altında geçerli kategoriyi seçin. Belirli bir kategori için bir blog yazısı şablonu oluşturursanız, bu kategoriyi buradan seçin. Makalede belirli bir kategoriye bir blog yazısı şablonu oluşturma hakkında daha fazla bilgiyi görebilirsiniz. Gönderi sayısı: 3 Dahil Kategori: Mevcut kategori
Gönderi teklifini kullanmak için evet’i seçin. Teklifin uzunluğunu 150 olarak değiştirin. Element altında, üstün görüntüleri görüntülemek için Evet’i seçin.
Gönderi alıntısını kullanın: evet
Alıntı Uzunluğu: 150 Üstün Görüntüler Göster: Evet
Ayrıca öğenin altında, teklifleri ve sayfayı görüntülemek için seçin.
Teklif Performansı: Evet
Sayfa Göster: Evet
Ardından, Tasarım sekmesini açın. Öne çıkan görüntü kaplamasının etkinleştirildiğinden emin olun. Yer paylaşım simgesinin rengini beyaza ve arka plan rengi kaplamasını RGBA olarak değiştirin (65,226,186,0.62).
Üstün görüntülerin genişliği: aktif
Geniş simgenin rengi: #ffffff Arka Plan Renk Hedefi: RGBA (65,226,186.0.62)
Yazı tipi başlığını Roboto Mono olarak değiştirin. Ağırlığı normal ve renk değiştirin, #323770.
Başlık Metni: Roboto Mono
Metin rengi: #323770 Yazı tipi ağırlığı: normal
Masaüstü başlık metnini 15px olarak ayarlayın ve telefon başlığının metnini 14px olarak değiştirin. Başlık çizgisinin yüksekliğini 1.7EM olarak değiştirin.
Başlık Metin Boyutu (Masaüstü): 15px
Metin Boyutu (Telefon): 14px Hat yüksekliği: 1.7em
Gövde metni için yazı tiplerini PT sans, ağırlık ve renk #62748a olarak ayarlayın (bu varsayılan ayardır). Gövde metni yazı tipi: PT sans
Metin Ağırlığı: Normal
Metin rengi: #62748a Vücut metni boyutu için bir telefon simgesi seçin ve telefon boyutunu 12 piksel olarak değiştirin. Masaüstünü 14px varsayılan olarak bırakın. Çizginin yüksekliğini (tüm ekran boyutları için) 2EM olarak değiştirin.
İçindekiler metninin boyutu (masaüstü): 14px
Metin Boyutu (Telefon): 12 piksel
Hat yüksekliği metni: 2em Ardından, sayfa metnine doğru kaydırın. Yazı tipleri için Roboto levhasını seçin. Ağırlığı normal olarak ayarlayın ve rengi #41E2BA olarak değiştirin.
Yazı Tipi Pagination: Roboto Döşeme
Yazı tipi ağırlığı: normal
Renk: #41E2BA Blog modülü varsayılan olarak en üst marj -7VW’ye sahiptir. Çakışan miktarı değiştirmek istiyorsanız, üst kenar boşluğuna daha fazla -vw (bu örnek -12VW gösterir) ekleyin.
Üst kenar: -7vw (veya istenen miktar)
Bölümün başlığını ekleyin
Son olarak, bu bölüme başlığı ekleyeceğiz, böylece kullanıcılar bir bakışta bunun ilgili bir yazı olduğunu öğrenebilir. Başlığı bu bölümde bırakabiliriz, çünkü kullanıcıların yazının okudukları ile ilgili olduğunu anlamaları oldukça kolaydır. Gri Plus simgesini tıklayıp aynı satırdaki blog modülüne sürükleyerek yeni bir metin modülü ekleyin. Mevcut ayarlarımız blog modülünün arkasında göründüğü için Frame görüntü ekranında gördüm. İçerik düzenleyicisinde Başlık 2’yi seçin ve başlık, ilgili yayınlar yazın.
Metin: Başlık 2
İçerik: İlgili yayınlar Tasarım sekmesini seçin, başlık metnine gidin ve H2’yi seçin. Yazı tipi başlığı 2 için Roboto levhasını seçin. Yazı tipi ağırlığını kalın olarak ayarlayın ve merkez hizalamasını seçin. Masaüstü yazı tipi boyutunu 53px ve telefon yazı tipi boyutunu 15px olarak ayarlayın. Başlık 2 yazı tipi: Robo Slab Mektup Ağırlığı: Kalın
Masaüstü Yazı Tipi Boyutu: 54px
Mobil yazı tipi boyutu: 26px Alana doğru kaydırın. Masaüstü ayarlarını seçin ve üst -12VW marjını ve 9VW alt kenarını ayarlayın.
Üst Marj: -12VW
Alt marj: 9vw
Marj ayarları için telefon simgesini seçin ve üst kenar boşluğunu -50VW olarak değiştirin. Ayarlarınızı kapatın ve değişikliklerinizi kaydedin.
Üst kenar boşluğu: -50vw Masaüstündeki ilgili yayınlar
Aşağıdakiler masaüstündeki ilgili yayınlarımızdır. Telefondaki ilgili yayınlar
İşte ilgili yayınlarımızın mobil cihazlardaki görünümü. Hala örtüşüyor. Buna navigasyon da dahildir. İşte ilgili yazının altındaki ekran. Divi Blog Gönderi Şablonunuza İlgili Mesajlar Nasıl Ekleneceğimiz Üzerine Görünüşümüz Zihnini Sonlandırın. Mevcut kategoriyi veya istediğiniz belirli kategorileri görüntüleyecek şekilde ayarlayabilirsiniz. Bunu bir blog modülü ile yapmak kolaydır ve blog yayın şablonunuzla kolayca eşleşebilir. Senden duymak istiyoruz. Blog yayın şablonunuza ilgili bir gönderi eklediniz mi? Bize yorumlardaki deneyiminizden bahsedin.
