Divi ile Blog Gönderi Şablonunuza Meta Veriler Nasıl Eklenir?

Yayınlanan: 2022-01-19

Meta veriler, okuyucularınıza içeriğiniz hakkında basit ama önemli bilgiler sağlar. Neyse ki, dinamik içerikli herhangi bir Divi gönderi şablonuna meta veri eklemek kolaydır. Bu makalede, Divi ile blog yazısı şablonunuza meta verileri nasıl ekleyeceğinizi göreceğiz.

Başlayalım!

Ön izleme

İlk olarak, ne yaptığımıza bir bakalım.

Masaüstünde Meta Verilerle Blog Gönderisi Şablonu

Masaüstünde Meta Verilerle Blog Gönderisi Şablonu

Meta verilerin bir masaüstünde nasıl görüneceği aşağıda açıklanmıştır.

Telefonda Meta Veri içeren Blog Gönderisi Şablonu

Telefonda Meta Veri içeren Blog Gönderisi Şablonu

Meta verilerimizin bir telefonda nasıl görüneceği aşağıda açıklanmıştır.

Meta Veri Nedir?

Meta veri, içerikle ilgili bilgilerdir. Birkaç tür meta veri vardır. Blog gönderileri için bu, açıklayıcı meta verilerdir. Bu, yazarın adı, gönderi kategorisi, gönderi etiketleri, yayın tarihi ve yorum sayısı gibi bilgilerdir.

Okuyucular bu meta verileri, kategoriyle ilgilenip ilgilenmediklerini, tanıdık bir yazar tarafından yazılıp yazılmadığını, içeriğin güncel olup olmadığını ve ziyaretçilerin içerikle etkileşime girip girmediğini öğrenmek için kullanır. Bu tür meta verileri Divi blog yazısı şablonlarınıza eklemek kolaydır.

Divi ile Meta Veriler için Dinamik İçeriği Neden Kullanmalı?

Divi blog yazısı şablonlarınıza meta veri eklemenin birkaç yolu vardır. Mesaj Başlığı modülünü ve Metin modüllerini içerirler. Her ikisine de bir göz atın ve çoğu şablon için Metin modülünü neden öneriyorum.

Divi ile Meta Veriler için Dinamik İçeriği Neden Kullanmalı?

Posta Başlığı modülü meta verileri içerir. Bu, kullanmak istediğiniz belirli meta verileri etkinleştirmek için geçişler içerir. Bu, meta verileri olan bir başlığı görüntülemek için harikadır. Bu modülde yalnızca meta verileri görüntülemek istiyorsanız gerekli olmayan çok şey oluyor. Ayrıca, meta veriler yan yana durur ve bunların sırası veya yerleşimi üzerinde kontrolünüz yoktur.

Divi ile Meta Veriler için Dinamik İçeriği Neden Kullanmalı?

Metin modülleri size en fazla kontrolü ve özelliği verir. Metin modülleri, metnin gövdesi için Dinamik İçerik içerir. Bu, Metin modülünde görüntülenecek herhangi bir meta veri türünü seçmenize olanak tanır. Tüm meta verileri bağımsız olarak veya herhangi bir sıra veya düzende birlikte düzenlenmiş şekilde görüntülemek için birden çok Metin modülü kullanın.

Divi Metin Modüllerinde Dinamik Meta Veriler Nasıl Çalışır?

Divi Metin Modüllerinde Dinamik Meta Veriler Nasıl Çalışır?

Dinamik içerik, görüntülenecek içeriği manuel olarak girmek yerine, seçtiğiniz içerik türüne göre içeriği getirir. Örneğin, gönderi başlığını seçerseniz Divi, o gönderiye özel başlığı görüntüler.

Divi Metin modüllerinin dinamik içeriği görüntüleme seçeneği vardır. İçerik alanının üzerine geldiğinizde, sağ köşede, gösterilecek dinamik içerik türünü seçebileceğiniz küçük bir simge göreceksiniz.

Divi Metin Modüllerinde Dinamik Meta Veriler Nasıl Çalışır?

Her modül bir tür dinamik içerik görüntüler. Size birden fazla meta veri türü içeren, aralarından seçim yapabileceğiniz bir içerik listesi sunar. Modül başına bir tane seçebilirsiniz. Birden fazla türde meta veri görüntülemek için daha fazla Metin modülü eklemeniz gerekir.

Dinamik İçerik Seçenekleri

Dinamik İçerik Seçenekleri

Belirli içerik türleri ek seçenekler içerir. Bu seçenekler dinamik değildir. Başka bir deyişle, alanlarına girdiğiniz tam metni veya görüntülenecek karakter sayısı gibi girdiğiniz parametreleri görüntülerler. Gönderi Alıntısından alınan bu örnek, Önce, Sonra, Sözcük Sayısı ve Devamını Oku Metni içerir. Örneğin, Önce alanına girdiğiniz metin, dinamik içerikten önce görüntülenir.

Dinamik İçerik Seçenekleri

Yayın Tarihi, Önce ve Sonra alanlarını içerir ve Tarih Formatını seçebilirsiniz.

Dinamik İçerik Seçenekleri

Yorum Gönderme Sayısı, Önce, Sonra ve yorumlar alanına bağlanma seçeneğini içerir. Örneğin, Sonra alanına “Yorumlar” girerseniz ve gönderide 12 yorum varsa, bu Metin modülü “12 Yorum” metnini görüntüler.

Dinamik İçerik Seçenekleri

Gönderi Kategorileri, Önce ve Sonra alanlarını, kategori dizin sayfalarına bağlanma seçeneğini, kategori ayırıcıyı ve kategori türünü içerir.

Dinamik İçerik Seçenekleri

Bir seçim yaptığınızda, Metin modülü, göstereceği dinamik içeriğin türünü gösterecektir. Ayarları düzenleyebilir ve modülü normal şekilde özelleştirebilirsiniz.

Divi ile Blog Gönderi Şablonunuza Meta Verileri Dahil Edin

Divi ile Blog Gönderi Şablonunuza Meta Verileri Dahil Edin

İlk olarak, Divi Tema Oluşturucu'ya bir Divi blog gönderisi şablonu oluşturmanız veya yüklemeniz gerekir. ET, Divi Düzen Paketleriyle eşleşen birçok ücretsiz blog yazısı şablonu sağlar. Ücretsiz bir şablon bulmak için blogda "ücretsiz blog yazısı şablonu" arayın. Şablonunuzu indirin ve sıkıştırmasını açın.

Örneklerim için ücretsiz Kurumsal blog yazısı şablonunu kullanıyorum.

Divi ile Blog Gönderi Şablonunuza Meta Verileri Dahil Edin

Ardından, JSON dosyasını Divi Theme Builder'a yükleyin. WordPress panosunda Divi > Tema Oluşturucu'ya gidin. Açılan modda Taşınabilirlik'i seçin ve İçe Aktar'a tıklayın. Dosya Seç'e tıklayın ve JSON dosyanıza gidin ve onu seçin. Divi Tema Oluşturucu Şablonlarını İçe Aktar'a tıklayın. Ayarlarınızı kaydedin .

  1. Böl
  2. Tema Oluşturucu
  3. taşınabilirlik
  4. İçe aktarmak
  5. Dosya Seç
  6. Divi Tema Oluşturucu Şablonlarını İçe Aktarın
  7. Ayarlarınızı kaydedin

Divi Blog Gönderisi Şablonunuza Meta Veriler Ekleyin

Divi Blog Gönderisi Şablonunuza Meta Veriler Ekleyin

Bu düzen zaten meta verileri içeriyor, ancak onu silip farklı bir konuma kendimizinkini ekleyeceğiz.

Divi Blog Gönderisi Şablonunuza Meta Veriler Ekleyin

Fareyi meta verileri içeren Satırın üzerine getirin ve silin. Alternatif olarak, onu yeni konuma sürükleyip bırakabilirsiniz, ancak her bir öğenin nasıl kurulacağını göstermek istiyorum.

Divi Blog Gönderisi Şablonunuza Meta Veriler Ekleyin

İlk satırın altına 4 sütunlu bir Satır ekleyin.

Satıra Stil Ver

Satıra Stil Ver

İlk olarak, Row'a stil vereceğiz. Dişli simgesine tıklayarak Satır Ayarları'nı açın.

Satıra Stil Ver

Arka Plan ayarlarına gidin ve renk için #4c594c girin.

  • Arka Plan Rengi: #4c594c

Satıra Stil Ver

Tasarım sekmesine gidin ve Kenarlık'a gidin ve Alt Kenarlığı seçin. Kenar Genişliğini 10 piksel ve Kenar Rengini #828b82 olarak değiştirin. Satır ayarlarını kapatın.

  • Alt Kenar Genişliği: 10px
  • Alt Kenar Rengi: #828b82

İlk Metin Modülü

İlk Metin Modülü

Koyu gri simgeye tıklayın ve sol sütuna bir Metin modülü ekleyin .

İlk Metin Modülü

Dinamik İçeriği Kullanmak için seçin.

İlk Metin Modülü

Seçenekler listesinden Gönderi Kategorileri'ni seçin.

  • Dinamik İçerik: Gönderi Kategorileri

İlk Metin Modülü

Bu dinamik içerik için ayarları görüntüler. Burada, Önce ve Sonra metnini ekleyebilir, kategori dizin sayfasına bağlanmayı seçebilir, ayırıcıyı değiştirebilir ve kategori türünü seçebilirsiniz. Bunları varsayılan olarak bırakacağım ve ayarları kapatmak için tıklayacağım.

Metin Modülünün Stilini Oluşturun

Metin Modülünün Stilini Oluşturun

Tasarım sekmesine gidin. Kategorileri tıklanabilir linkler olarak bıraktığımız için, metnin link versiyonunu stillendirmemiz gerekiyor. Bağlantı simgesini seçin. Bağlantı Yazı Tipi'ni Açık Sans, yarı kalın, tamamı büyük harf, orta hizalama ve beyaz renk olarak ayarlayın. Ayarları kapatın.

  • Bağlantı Yazı Tipi: Sans'ı Aç
  • Ağırlık: Yarı Kalın
  • Stil: Tümü Büyük Harfler
  • Hizalama: Merkez
  • Renk: #ffffff

İkinci Metin Modülü

İkinci Metin Modülü

Metin modülünü çoğaltın ve sonraki sütuna sürükleyin.

İkinci Metin Modülü

Dinamik İçeriği silin.

İkinci Metin Modülü

Dinamik İçeriği Kullanmak için seçin.

İkinci Metin Modülü

Seçenekler listesinden Yazar Gönder'i seçin.

  • Dinamik İçerik: Yazı Yazarı

İkinci Metin Modülü

Bu, Önce ve Sonra metni, ad biçimi ve adı bir bağlantı yapma seçeneği ile başka bir seçenek kümesi açar. Bunları varsayılan olarak bırakacağım ve ayarları kapatmak için tıklayacağım.

Metin Modülünün Stilini Oluşturun

Metin Modülünün Stilini Oluşturun

Bu metin bir bağlantı olmadığından, Bağlantı Metni yerine normal metne stil vermemiz gerekecek. Ancak Divi, stili bizim için normal metne değiştirir. Modülü kapatın.

Ayarlar zaten şunları içerir:

  • Bağlantı Yazı Tipi: Sans'ı Aç
  • Ağırlık: Yarı Kalın
  • Stil: Tümü Büyük Harfler
  • Hizalama: Merkez
  • Renk: #ffffff

Üçüncü Metin Modülü

Üçüncü Metin Modülü

Yazı Yazarı modülünü çoğaltın ve sonraki sütuna sürükleyin.

Üçüncü Metin Modülü

Gönderi Yazarı Dinamik İçeriğini silin.

Üçüncü Metin Modülü

Dinamik İçeriği Kullan'ı seçin ve Geçerli Tarih'i seçin.

  • Dinamik İçerik: Geçerli Tarih

Üçüncü Metin Modülü

Bu, Metinden Önce ve Sonra ve tarih biçimiyle seçenekleri açar. Bunları varsayılan olarak bırakacağım ve ayarları kapatmak için tıklayacağım ve ardından modülü kapatacağım. Stil son modülden kopyalandı, bu yüzden ayarlamamız gerekmiyor.

Dördüncü Metin Modülü

Dördüncü Metin Modülü

Son olarak, son sütuna yeni bir modül eklemek için tıklayın.

Dördüncü Metin Modülü

Dinamik İçeriği Kullan'a tıklayın ve Yorum Gönderme Sayısı'nı seçin.

  • Dinamik İçerik: Gönderi Yorum Sayısı

Dördüncü Metin Modülü

Bu, Önce ve Sonra metniyle Yorum Sayısı Gönder seçeneklerini ve yorumlar alanına bağlanma seçeneğini açar. Sonra alanına bir boşluk ve Yorumlar kelimesini ekleyin. Seçenek ayarlarını kapatın.

  • Sonra: Yorumlar
Metin Modülünün Stilini Oluşturun

Metin Modülünün Stilini Oluşturun

Tasarım sekmesini seçin ve ardından Bağlantı simgesine tıklayın. Bağlantı Yazı Tipi'ni Açık Sans, yarı kalın, tamamı büyük harf, orta hizalama ve beyaz renk olarak ayarlayın. Modülü kapatın ve ayarlarınızı kaydedin.

  • Bağlantı Yazı Tipi: Sans'ı Aç
  • Ağırlık: Yarı Kalın
  • Stil: Tümü Büyük Harfler
  • Hizalama: Merkez
  • Renk: #ffffff

Sonuçlar

Masaüstünde Meta Verilerle Blog Gönderisi Şablonu

Masaüstünde Meta Verilerle Blog Gönderisi Şablonu

Meta veri modüllerinin masaüstünde nasıl göründüğü aşağıda açıklanmıştır.

Telefonda Meta Veri içeren Blog Gönderisi Şablonu

Telefonda Meta Veri içeren Blog Gönderisi Şablonu

Meta verilerimizin bir telefonda nasıl göründüğü aşağıda açıklanmıştır.

Biten Düşünceler

Divi ile blog yazısı şablonunuza meta verileri nasıl ekleyeceğinize bakışımız bu. Meta veriler basittir, ancak okuyucularınıza önemli bilgiler sağlar. Neyse ki, Metin modülleri ve dinamik içerik ile herhangi bir Divi gönderi şablonuna eklemek kolaydır.

Senden duymak istiyoruz. Divi blog yazısı şablonunuza meta veriler ekliyor musunuz? Yorumlarda bize bildirin.