Divi eklentisi spot ışığı: yoğun içerik

Divi Builder, tam genişlikte veya kafeste kategorilere dayalı olarak yayınları görüntülemek için bir blog modülü içerir. Hiç blog düzeninizi daha fazla kontrol etmek istediniz mi? Content Intense adlı üçüncü taraflı bir eklenti ile ilgilenebilirsiniz. Yoğun İçerik, Besuperfly’den blog modülünüze yeni bir görünüm sağlamak için yeni bir düzen ve stil özelliği ekleyen bir eklentidir. Bu, standart bir blog modülüne dayanmaktadır, bu nedenle zaten bilinen tüm özellikleri içerir. (Eklenti geliştirici web sitesinden edinilebilir.) Bu eklentinin spot ışığında özellikleri göreceğiz ve sayfadaki görünümü göreceğiz. Ayrıca ekstra yükleyeceğim (ama elbette Divi ile uyumludur).
Yoğun İçerik Yükle

Herhangi bir eklenti gibi yoğun içeriği yükleyin ve etkinleştirin. Eklenti etkinleştirildikten sonra, kontrol panelinde yoğun içerik eklentisinin etkinleştirilmesi adı verilen ayarlarda yeni bir menü öğesi göreceksiniz. Bunu tıklayın ve ateş ve e -posta anahtarınızı girin ve değişiklikleri kaydedin. Yoğun içerik modülü

Yeni modül, Divi Builder’a yoğun içerik olarak adlandırıldı.

İçerik sekmesi, yalnızca yayınları, sayfaları veya sayfaları ve yayınları, görüntülenecek numaraları, kategorileri ve ofset numaralarını görüntülemenize olanak tanır. Üstün görüntüleri, meta (ayırıcı seçmenizi sağlayan), alıntılar, navigasyon ve arka plan gösterin. Göreceğiniz gibi, ayarlardaki seçenek miktarını da basitleştiriyorum.

En benzersiz özelliklerden biri, WordPress kategorisinin sayfaya eklenmesidir. Sayfayı görüntülemeyi seçerseniz, kategoriyi seçtiğinizde sayfa seçilir.

Tasarım sekmesi, 5 mizanpajdan birini seçmenize, kaplamayı etkinleştirmenize, başlık metnini, içerik metnini ve meta metnini ayarlamanıza olanak tanır. Ayrıca sınırları, düğmeleri, boşlukları ve animasyonu ayarlayın. Bu, yer imleri yapmak, nofollow’a bağlantılar ayarlamak için iyidir. Yoğun içerik varsayılan ayarları

Varsayılan ayarlar, görüntünün altındaki üst üste binen yazar Gravatar ile üstün görüntüler görüntüler. Bunu Meta Post, Title, Line, Gönderme Teklifi ve Hover Animation ile Okuma düğmesi izledi. Parçaya öne çıkması için arka plan ekledim.

Bu örnekte meta ayırıcı için bir yıldız işareti ekledim, tırnak sayısını 270’den 100’e değiştirdim ve okuma düğmesini ortadaki metinle daha fazla değiştirdim. Tarih yerine, gönderinin ne kadar süre yayınlandığını gösterir. Yorum sayısını devre dışı bıraktım.

Bu, metnin arkasındaki arka plana birkaç renk ekler. Ayrıca düğmeyi sağa taşıdım ve 150 alıntıyı ayarladım.

Beş farklı düzen var. Avatarlarla Atlas-3-sütun, dikey düzen kullanarak şimdiye kadar gördüğümüz örnekler. Her düzene bakalım. Varsayılan ayarları kullanıyorum.

Bu Alpler. Bu bir sütunun yatay bir düzenidir. Arka Plan Metin, bölümde seçtiğim arka plan rengiyle eşleşir. Bu, düğme için yüzer etkiye sahip düz bir karttır.

Bu, arka plan olarak yazının üstün görüntüsünü kullanan 3 sütunun dikey bir düzeni olan Himalaya’dır. Ayrıca bir düğme animasyonu kullanır. Bu metni ayarlamadan görmek daha zordur. Daha sonra bindirme ile düzelteceğiz. Bu Rockies – Yüzen efektlere sahip 3 sütun dikey düzen. Ayrıca üstün görüntüleri arka plan olarak yerleştirir. Hover Effect, tam tırnak ve daha fazla okuma düğmelerini ortaya çıkarır. Metnin okunmasını kolaylaştırmak için bazı ayarlamalar yapacağız.

Bu Andes – Avatar ile Dikey Düzen 1 sütunu. Üstün görüntüden kesilen versiyonu kullanır ve meta ve daha büyük çizgiyi ayırmak için küçük bir çizgi kullanır.

