Divi's Theme Builder ile Blog Yazısı Şablonu Nasıl Tasarlanır (ÜCRETSİZ İndirme)

Bir blog yazısı şablonu, muhtemelen bir blog sitesine ekleyebileceğiniz en önemli şablondur. Ön uçtaki tüm blog gönderilerine “sihirli bir şekilde” uygulanan bir yapı ve tasarım sağlarken, blogcuların yalnızca gönderiyi arka uçta yazma konusunda endişelenmesi gerekir. Bu, gönderinizi web'de hızlı bir şekilde yayınlamak için oluşturma sürecini kolaylaştırarak zamandan önemli ölçüde tasarruf sağlar. Divi Theme Builder ile web'deki diğer tüm blog gönderilerine benzeyen sıkıcı bir gönderi şablonuyla yetinmek zorunda kalmayacaksınız. Sayısız özgün tasarım (görsel olarak) oluşturabilir ve şablonunuza kolayca farklı statik ve dinamik içerik kombinasyonları ekleyebilirsiniz.

Bu yazıda, Divi Tema Oluşturucu'yu kullanarak bir blog yazısı şablonu oluşturmak için bilmeniz gereken her şeyi ele alacağız. Pek çok içeriği ele alacağız, ancak bu şablonların gözlerinizin önünde ne kadar kolay hayata geçebildiğine şaşıracağınızı düşünüyorum.

Şimdi başlayalım!

Gizlice Bakış

İşte bu eğitimde oluşturacağımız blog yazısı şablonuna hızlı bir bakış.

Bu tasarımın benzerliğini Dijital Pazarlama Düzen Paketimizden fark etmiş olabilirsiniz. Bu gönderi şablonu, Dijital Pazarlama Düzen Paketi ile birlikte kullanabilmeniz için düzene uyacak şekilde oluşturulmuştur.

Eğlence!

Blog Yazısı Şablonunu ÜCRETSİZ olarak indirin

Bu eğitimdeki şablona el koymak için önce aşağıdaki düğmeyi kullanarak şablonu indirmeniz gerekir. İndirmeye erişmek için aşağıdaki formu kullanarak Divi Daily e-posta listemize abone olmanız gerekir. Yeni bir abone olarak, her Pazartesi daha da fazla Divi iyiliği ve ücretsiz bir Divi Düzen paketi alacaksınız! Zaten listedeyseniz, aşağıya e-posta adresinizi girin ve indir'i tıklayın. Yeniden abone olmayacaksınız veya fazladan e-posta almayacaksınız.

Şablon düzenini web sitenize aktarmak için Divi Tema Oluşturucu'ya gitmeniz ve .json dosyasını tema oluşturucuya aktarmak için taşınabilirlik seçeneğini kullanmanız gerekir.

Blog Yazısı Şablonu Nedir ve Neden Birine İhtiyacınız Var?

Blog yazısı şablonu, web sitenizdeki tek blog yazılarınızın tümü (veya bir kısmı) için kullanılan site çapında bir şablondur. Dinamik içerikle oluşturulmuş önceden tasarlanmış bir şablondur, böylece yeni veya mevcut herhangi bir gönderi, atanan şablonun düzenini ve tasarımını otomatik olarak devralır.

Bir blog yazısı şablonu kullanmanın birkaç zorlayıcı nedeni vardır. Bir blog yazısı şablonu kullanmanın birincil nedeni, bloglama sürecini kolaylaştırmaktır. Gönderileriniz için önceden tasarlanmış hazır bir şablona sahip olmak, gönderi öğelerini anında tasarlama ihtiyacını ortadan kaldırarak ve blog yazarlarına en iyi yaptıkları şey olan içerik yazmak için daha fazla zaman bırakarak oluşturma sürecini büyük ölçüde hızlandırabilir. Ama hepsi bu değil! Bir blog gönderisi şablonu, kullanıcı katılımını ve dönüşümleri artırmak için gönderiye ek öğeler (yorumlar, paylaşım düğmeleri ve e-posta seçenekleri gibi) dahil edebilir.

Divi Theme Builder ile bir blog yazısı şablonu oluşturmak şaşırtıcı derecede kolaydır. Divi'de bir blog yazısı şablonu oluşturmanın sırrı, hangi Modüllerin kullanılacağını ve dinamik içerik öğelerinin şablona nasıl etkili bir şekilde dahil edileceğini anlamaktır.

Birlikte bir blog yazısı şablonu oluşturmaya başlamadan önce, bir tane oluşturmak için mevcut araçlardan bazılarını gözden geçirelim.

Blog Gönderisi Şablonunun Yapı Taşları

Blog Yazısı Şablonları, blogun ihtiyaçlarına göre değişiklik gösterebilir. Ancak tipik olarak, bir blog yazısı şablonu aşağıdaki yapıdan oluşur:

• Başlık – Gönderinin genellikle Gönderi Başlığı, Öne Çıkan Görsel ve Gönderi Meta Verilerini (kategoriler, etiketler, yazar, gönderi tarihi vb.)
• Gönderi İçeriği – Makalenin ana içeriği.
• İlgili Yazılar – Okuyucuların ilgilenebileceği diğer makalelere bağlantılar.
• Yorumlar – Kullanıcıların gönderiyle ilgili yorum eklemeleri ve bunlara yanıt vermeleri için bir bölüm.
• Harekete Geçirici Mesaj – Genellikle bir e-posta tercih formu, sosyal paylaşım simgeleri veya bir tür promosyon teklifi.

Divi Modülleri ve Dinamik İçerik

Divi'nin Divi Modüllerinde bulunan yerleşik dinamik içerik yetenekleri kullanılarak Divi Tema Oluşturucu'da bir Blog Gönderisi Şablonu oluşturulabilir. Özel olarak gönderiler için oluşturulmuş bazı Divi Modülleri vardır. Bununla birlikte, çoğu Divi Modülü, bir gönderiyle ilgili mevcut dinamik içeriği çekme yeteneğine sahip olacaktır. Divi'de bir blog yazısı şablonu tasarlarken kullanabileceğiniz bazı seçeneklerin bir dökümünü burada bulabilirsiniz.

• Yazı Şablonları için Oluşturulan Divi Modülleri
  • Gezinme Sonrası Modülü – önceki ve sonraki gönderilere gezinme bağlantıları sağlamak için yararlıdır.
  • Gönderi Kaydırıcı Modülü – en yeni veya kategoriye göre düzenlenmiş bir gönderiler galerisi sağlamaya yardımcı olur.
  • Gönderi Başlığı Modülü – Gönderinin başlığını öne çıkan bir görselle tek bir kullanışlı modülde görüntülemek için yararlıdır.
  • Gönderi İçeriği Modülü – bir gönderinin içeriğini görüntülemek için gönderi şablonu için gerekli bir modül. Gönderi içeriği modülü, site genelindeki gönderi içeriği için varsayılan tasarım olarak kullanılabilecek tasarım seçeneklerini de içerir.

• Tüm Divi Modüllerinde Bulunan Gönderi Şablonu için Dinamik İçerik Öğeleri
  • Gönderi/Arşiv Başlığı
  • Alıntı Gönder
  • Geçerli tarih
  • Site Tanıtımı
  • Yazar Biyografisi
  • Yazı Yazarı
  • Bağlantı Gönder
  • Mesaj Kategorileri
  • Gönderi Yorum Sayısı
  • Yayınlanma Tarihi
  • Özel Alanlar

Artık mevcut araçlar hakkında iyi bir fikriniz olduğuna göre, Divi'de sıfırdan nasıl bir blog yazısı şablonu oluşturabileceğimize geçelim.

Başlamak için Gerekenler

Başlamak için aşağıdakileri yapmanız gerekir:

1. Henüz yapmadıysanız Divi Temasını (veya Divi Temasını kullanmıyorsanız Divi Builder Eklentisini) kurun ve etkinleştirin.
2. Oluşturacağımız blog yazısı şablonunun sonuçlarını görebilmek için en az birkaç tane blog yazısı oluşturduğunuzdan emin olun. Her gönderiye mümkün olduğunca çok içerik eklediğinizden emin olun (ör. öne çıkan görsel, kategoriler, vb.), böylece gerçek bir gönderiye iyi bir örnek elde etmiş olursunuz.

Bundan sonra Divi'deki blog gönderileriniz için yeni bir şablon oluşturmaya hazırsınız.

Divi Tema Oluşturucu'da Blog Gönderisi Şablonu Nasıl Oluşturulur

Youtube Kanalımıza Abone Olun

Tüm şablonlar gibi, Divi Theme Builder'da, Divi Builder'ın gücüyle şablonu tamamen sıfırdan oluşturmanıza olanak tanıyan bir blog yazısı şablonu oluşturulur.

Yeni Şablon Oluşturma

WordPress Kontrol Panelinden Divi > Tema Oluşturucu'ya gidin. Ardından “yeni şablon ekle” boş karesine tıklayın.

Şablonu Tüm Blog Yazılarına Atama

Yeni bir şablon eklediğinizde, şablonu web sitenizdeki sayfalara ve/veya gönderilere atamanıza olanak tanıyan şablon ayarları kutusu açılır. Site genelindeki tüm blog yazıları için bir blog yazısı şablonu oluşturmak istediğimiz için “Tüm Yazılar”ı seçin ve şablon oluştur butonuna tıklayın.

Özel Vücut Alanı Düzeni Oluşturma

Ardından, gönderi şablonu için yeni bir gövde alanı oluşturmak üzere şablonun "Özel Gövde Ekle" alanını tıklayın. Ardından "Özel Gövde Oluştur" u seçin.

İnşa sürecini başlatmak için “Sıfırdan İnşa Et” seçeneğini seçin.

Gönderi Şablonu için Özel Gövde Düzeni Oluşturma

Şablon Düzeni Düzenleyicisi başlatıldığında, Divi Builder'ı kullanarak blog yazısı şablonunuzun tüm gövdesini sıfırdan oluşturma özgürlüğüne sahipsiniz.

Başlamak için, varsayılan normal bölüme bir sütun satırı ekleyin.

Ardından, bir modül eklemeden önce, bölüm ayarlarını bir arka plan tasarımı ve biraz dolgu ile aşağıdaki gibi güncelleyin:

• Arka Plan Gradyanı Sol Renk: #8624e1
• Arka Plan Gradyanı Sağ Renk: #3607a6
• Gradyan Yönü: 130deg
• Başlangıç ​​Konumu: %25
• Arka Plan Resmi: resim ekle
• Paralaks Etkisini Kullan: EVET
• Dolgu: 7vw üst, 7vw alt

Metin Modülü ile Dinamik İçerik Olarak Gönderi Başlığı Oluşturma

Tek sütunlu satırın içine bir metin modülü ekleyin.

Ardından, gövde içeriği alanının üzerine geldiğinizde dinamik içerik simgesini tıklayın.

Listeden Gönderi/Arşiv Başlığı öğesini seçin.

Ardından, Gönderi/Arşiv Başlığı öğesindeki dişli simgesini tıklayın ve giriş alanlarını h1 etiketleriyle aşağıdaki gibi güncelleyin:

Önce:

<h1>

Sonrasında:

</h1>

Şimdi başlığı aşağıdaki tasarım ayarlarıyla tasarlayın:

• Metin Yazı Tipi: Roboto
• Metin Metin Boyutu: 16px
• Metin Satır Yüksekliği: 1.8em
• Metin Hizalama: orta
• Başlık Yazı Tipi: Roboto
• Başlık Yazı Tipi Ağırlığı: Kalın
• Başlık Metni Boyutu: 60px (masaüstü), 40px (tablet), 32px (telefon)
• Yön Çizgisi Yüksekliği: 1.2em

Bir Görüntü Modülünü Dinamik İçerik Olarak Kullanarak Öne Çıkan Görüntüyü Ekleme

Başlık bölümü yerleştikten sonra gönderi şablonu için öne çıkan görseli ekleyelim. Bunu yapmak için, üçte ikisi üçte bir sütun düzenine sahip başka bir normal bölüm ekleyin.

Ardından sol sütuna bir görüntü modülü ekleyin.

Ardından, görüntü için öne çıkan görüntü dinamik içerik öğesini ekleyin.

Görüntü Modülünü Tasarlama

Tasarım sekmesine geçin ve resmi aşağıdaki gibi özelleştirin:

• Görüntü Hizalama: merkez
• Marj: -9vw (masaüstü), 0vw (tablet)
• Yuvarlatılmış Köşeler: 8px
• Kutu Gölgesi: ekran görüntüsüne bakın
• Kutu Gölge Dikey Konumu: 16px
• Kutu Gölge Bulanıklığı Gücü: 96px
• Kutu Gölge Yayılma Gücü: -24px

Blurb Modülüne Dinamik İçerik Olarak Yazar ve Yazar Biyografisi Ekle

Ardından, bir blog modülü kullanarak bir Yazar Yazısı ve Yazar Sonrası Biyografi ekleyeceğiz. Öyleyse devam edin ve sağ sütuna bir blog modülü ekleyin.

Açıklama ayarlarında, Başlık giriş kutusunun üzerine gelin ve dinamik içerik simgesini tıklayın. Ardından, Başlık içeriği için Yazar Gönderi dinamik içerik öğesini ekleyin.

Ardından, Yazar Gönderi ayarlarını açın ve önceki girişi aşağıdaki gibi güncelleyin:

• Önce: Yazan

Tanıtım modülünün gövde içeriği için dinamik içerik simgesine tıklayın ve listeden “Yazar Biyografisi” dinamik içerik öğesini seçin.

Tanıtım modülünün Görüntüsü için, dinamik içerik olarak “Yazar Sonrası Profil Resmi” ekleyin.

Tasarım Yazısı Yazarı ve Bio Blurb Modülü

Şimdi görüntünün tasarımını aşağıdaki gibi optimize edin:

• Resim/Simge Yerleşimi: Sol
• Görüntü Yuvarlatılmış Köşeler: %50
• Başlık Yazı Tipi: Roboto
• Başlık Yazı Tipi Ağırlığı: Kalın
• Başlık Satırı Yüksekliği: 1.3em
• Gövde Yazı Tipi: Lato
• Gövde Çizgisi Yüksekliği: 1.4em
• Görüntü Genişliği: 50 piksel

Blurb Modülüne Dinamik İçerik Olarak Gönderi Kategorileri Ekleme

Yeni oluşturulan Yazar ve Yazar Biyografisi Modülü altında, altına başka bir tanıtım yazısı modülü ekleyin ve Başlık için Kategori Sonrası dinamik içerik öğesini seçin.

Ardından, tanıtıcı metni aşağıdaki gibi bir simgeyle güncelleyin:

• Simgeyi Kullan: EVET
• Simge: ekran görüntüsüne bakın

Tasarım Sonrası Kategori Blurb Modülü

Tasarım ayarlarını aşağıdaki gibi güncelleyin:

• Simge Rengi: #dddddd
• Resim/Simge Yerleşimi: Sol
• Simge Yazı Tipi Boyutunu Kullan: EVET
• Simge Yazı Tipi Boyutu: 20px
• Başlık Yazı Tipi: Roboto
• Başlık Yazı Tipi Ağırlığı: Orta
• Başlık Metin Rengi: #f92c8b
• Başlık Metin Boyutu: 16px
• Başlık Satırı Yüksekliği: 20px
• Dolgu: 16 piksel sol

Blurb Modülüne Dinamik İçerik Olarak Yorum Sayısı Ekleme

Blog gönderisi şablonu için gönderi yorum sayısını eklemek için az önce oluşturulan tanıtım modülünü çoğaltın.

Ardından Başlık içeriğini Yorum Sonrası Sayısı dinamik içerik öğesiyle güncelleyin.

Yorum sayısı yalnızca bir sayı gösterdiğinden, sayıyı sayıdan sonra bir ekleme metni ile tamamlamamız gerekir. Bunu yapmak için Yorum Gönderi Sayısı ayarlarını açın ve aşağıdakileri güncelleyin:

Sonra: Yorum(lar)

Ardından simgeyi aşağıdaki gibi güncelleyin:

• Simgeyi Kullan: EVET
• Simge: ekran görüntüsüne bakın

Blurb Modülüne Dinamik İçerik Olarak Yayınlama Tarihi Ekleme

Son meta veri parçası için, tanıtım yazısı modülünü yorum sayısıyla çoğaltın. Ardından Başlık içeriğini "Yayınlama Sonrası Tarih" dinamik içerik öğesiyle güncelleyin.

İpucu: Tarih görüntüleme biçimini değiştirmek için Yayınlama Tarihi Sonrası dinamik öğesinin ayarlarını her zaman açabilirsiniz.

Ardından simgeyi aşağıdaki gibi güncelleyin:

• Simgeyi Kullan: EVET
• Simge: ekran görüntüsüne bakın

İçerik için Tasarım Ayarları ile İçerik Sonrası Modülü Ekleme

Gönderi başlığı, öne çıkan görsel, gönderi yazarı ve meta veriler yerindeyken, ana gönderi içeriği için hazırız.

Tek sütunlu bir düzen ile yeni bir satır ekleyin.

Ardından, satıra bir içerik sonrası modülü ekleyin.

Bu gönderi içeriği modülü, gönderinin ana içeriğinin görüntüleneceği yerdir. Ayrıca, varsayılan düzenleyici kullanılarak girilen tüm gönderi içeriğinin varsayılan tasarımını oluşturmak için tasarım ayarlarını güncelleyebiliriz. İçerik Sonrası Modülünün ayarlarını diğer modüllerde olduğu gibi güncelleyebiliriz. Modülü güncellerken modülün sağladığı sahte içeriği de görebiliriz.

Gönderi içeriği modülü ayarlarını açın ve aşağıdaki Görüntü ayarlarını güncelleyin:

• Görüntü yuvarlatılmış Köşeler: 8px
• Görüntü Kutusu Gölgesi: ekran görüntüsüne bakın
• Kutu Gölge Dikey Konumu: 16px
• Kutu Gölge Bulanıklığı Gücü: 96px
• Kutu Gölge Yayılma Gücü: -24px

Ardından, bir kullanıcı varsayılan düzenleyiciyi kullanarak bir blog yazısı oluşturduğunda, olası tüm metin içeriği öğelerinin tasarımını ayarlamamız gerekir. Metin tasarımı türlerinin 5 farklı sekmesini (paragraf, bağlantı, sırasız liste, sıralı liste ve blok alıntı) ortaya çıkarmak için metin seçeneği grup geçişini açın.

Ardından, sekmelerin her birinin altındaki aşağıdaki seçenekleri güncelleyin.

Başlık seviyelerinin her biri için başlık metni ayarlarını güncellemeye devam edin – h1, h2, h3, h4, h5, h6.

• Başlık Yazı Tipi: Roboto
• Başlık Yazı Tipi Ağırlığı: Kalın
• Başlık Metni Boyutu (h1): 56px (masaüstü), 42px (tablet), 28px (telefon)
• Başlık Metni Boyutu (h2): 45px (masaüstü), 35px (tablet), 24px (telefon)
• Başlık Metni Boyutu (h3): 40px (masaüstü), 30px (tablet), 20px (telefon)
• Başlık Metni Boyutu (h4): 32px (masaüstü), 24px (tablet), 18px (telefon)
• Başlık Metni Boyutu (h5): 28px (masaüstü), 20px (tablet), 16px (telefon)
• Başlık Metni Boyutu (h6): 24px (masaüstü), 18px (tablet), 14px (telefon)

Post Navigasyon Modülü Ekle

İçerik Sonrası Modülü altında, Gezinme Sonrası Modülü olan yeni bir tek sütunlu satır ekleyin.

Önceki ve Sonraki Bağlantı metnini aşağıdaki gibi güncelleyin:

• Önceki Bağlantı: Önceki: %title
• Sonraki Bağlantı: Sonraki: %title

Ardından, navigasyon sonrası tasarımı aşağıdaki gibi güncelleyin:

• Bağlantılar Yazı Tipi: Roboto
• Bağlantılar Yazı Tipi Ağırlığı: Kalın
• Bağlantılar Metin Rengi: #f92c8b

İlgili Yazılar Bölümünü Ekle

Gönderi navigasyonundan sonra, blog gönderisi şablonumuza “ilgili gönderiler” bölümü eklemeye hazırız. Bu, görüntülenen gönderinin mevcut kategorisine göre kullanıcıya önerilen gönderileri vermek için yardımcı olacaktır.

Metin Modülünü Kullanarak İlgili Gönderi Başlığı Ekleme

İlgili gönderileri çekmek için Blog Modülünü eklemeden önce bölüm için statik bir Başlık oluşturmamız gerekiyor. Bunu yapmak için, tek sütunlu bir satırla yeni bir bölüm oluşturun. Ardından satıra bir metin modülü ekleyin.

Metin içeriğini aşağıdaki H2 başlığıyla güncelleyin:

<h2>You May Also Like...</h2>

Ardından başlık metni tasarımını aşağıdaki gibi güncelleyin:

• Başlık 2 Yazı Tipi: Roboto
• Başlık 2 Metin Boyutu: 48px (masaüstü), 38px (tablet), 28px (telefon)

Artık başlığımız yerine oturduğuna göre, ilgili yazılarımızı eklemeye hazırız.

Güncel Kategori Gönderileri ile Blog Modülünü Kullanarak İlgili Gönderileri Ekleyin

Başlığı içeren metin modülünün altına yeni bir Blog Modülü ekleyin.

Ardından blog modülü içeriğini aşağıdaki gibi güncelleyin:

• Mesaj Sayısı: 3
• Dahil Edilen Kategoriler: Mevcut Kategori
• Alıntı Uzunluğu: 120
• Yazarı Göster: HAYIR
• Kategorileri Göster: HAYIR
• Sayfalandırmayı Göster: HAYIR

Bu ayarların en önemli yönü “geçerli kategori” seçimidir. Bu, gönderi şablonunun mevcut gönderiyle aynı kategoriyi paylaşan en son gönderileri çekmesine olanak tanır.

Blog modülü içerik ayarları yerindeyken, tasarım ayarlarına geçin ve aşağıdakileri güncelleyin:

• Düzen: Izgara
• Başlık Yazı Tipi: Roboto
• Başlık Metin Boyutu: 14px
• Başlık Satırı Yüksekliği: 1.3em
• Gövde Yazı Tipi: Lato
• Meta Yazı Tipi: Lato
• Meta Metin Rengi: #f92c8b
• Meta Metin Boyutu: 13px
• Izgara Düzeni Yuvarlatılmış Köşeler: 20px

Tasarımı aşağıdaki gibi bir kutu gölgesiyle güncellemeye devam edin:

• Izgara Düzeni Kenarlık Genişliği: 0px
• Kutu Gölgesi: Ekran Görüntüsüne bakın
• Kutu Gölge Dikey Konumu: 16px
• Kutu Gölge Bulanıklığı Gücü: 96px
• Kutu Gölge Yayılma Gücü: -24px

Yorum Modülü Ekle

Bu blog yazısı şablonunun son bölümü yorumları içerecektir. Gönderiye yorum eklemek için tek sütunlu yeni bir satır oluşturun ve yorum modülünü içine yerleştirin.

Tasarım Yorumları Modülü

Şimdi yapılacak tek şey, yorum modülünün tasarımını şablonumuza uyacak şekilde özelleştirmek. Aşağıdaki tasarım ayarlarını güncelleyin:

• Arka Plan Rengi: #f2f5f9
• Alanlar Arka Plan Rengi: #ffffff
• Alan Odak Arka Plan Rengi: #ffffff
• Alanlar Odak Metni Rengi: #222222
• Alan Kenar Boşluğu: 3 piksel alt
• Alan Doldurma: 18 piksel üst, 18 piksel alt
• Alan Yazı Tipi: Lato
• Alanlar Metin Boyutu: 16px
• Alanlar Çizgi Yüksekliği: 1.4em

