Divi Builder Blog Modülü Nasıl Kullanılır
Divi Builder, üzerinde çalıştığınız tema üreticisine veya şablonuna dinamik içerik eklemenizi sağlar. Varsayılan WordPress’in dinamik içeriğinden ACF ve POD’lar gibi eklentilerle yaptığınız özel alanlara kadar. Ekleyebileceğiniz bir tür dinamik içerik bir blog yazısıdır. Divi Builder’da bir blog yazısı eklemek için bir blog modülü kullanabilirsiniz. Ayrıca, sayfalar ve hatta medya dahil olmak üzere web sitenizde diğer içerik türlerini görüntülemek için modülleri de kullanabilirsiniz. Herhangi bir sayfada blog yayınlarını görüntülemek için bir blog modülü kullanabilirsiniz. Verandadan, özel kategori sayfası, özel yazar arşiv sayfası vb. İsterseniz altbilgi alanındaki blog yayınlarını görüntülemek için bir modül bile kullanabilirsiniz.
Sadece Divi Builder’da mı? Blog modülünün nasıl kullanılacağını öğrenmek için okumaya devam edin. Divi Builder blog modülünden bir blog modülü nasıl kullanılır Normal bölümdeki veya özel bölümdeki satıra eklenebilir (Divi Builder’daki satırlar ve bölümler hakkında daha fazla bilgi edinmek için önceki makalemizi okuyun). Bir blog modülü eklemek için, bir modül eklemek ve bir blog seçmek istediğiniz tuval alanındaki sütundaki Gray Plus simgesini tıklamanız yeterlidir.
Temel Ayarlar Daha ileri gitmeden önce bilmeniz gereken önemli bir şey. Elementors’ın yayınları widget’larının aksine, Divi Builder’ın blog modülü, blog yayınlarını yazar, kategoriye veya etikete göre filtrelemek için gelişmiş filtreleme özellikleri sunmuyor. Örneğin, bir kategoriden bir blog yazısı görüntülemek istiyorsanız, tema üreticisinden (divi -> tema üreticisi) özel bir kategori sayfası oluşturabilirsiniz. Blog yayınlarını oradan filtreleyebilirsiniz. Daha ayrıntılı talimatlar için bu makaleyi okuyun. Temel bir ayar oluşturmak için, Blog Modülü Ayarları panelindeki İçerik sekmesi altında bulunan blokları açabilirsiniz. İçerik sekmesinde açabileceğiniz 5 ayar bloğu vardır.
Daha önce de belirtildiği gibi, blog yayınlarını görüntülemek için yalnızca bir blog modülü değil, aynı zamanda sayfalar ve medya gibi diğer içerik türlerini de kullanabilirsiniz. İçerik sekmesi altındaki içerik bloğunda görüntülenecek içerik türünü seçebilirsiniz. Bu bloktan, teklifin uzunluğunu, yayın sayısını (yayın sayısı) ve tarih biçimini de ayarlayabilirsiniz.
Element Bu bloktan, görüntülenecek yazı öğesini ayarlayabilirsiniz. Üstün görüntülerden, daha fazla okuma düğmesi, yazarlar, tarihler, alıntılar, sayfalandırma, yorum sayısı vb.
Bağlantı Blog modülüne bağlantılar eklemek için bu bloğu açabilirsiniz. Bunun bireysel blogları yayınlamak için bir bağlantı olmadığını lütfen unutmayın. Bunun yerine, bu bir blog modülü için bir bağlantıdır. Modüle bir bağlantı eklerseniz, modülünüz eklediğiniz bağlantıya sarılır (yine de her blog yayınının 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 vardır: düz renkler, gradyan renkleri, görüntüler ve videolar. Görüntünün arka planını kullanmayı tercih ediyorsanız, isterseniz paralaks efekti etkinleştirebilirsiniz. Yönetici etiketi
Yönetici etiketi, Divi Builder’daki öğeleri tanımlamanızı kolaylaştırmak için bir tür tanımlama adıdır. Uzun ve karmaşık bir sayfa oluşturursanız, yönetici etiketi ekleme kullanışlıdır. Yönetici etiketini blog modülüne eklemek için İçerik sekmesinin altındaki yönetici etiket bloğunu açabilirsiniz. Blog Modülünü Düzenleme İçerik sekmesinde temel ayarları yapmayı bitirdikten sonra, blog modülünü düzenlemek için Tasarım sekmesine geçebilirsiniz. İlk olarak, 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: Fullwidth ve Grid. Liste stilinde bir blog yazısı görüntülemek istiyorsanız, özel bir CSS eklemeniz gerekir. Blog Modülü Ayarları panelindeki Tasarım sekmesinde açabileceğiniz diğer bloklar.
Geniş Blog yayınlarındaki üstün görüntülere kaplama renkleri eklemek için bu bloğu açabilirsiniz. Kaplama ayarlamadan önce özellikli görüntü kaplama seçeneğini etkinleştirdiğinizden emin olun.
Resim
Blog yayınlarından üstün resimlere birkaç stil uygulamak için bu bloğu açabilirsiniz. Sınır yarıçapını, sınır rengini, sınır boyutunu, CSS filtresini uygulayabilirsiniz vb. İnşaatçıda görüntüleri nasıl düzenleyeceğinizi öğrenmek için önceki makalemizi okuyabilirsiniz. Metin
Seviyeyi ayarlamak ve metnin metnini metin içeriğine (başlık, alıntı ve meta yayın) uygulamak için bu bloğu açabilirsiniz. Özel stili bu bloğun altındaki bloktaki tek tek metin içeriğine ayarlayabilirsiniz. Yukarıda belirtildiği gibi, özel stili blog yayınlarından ayrı metin içeriğine ayarlayabilirsiniz. Başlık metin bloğu, tipografiyi (yazı tipi ailesi, yazı tipi stili, metin boyutu, vb.) Başlık metninin yanı sıra metnin rengi ve metnin gölgesinden ayarlamanızı sağlar.
Gövde metni Posta teklifinin tipografisini ayarlamak için bu bloğu açabilirsiniz (veya tam içeriği görüntülemeyi tercih ediyorsanız gönderiyi doldurabilirsiniz). Divi Builder, blog yayınlarındaki her öğede farklı tipografik ayarlar kullanmanıza olanak tanır (bağlantılar, blok tırnaklar, mermiler ve numaralandırma). Her öğenin tipografisini ayarlamak için sekmeye tıklayabilirsiniz.
Meta metni Meta gönderim tipografisini ayarlamak için bu bloğu açabilirsiniz (yazar, tarih, kategori, yorum sayısı). Metnin rengini, tesviye ve metnin gölgesini de ayarlayabilirsiniz.
Daha fazla metin oku Bu bloğu Read More öğesinin tipografisini ayarlamak için açabilirsiniz. Ayrıca, metnin rengini ve metnin gölgesini de ayarlayabilirsiniz.
Sayfa metni Sayfa tipografisini ayarlamak için bu bloğu açabilirsiniz. Ayrıca, metnin rengini ve metnin gölgesini ayarlayabilirsiniz.
Yapıştırıcı Blog modülünün yüksekliğini ve genişliğini ayarlamak için bu blok boyutunu açabilirsiniz. Yüzde birimi veya piksel birimi kullanabilirsiniz. Yüzde birimi kullanmak istiyorsanız, yüzde sembolü manuel olarak yazabilirsiniz.
Mesafe Blog modülünün marjını ve dolgusunu yönetmek için bu bloğu açabilirsiniz. Web tasarımında marj ve dolgu hakkında daha fazla bilgi edinmek için önceki makalemizi okuyabilirsiniz.
İsterseniz, blog modülündeki her blog yayınına sınır ekleyebilirsiniz. Her iki tarafa (üst, alt, sağ, sol) sınırı ekleyebilirsiniz. Özel limiti ayarlamak için Sınır Stilleri bölümündeki sekmeyi tıklayabilirsiniz. Gölge kutusu
Bu bloktan blog modülü kutusunun gölgesini ayarlayabilirsiniz. Divi Builder, aralarından seçim yapabileceğiniz 7 tarzı gölge kutusu sunar. Birini seçtikten sonra, gölgenin rengini ayarlayabilirsiniz. Filtre
Bu bloktan, blog modülüne CSS filtreleri uygulayabilirsiniz. Bloglara (ton, doygunluk, parlaklık, kontrast, ters ve sepya) uygulayabileceğiniz 6 CSS filtresi vardır. Ayrıca, opaklık seviyesini ve bulanık seviyeyi ayarlayabilirsiniz. dönüşüm
Divi Builder ayrıca öğelere CSS dönüşümü eklemek için bir ayar seçeneği sunar. CSS dönüşümünü blog modülüne uygulamak istiyorsanız, Dönüştürme bloğunu açabilirsiniz. Sadece uygulamak istediğiniz CSS dönüşümünü seçin ve dönüşüm değerini ayarlamak için farenizi kullanın (veya sadece istediğiniz dönüşüm değerini yazın). Animasyon
Blog modülüne girmek için animasyon eklemek ister misiniz? Bunu animasyonlu bloktan yapabilirsiniz. Divi Builder’ın seçebileceğiniz giriş için 7 animasyon stili var. Gelişmiş Ayarlar Blog modülüne bazı gelişmiş ayarlar yapmanız gerekiyorsa, bir takip sekmesi açabilirsiniz.
Kimlik ve Sınıf CSS 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 ID veya CSS sınıfı özel eklemek için CSS ID & Class’ı açabilirsiniz.
Kod modülü üzerinden değil, doğrudan CSS eklemek istiyorsanız özel bir CSS bloğu açabilirsiniz. Kullanılabilir sütuna CSS kodunu yazmanız yeterlidir. Görünürlük
Belirli bir cihaz türünde bir blogu devre dışı bırakmak istiyorsanız, bir görünürlük bloğu açabilirsiniz. Modülü devre dışı bırakmak için devre dışı bırakmak istediğiniz cihaz türünü (masaüstü, tablet, akıllı telefon) kontrol edin.
Geçiş Blog modülünden geçişi uygulamak için bu bloğu açabilirsiniz. Bu bağlamda geçiş, Hover’ın animasyonu süresini ifade eder.
Durum Divi Builder’da, bir parça, çizgi veya modül olsun – yeni bir öğe eklediğinizde konumu statik olarak düzenlenmiştir (varsayılan). Özel bir pozisyon kullanmak istiyorsanız, konum bloğunu açabilirsiniz. Belirleyebileceğiniz özel konum seçeneği: Göreli: Bu seçeneği seçerseniz, blog modülü normal sayfaları izler. Bu seçenek üst, alt ve sağ özellikler sunar. Ayrıca Z. Mutlak Dizin: Bu seçeneği seçerseniz, blog modülü için sayfada oluşturulan gerçek bir alan olmayacaktır. Bunu gerçek alanı kullanan diğer parçaların üzerinde yüzen bir modül olarak değerlendirebilirsiniz. Onarım: Bu seçeneği seçerseniz, blog modülü sayfanın normal akışını kırar ve sayfada gerçek alan yoktur.
Kaydırma efekti Blog modülüne devam eden kaydırma efektini istiyorsanız, bu bloğu açabilirsiniz.Belirleyebileceğiniz 6 kaydırma efekti vardır.Divi Builder’a bir kaydırma efekti ekleyeceğinizi öğrenmek için önceki makalemizi okuyabilirsiniz.Scroll Effects Block’tan, Blog Modülünün altındaki Bloggaris modülüne yapışkan efekti de Web sitenizde içerik görüntülenmeye adanmış bir Divi oluşturucu modülü de uygulayabilirsiniz.Blog yayınlarından, sayfalardan medyaya.Divi Builder kullanarak WordPress’te özel bir ana sayfa veya sitenin özel kategori sayfaları, özel yazar arşiv sayfaları vb.Teknik olarak, herhangi bir yere bir blog modülü ekleyebilirsiniz.Örneğin, özel bir altbilgi oluştursanız bile, site içeriğinizi görüntülemek için de kullanabilirsiniz.