Sayfanın altında gezinme düğmesini göreceksiniz. Devre dışı bırakabilir veya kendi metninizi ekleyebilirsiniz. Başka bir düğme stili alırlar, bu yüzden okuma düğmesi stilini daha da ayarladığınızda, aynı zamanda ayarladınız. Metni düğme yerine de kullanabilirsiniz.

Örnek – Atlaslı Alp Dağları

Bu blog düzenini 2 yoğun içerik modülü kullanarak yaptım. Birincisi, Navigasyon Olmadan Alplerin Düzenini kullanır. İkinci modül Atlas kullanır. Ofseti 1 olarak ayarladım, böylece ilk modülle aynı görüntüyü görüntüleymez. Yazı tipi rengini Arimo’ya (benim favorim) ayarladım. Derneği kullanarak düğme. İmleci düz bir renge işaret ederken ve harf boşluğuna ekler. Gezinme düğmesi uygundur.

Örnek – Alpen Dağları

Ben alternatif düzen için bir emme. Alpen dağlarının görünümünü değişiklik yapmadan seviyorum, bu yüzden sadece bazı küçük ayarlamalar yapıyorum. Kırmızı limiti, kırmızı streç ekledim ve düğmenin ve başlığın rengini değiştirdim. Ayrıca yazı tiplerini bir doz haline getirdim ve kalınlaştırdım. Bu, zammı üzerinde bir kaplama gösteriyor. Aslında sınırsız tercih ediyorum. Bu, gelişimdeki düğmeyi gösterir. Örnek – Andes
Bu örnek 6 farklı yoğun içerik modülü kullanır-hepsi Andes kullanır ve her biri önceki modülden 1 daha fazla dengelenir. Kaplamalı kısma arka plan ekledim. Başlık yazı tipi konfor. Son modül navigasyon kullanır. Düğmeyi metne değiştirdim.

İşte normal bir tek sütun tasarım ekranı. Ayrıca bindirme havuzunu da ekledim. Diğer her şey varsayılandır. Örnek – Himalayalar

Bu, metnin arkasında yer alan Himalayalar’ı kullanır. Meta devre dışı bıraktım, metni parlak olarak değiştirdim, düğme stilini beyaz olarak değiştirdim ve düğme yazı tipini 12 noktaya indirdim. Başlık metni acıdır. Eklediğim tek animasyon yüzer bir düğme içindi. Bu, iyi bir CTA veya hizmetinizi tanımlayan bir sayfanın bağlantısı olacaktır. Örnek – Rockies

Rockies’in görünümünü seviyorum. Bu, metin ve okuma düğmelerini daha da görüntüleyen Hover animasyonu ile iyi bir gölge etkisine sahiptir. Metnin genişliğini koyabilirim ama görüntüyü kapsamak istemiyorum. Bunun yerine, metni parlak olarak değiştirdim. Ayrıca meta ve düğmenin rengini değiştirdim ve ayırıcıyı bir bağlantı işaretine dönüştürdüm.

Tabii ki bindirme iyi görünüyor. Siyah kaplama ekledim ve opaklığı değiştirdim, böylece küçük bir görüntü görüldü. Sol üst köşedeki tarih de bindirme kullanır. Düğmeyi metne değiştirdim ve sağa taşıdım. Kartın altındaki üç puan ve çizgiyi seviyorum. Bu, görsel parlama dokunuşu ekleyen küçük bir detaydır. Örnekler – Yoğun ekstrakonlar ekstra ile çok iyi çalışır. Sadece ve kullandığım bazı küçük ayarlamalar yapmam gerekiyor. Örneğimde, metin alanı için beyaz bir arka plan yerleştirdim. Beyaz metni kullandığım için sadece karanlık olarak değiştiriyorum. Yukarıdaki örnek Rockies. Tek fark, daha fazla okuma bağlantıları için metnin rengidir.

İndirilebilecek stil

Animasyon CSS üzerinden eklenebilir. Geliştirici web sitesi, yüzerken metni hareket ettiren yukarıdaki gibi yaptıkları bazı animasyonları gösterir. Bu ve diğer stiller JSON dosyasında ondan indirilebilir. Lisans ve belgeler iki lisans arasından seçim (yeniden satılmak mümkün değildir):

Standart Lisans: Bir web sitesinde kullanılacak. Bu, geliştirme projeleri için 1 ve doğrudan projeler için 1’i içerir.

Sınırsız lisanslama: Kişisel ve müşteri kullanımı için sınırsız web sitelerinde kullanılabilir.
Güncellemeler otomatik olarak gerçekleştirilir. Yoğun içerik geliştirici web sitesinden edinilebilir.

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir