Divi Builder'ın Blog Modülü Nasıl Kullanılır

Divi Builder, üzerinde çalıştığınız sayfaya veya tema oluşturucu şablonuna dinamik içerik eklemenize olanak tanır. WordPress'in varsayılan dinamik içeriğinden ACF ve Pod'lar gibi eklentilerle oluşturduğunuz özel alanlara. Ekleyebileceğiniz dinamik içerik türlerinden biri de blog gönderisidir. Divi Builder'da blog gönderilerini eklemek için Blog modülünü kullanabilirsiniz. Modülü, sayfalar ve hatta medya dahil olmak üzere web sitenizdeki diğer içerik türlerini görüntülemek için de kullanabilirsiniz.

Blog yazılarını herhangi bir sayfada görüntülemek için Blog modülünü kullanabilirsiniz. Ana sayfadan, özel kategori sayfasından, özel yazar arşiv sayfasından vb. Modülü, isterseniz altbilgi alanında blog gönderilerini görüntülemek için bile kullanabilirsiniz.

Divi Builder'da yeni misiniz? Blog modülünü nasıl kullanacağınızı öğrenmek için okumaya devam edin.

Divi Builder'ın Blog modülü nasıl kullanılır?

Blog modülü, normal bir bölümdeki veya özel bölümdeki bir satıra eklenebilir (Divi Builder'daki satır ve bölüm hakkında daha fazla bilgi edinmek için önceki makalemizi okuyun). Blog modülünü eklemek için, modülü eklemek istediğiniz sütundaki – tuval alanında – gri artı simgesini tıklayın ve Blog'u seçin.

Blog modülünü seçtikten hemen sonra Blog modülü ayarları paneli görünecektir. Düzeni ayarlamak, temel ayarları yapmak (alıntı uzunluğu, gönderi öğelerini etkinleştirme/devre dışı bırakma), bazı stil seçeneklerini uygulamak vb. için ayarlar panelini kullanabilirsiniz.

temel ayarlar

Daha ileri adım atmadan önce bilmeniz gereken önemli bir şey var. Elementor'un Gönderiler pencere bileşeninden farklı olarak Divi Builder'ın Blog modülü, blog gönderilerini yazara, kategoriye veya etikete göre filtrelemek için gelişmiş bir filtreleme özelliği sunmaz. Örneğin bir kategoriden blog gönderilerini görüntülemek istiyorsanız, tema oluşturucudan ( Divi -> Tema Oluşturucu ) özel bir kategori sayfası oluşturabilirsiniz. Blog gönderilerini oradan filtreleyebilirsiniz. Daha ayrıntılı talimatlar için bu makaleyi okuyun.

Temel ayarları yapmak için Blog modülü ayarları panelindeki İçerik sekmesi altındaki mevcut blokları açabilirsiniz. İçerik sekmesinde açabileceğiniz 5 ayar bloğu vardır.

• İçerik

Daha önce belirtildiği gibi, Blog modülünü yalnızca blog gönderilerini görüntülemek için değil, aynı zamanda sayfalar ve medya gibi diğer içerik türlerini de kullanabilirsiniz. İçerik sekmesi altındaki İçerik bloğunda görüntülenecek içerik türünü seçebilirsiniz. Bu bloktan alıntı uzunluğunu, gönderi sayısını (yazı sayısı) ve tarih biçimini de ayarlayabilirsiniz.

• Elementler

Bu bloktan, görüntülenecek yazı öğelerini ayarlayabilirsiniz. Öne çıkan görselden daha fazla oku düğmesi, yazar, tarih, alıntı, sayfalandırma, yorum sayısı vb.

• Bağlantı

Blog modülüne bir bağlantı eklemek için bu bloğu açabilirsiniz. Lütfen bunun bireysel blog gönderileri için bir bağlantı olmadığını unutmayın. Bunun yerine, Blog modülü için bir bağlantıdır. Modüle bir bağlantı eklerseniz, modülünüz eklediğiniz bir bağlantı tarafından sarılır (yine de tek tek blog gönderilerinin bağlantılarına tıklayabilirsiniz).

• Arka fon

Blog modülüne arka plan eklemek istiyorsanız bu bloğu açabilirsiniz. Ekleyebileceğiniz 4 arka plan türü vardır: düz renk, degrade renk, resim ve video. Bir görüntü arka planı kullanmayı tercih ederseniz, isterseniz paralaks efektini etkinleştirebilirsiniz.

• Yönetici Etiketi

Yönetici etiketi, Divi Builder'da bir öğeyi tanımlamanızı kolaylaştıran bir tür tanımlayıcı addır. Yönetici etiketi eklemek, uzun ve karmaşık bir sayfa oluşturuyorsanız kullanışlıdır. Blog modülüne bir yönetici etiketi eklemek için İçerik sekmesi altındaki Yönetici Etiketi bloğunu açabilirsiniz.

Blog modülünü şekillendirme

İçerik sekmesinde temel ayarları yaptıktan sonra Blog modülünün stilini ayarlamak için Tasarım sekmesine geçebilirsiniz. Öncelikle, düzeni ayarlamak için Düzen bloğunu açabilirsiniz.

Gördüğünüz gibi, Divi Builder Blog modülü için yalnızca iki düzen seçeneği sunar: Tam Genişlik ve Izgara . Blog gönderilerini bir liste stilinde görüntülemek istiyorsanız, özel CSS eklemeniz gerekir.

Blog modülü ayarları panelindeki Tasarım sekmesinde açabileceğiniz diğer blokları burada bulabilirsiniz.

• Kaplama

Blog gönderilerinin öne çıkan görseline bir kaplama rengi eklemek için bu bloğu açabilirsiniz. Bindirmeyi ayarlayabilmeden önce Öne Çıkan Görüntü Yerleşimi seçeneğini etkinleştirdiğinizden emin olun.

• resim

Blog gönderilerinin öne çıkan görseline bazı stiller uygulamak için bu bloğu açabilirsiniz. Kenarlık yarıçapını, kenarlık rengini, kenarlık boyutunu ayarlayabilir, CSS filtreleri uygulayabilir vb. Builder'da bir görüntünün nasıl şekillendirileceğini öğrenmek için önceki makalemizi okuyabilirsiniz.

• Metin

Hizalamayı ayarlamak ve metin içeriğine (başlık, alıntı ve meta sonrası) metin gölgesi uygulamak için bu bloğu açabilirsiniz. Bu bloğun altındaki bloklarda tek tek metin içeriğine özel stiller ayarlayabilirsiniz.

• Başlık Metni

Yukarıda belirtildiği gibi, blog gönderilerinin tek tek metin içeriğine özel stiller ayarlayabilirsiniz. Başlık Metni bloğu, başlık metninin tipografisini (yazı tipi ailesi, yazı tipi stili, metin boyutu vb.), metin rengi ve metin gölgesini ayarlamanıza olanak tanır.

• Gövde metni

Gönderi alıntısının tipografisini ayarlamak için bu bloğu açabilirsiniz (veya tüm içeriği görüntülemeyi tercih ediyorsanız gönderi gövdesi). Divi Builder, blog gönderisindeki her öğede (bağlantı, blok alıntı, madde işareti ve numaralandırma) farklı tipografi ayarları kullanmanıza olanak tanır. Her bir öğenin tipografisini ayarlamak için sekmelere tıklayabilirsiniz.

• Meta Metin

Yazı metasının tipografisini (yazar, tarih, kategori, yorum sayısı) ayarlamak için bu bloğu açabilirsiniz. Metin rengini, hizalamasını ve metin gölgesini de ayarlayabilirsiniz.

• Devamını Oku Metin

Daha fazla oku öğesinin tipografisini ayarlamak için bu bloğu açabilirsiniz. Ek olarak, metin gölgesinin yanı sıra metin rengini de ayarlayabilirsiniz.

• Sayfalandırma Metni

Sayfalandırmanın tipografisini ayarlamak için bu bloğu açabilirsiniz. Ayrıca, metin gölgesinin yanı sıra metin rengini de ayarlayabilirsiniz.

• boyutlandırma

Blog modülünün yüksekliğini ve genişliğini ayarlamak için bu Boyutlandırma bloğunu açabilirsiniz. Yüzde birimi veya piksel birimi kullanabilirsiniz. Yüzde birimini kullanmak istiyorsanız, yüzde sembolünü manuel olarak yazabilirsiniz.

• boşluk

Blog modülünün dolgusunun yanı sıra kenar boşluğunu ayarlamak için bu bloğu açabilirsiniz. Web tasarımında kenar boşluğu ve dolgu hakkında daha fazla bilgi edinmek için bir önceki yazımızı okuyabilirsiniz.

• Sınır

İsterseniz Blog modülünde her blog gönderisine bir kenarlık ekleyebilirsiniz. Her iki tarafa (üst, alt, sağ, sol) bir kenarlık ekleyebilirsiniz. Özel bir kenarlık ayarlamak için Kenar Stilleri bölümündeki sekmelere tıklayabilirsiniz.

• Kutu Gölge

Bu bloktan Blog modülünün kutu gölgesini ayarlayabilirsiniz. Divi Builder, aralarından seçim yapabileceğiniz 7 kutu gölge stili sunar. Birini seçtikten sonra gölge rengini ayarlayabilirsiniz.

• filtreler

Bu bloktan Blog modülüne CSS filtreleri uygulayabilirsiniz. Bloga uygulayabileceğiniz 6 CSS filtresi vardır (Ton, Doygunluk, Parlaklık, Kontrast, Ters Çevirme ve Sepya). Ayrıca, bulanıklık düzeyinin yanı sıra opaklık düzeyini de ayarlayabilirsiniz.

• dönüşümler

Divi Builder ayrıca bir öğeye CSS dönüşümü eklemek için bir ayar seçeneği sunar. Blog modülüne bir CSS dönüşümü uygulamak istiyorsanız, Dönüştür bloğunu açabilirsiniz. Uygulamak istediğiniz CSS dönüşümünü seçin ve farenizi kullanarak dönüştürme değerini ayarlayın (veya bunun yerine istediğiniz dönüştürme değerini yazın).

• Animasyon

Blog modülüne bir giriş animasyonu eklemek ister misiniz? Bunu Animasyon bloğundan yapabilirsiniz. Divi Builder tarafından sunulan 7 giriş animasyon stili arasından seçim yapabilirsiniz.

Gelişmiş Ayarlar

Blog modülüne bazı gelişmiş ayarlar yapmanız gerekiyorsa, Gelişmiş sekmesine gidebilirsiniz.

• CSS Kimliği ve Sınıfları

Divi Builder, özel CSS eklemenize olanak tanır ve bunu yapmak için iki seçeneğiniz vardır: Kod modülü aracılığıyla veya doğrudan. İlk yöntemi tercih ederseniz, CSS kimliği veya CSS sınıfını eklemek için CSS Kimliği ve Sınıfları'nı açabilirsiniz.

• Özel CSS

Kod modülü yerine doğrudan CSS eklemek istiyorsanız Özel CSS bloğunu açabilirsiniz. CSS kodunu mevcut alanlara yazmanız yeterlidir.

• görünürlük

Belirli bir cihaz türünde Blog'u devre dışı bırakmak istiyorsanız, Görünürlük bloğunu açabilirsiniz. Devre dışı bırakmak için modülü devre dışı bırakmak istediğiniz cihaz türünü (masaüstü, tablet, akıllı telefon) işaretlemeniz yeterlidir.

• geçişler

Blog modülünün geçişlerini uygulamak için bu bloğu açabilirsiniz. Bu bağlamda geçişler, vurgulu animasyonun süresini ifade eder.

• Konum

Divi Builder'da yeni bir öğe eklediğinizde – bölüm, satır veya modül olsun – konum statik ( Varsayılan ) olarak ayarlanır. Özel bir pozisyon kullanmak istemeniz durumunda, Konum bloğunu açabilirsiniz. Ayarlayabileceğiniz özel konum seçenekleri şunlardır:

Göreceli : Bu seçeneği seçerseniz Blog modülü sayfanın normal akışını takip edecektir. Bu seçenek, üst, alt ve sağ özellikleri sunar. Ayrıca Z indeksini de ayarlayabilirsiniz.

Mutlak: Bu seçeneği seçerseniz, Blog modülü için sayfada oluşturulmuş gerçek bir alan olmayacaktır. Gerçek yer kaplayan diğer bölümlerin üzerinde kayan bir modül olarak düşünebilirsiniz.

Düzeltildi: Bu seçeneği seçerseniz Blog modülü sayfanın normal akışını bozar ve sayfada gerçek bir alan kalmaz.

• Kaydırma Efektleri

Blog modülüne gelişmiş kaydırma efektleri istiyorsanız, bu bloğu açabilirsiniz. Ayarlayabileceğiniz 6 kaydırma efekti vardır. Divi Builder'da kaydırma efektlerinin nasıl ekleneceğini öğrenmek için önceki makalemizi okuyabilirsiniz. Kaydırma Efektleri bloğundan Blog modülüne yapışkan efekt de uygulayabilirsiniz.

Alt çizgi

Blog modülü, içeriği web sitenizde görüntülemeye adanmış bir Divi Builder modülüdür. Blog gönderilerinden, sayfalardan medyaya. Divi Builder'ı kullanarak WordPress'te özel bir ana sayfa veya özel kategori sayfası, özel yazar arşiv sayfası vb. gibi diğer site bölümleri oluştururken kullanabilirsiniz. Teknik olarak Blog modülünü herhangi bir yere ekleyebilirsiniz. Örneğin, özel bir altbilgi oluştururken bile, bunu site içeriğinizi görüntülemek için de kullanabilirsiniz.