Ayarları aşağıdaki gibi güncellemeye devam edin:

• Görüntü Yuvarlatılmış Köşeler: 60px
• Başlık Yazı Tipi: Roboto
• Başlık Metin Boyutu: 26px (masaüstü), 20px (tablet), 15px (telefon)
• Başlık Satırı Yüksekliği: 1.3em
• Meta Yazı Tipi: Lato
• Yorum Yazı Tipi: Lato
• Yorum Metin Rengi: #222222
• Dolgu: %5 üst, %5 alt, %5 sol, %5 sağ

Son olarak, yorumlar için düğme stilini aşağıdaki gibi özelleştirin:

• Düğme Metin Boyutu: 14px
• Düğme Kenar Genişliği: 0px
• Düğme Sınır Yarıçapı: 4px
• Düğme Harf Aralığı: 5px (masaüstü), 5.5px (vurgulu)
• Düğme Yazı Tipi: Roboto
• Düğme Yazı Ağırlığı: Kalın
• Düğme Yazı Tipi Stili: Büyük Harf (TT)
• Düğme Dolgusu: 16 piksel üst, 16 piksel alt

Başlığa Bölüm Bölücü Ekle

Gönderi şablonunu tasarlarken, emrinizde olan tüm harika tasarım seçeneklerini unutmayın. Örneğin başlık bölümüne bir bölücü tasarımı verebiliriz. Bunu yapmak için sayfanın başına dönün ve başlığı içeren üst bölümün ayarlarını açın. Ardından aşağıdakileri güncelleyin:

• Alt Bölücü Stili: ekran görüntüsüne bakın
• Bölücü Rengi: #ffffff
• Bölücü Yüksekliği: 10vw
• Bölücü Çevirme: yatay

Değişikliklerinizin kaydedilebilmesi için düzen ve Tema Oluşturucu için ayarlarınızı kaydetmeyi unutmayın.

Bu kadar! Nihai sonucu kontrol edelim.

Son sonuç

Nihai sonucu görmek için Divi sitemizdeki herhangi bir blog gönderisini açabiliriz (şablon tüm blog gönderilerine atandığından beri).

İşte arka uçtaki yazı düzenleyiciden görüntülerken örnek bir yazı.

Ve işte ön uçtaki yazı, blog yazısı şablonumuz yerinde.

Ve işte Tablet ve Telefon ekranında:

Bir Blog Gönderisi Şablonu Yerinde Olan Bir Blog Gönderisi Oluşturmak için Divi Builder'ı Kullanma

İsterseniz, bunun gibi bir blog yazısı şablonu kullanarak bir blog yazısı tasarlamak için Divi Builder'ı kolayca dağıtabilirsiniz. Divi Builder ile oluşturulan ve tasarlanan herhangi bir içerik, şablonun İçerik Sonrası Modülü alanında görüntülenecektir.

Son düşünceler

Umarım bu eğitim, Divi Builder'ı kullanarak kendi blog yazısı şablonunuzu sıfırdan oluşturmak için güzel bir başlangıç ​​noktası olur. Gönderi şablonu düzenini nasıl yapılandırmak istediğinizin yanı sıra mevcut tüm araçları düşünmek için zaman ayırmayı unutmayın. Bloglama ile ilgili oluşturma sürecini daha iyi düzene sokmak için blog yazısı şablonunda olabildiğince dinamik içerik öğeleri kullanmak her zaman önemlidir. Güzel bir şablon yerinde olduğunda, bir blog yazarı gerçekten içerik oluşturmaya konsantre olabilirken, şablon tasarımın tüm ağır yükünü otomatik olarak üstlenir.

Divi Tema Oluşturucu'yu kullanarak bir blog yazısı şablonu oluşturdunuz mu? Haydi ne düşündüğünü söyle.

Yorumlarda sizden haber bekliyorum.

Şerefe!