Divi Eklenti Spot Işığı – Divi Zaman Çizgisi Modülü

Kronolojik bilgileri göstermenin en ilginç yollarından biri zaman çizgisidir. İster adım adım talimatlar, özgeçmişler için deneyimlerin bir listesi, portföyler için projelerin bir listesi ve hatta blog yayınları olsun, zaman çizgileri ilginç bilgileri görsel olarak yapabilir. Divi zaman çizelgesi modülü adı verilen bir eklenti kullanarak Divi Builder’da kendi zaman çizelgenizi oluşturabilirsiniz. Elegant Marketplace aracılığıyla Tortoise tarafından üçüncü taraf eklentisi olan Divi Zaman Çizelgesi modülü, iki farklı duyarlı zaman çizelgesi oluşturmak için Divi oluşturucuya birkaç yeni modül (ana modül ve üç refakat modülü) ekledi:
Zaman çizelgesindeki her nokta için içerik oluşturduğunuz yer. Zaman çizelgesindeki her öğe içerik, bağlantılar, renkler, yazı tipleri, simgeler, vb.
Mevcut içeriğinizi sayfalardan, yayınlardan, medyadan veya projelerden kullanan biri.
Bu genel bakışta, her iki zaman çizgisinin de yapımına adım atacağım ve sonra bir blog sayfası oluşturma örneğini göstereceğim. Bu genel resim için unssplash.com’dan ücretsiz görüntüler kullanıyorum. Başlayalım. Basit bir kurulum divi zaman çizelgesi modülü eklentisi yükleme. Eklentiyi yükleyin ve herhangi bir eklentide yaptığınız gibi etkinleştirin. Başka bir düzenlemeye gerek yoktur.
Bir Zaman Çizgisi Yapın

Dört modül vardır: (gönderme) – dikey, içerik, özellikli görüntü ve dikey. Çok sütunlu bir düzen ile çalışacak olsa da, bir sütunun düzeni en iyi şekilde çalışır. Zaman Çizelgesi – Dikey veya Zaman Çizelgesi (Post) – Dikey sayfada kullanılacaktır. Gerisi bir düzen yapmak için kullanılacaktır. Dikey zaman çizgisi

Zaman çizelgesini – dikey modülü tek sütun satırına ekleyin.

Genel ayarlarda yeni zaman çizgisi öğeleri ekleyebilir, zaman çizgisine başlıklar verebilir ve zaman çizgisinin rengini seçebiliriz. Her zaman çizelgesi öğesini oluşturmak için yeni zaman çizelgesi öğesi ekle tıklayın. Yeni zaman çizelgesi ekle, metin, medya, etiketler, daha fazla görüntüleme düğmesi, simgeler, simge renkleri, arka plan renkleri ve görüntü/simgeler animasyonlarıyla birlikte içerik düzenleyicisini açacaktır. Ayrıca tüm standart gelişmiş tasarım ayarlarını ve özel CSS’yi içerir.

İstediğiniz kadar zaman çizgisi öğesi ekleyin. Burada beş element eklediğimi ve merkez hattının merkezini yeşil olarak değiştirdiğimi görebilirsiniz. Zaman çizgisi öğesinde her öğe için simgeler ve renkler seçiyorum. Zaman çizgilerinin dikey sonuçları

İşte yaptığım kısa bir zaman çizelgesi. Kendi içeriği ve simgesine sahip beş öğe var. Hat için seçtiğim renk de içerik penceresinin altına eklendi. Modülü depolayan parçaya bir arka plan görüntüsü ekledim.

Tabii ki gelişmiş tasarım ayarlarını kullanarak, modül sayfaya uyacak şekilde düzenlenebilir, böylece beyaz bir arka plana veya yazı tipine sahip olmanız gerekmez. Bu, talimatlar, özgeçmişler, ürün listeleri, portföyler vb. Gönderiniz de içeriğinizden bir zaman çizgisi yapabilir. Buna gönderiler, sayfalar, medya veya projeler dahildir. Çalışma şekli biraz karmaşık olabilir, ancak yapılması kolay olabilir. İki şey yapmalısın:
Düzen Oluştur
Bir sayfa oluşturun ve düzeni seçin
Düzen ve sayfalar yapmak için gereken tüm modüller içerir. Bir blog yazısı örneği kullanarak bir örnek verelim.
Düzen Oluştur
İlk olarak, bir düzen yapın. Gösterge tablosunda, divi, divi kütüphanesi açın ve yeni ekle’yi seçin. Sizin için makul bir düzen verin (post -zaman çizgisinin düzenini seçiyorum). Bir tür şablon olarak düzeni seçin. Global’i kontrol etmedi. Gönder’i tıklayın. Yaptığınız düzen, gönderiyi (veya seçtiğiniz gönderi türünü) görüntüler. Bunu kendi blog modülünüzü yapmak olarak düşünün, yalnızca bir yayın düzenleyebilirsiniz. Bu değil, ama bu örnek bunu kolayca anlamama yardımcı oluyor. Öyle, ama gerçekten değil. Hareket. Bu düzen, eklentiye dahil edilen zaman çizelgesi içeriği, özellikli görüntü ve başlık modülü kullanılarak oluşturuldu. Düzeni yapmak için iki sütun düzenini seçin ve zaman çizelgesi modülünü yerleştirin – özellikli görüntüyü sağa ve zaman çizelgesi modülünü – gönderme Gönderi ve Zaman Çizelgesi – Zaman Çizelgesi – Soldaki İçerik. Tabii ki, yalnızca resim veya başlık kullanmak veya farklı yapılandırmalara yerleştirmek gibi düzen ile biraz oynamak isteyebilirsiniz, ancak önce olağan düzeni yapalım. Bu notlar çoğu Divi oluşturucu modülleri gibi sayfalarda kullanılmaz. Zaman çizelgesi (POST) – dikey modül tarafından çağrılacak düzende kullanılması amaçlanmıştır.

Bu, Divi Builder’da görüldüğü gibi düzendir. Beklendiği gibi, bu modüllerin her birinin genel ayarlar, gelişmiş tasarım ayarları ve özel CSS gibi kendi seçenekleri vardır. 1/3, 2/3 ama 1/2, 1/2 de işlevleri kullanıyorum. Bu kısmen kullanmak istediğiniz üstün görüntünün boyutuna ve görüntülemek istediğiniz içerik miktarına ve yazı tipi boyutu gibi diğer ayarlara bağlı olacaktır. Modülü yerleştirdikten ve tüm ayarları seçtikten sonra, sağ alt yayından güncellenmiş seçin. Her modüle daha yakından bakalım. Öne Çıkan Görüntü Modülü Üstün görüntüler tam olarak beklediğiniz gibi yapar – bu bir gönderiden üstün görüntüler görüntüler. Bu, görüntünün boyutunu seçebileceğiniz bir açılır kutu içerir. Ayrıca alternatif metinler, başlıklar, LightBox’ta açık, bağlantı URL’si, aynı pencerede veya yeni sekmede açık, animasyon, görüntünün altındaki boşlukları silme, cihazlar için devre dışı bırakma ve yönetici etiketleri içerir. Orta görüntünün boyutunu seçtim ve animasyonu kapattım. Başlık Modülü Gönderin

Post başlık modülü, içeriğe bağlanmanıza ve yönetici etiketini değiştirmenize ve CSS ayarlarını ayarlamanıza olanak tanır. Bağlantı ayarının içeriğe ayarlanmasına izin verilmesini öneririm. Gerisini varsayılan olarak ayarlanmasına izin verdim.

İçerik modülü

İçerik modülü, uzmanları veya içeriği görüntülemeyi seçmenizi ve tam okuma düğmesini görüntülemenizi sağlar. Tırnakları ve okuma düğmelerini daha da görüntüleyecek şekilde ayarladım. Bir sayfa yarat

Divi Builder’ı kullanarak yeni bir sayfa oluşturun ve zaman çizelgesini (direkler) bırakın – dikey bir modül tek bir sütunun düzenine. Zaman Çizelgesi (Post) Dikey Modül Ayarları
Bu modül oluşturduğunuz düzeni arayacaktır. Burada başlıklar, düzenler, merkez satırları, zaman çizelgesindeki öğeler için simgeler, ekran numaraları veya simgeler, simge/sayılar ve arka plan renkleri, animasyon, sayfalandırma, gönderi türü, görüntülenecek yayın sayısı, post ofset (Post ofset ( Hangi gönderi başlayacak), taksonomi ve yönetici etiketi. Yaptığınız düzeni aramak için, döngü düzenleri adı verilen gerililer listesi arasından seçim yapın. Aşağı kaydırın ve blog yayınlarını görüntülemek için bir yazı türü olarak bir gönderi seçin. Tüm seçimlerinizi yaptıktan sonra sayfayı yayınlayın. Zaman çizelgesinin sonuçlarını yayınlayın

Sonuç, zaman çizelgesindeki en son yayınım bulunan bir blog sayfası. Arka plan görüntüsünün üzerine bir zaman çizgisi yerleştirdim (resim bölüme eklendi). Bu modülle simge küreseldir. Kahverengi simgenin ve mavi simgenin arka planına karşı zaman çizgisini maviye ayarladım. Gönderi modülü, diğer tasarım ayarlarını kullanarak sayfaya eşleşecek şekilde daha fazla düzenlenebilir. Zaman çizelgesi bloglarına örnekler diğer düzenlerde kullanılabilir. En üstte birkaç yayın görüntüleyen bir blog düzeni oluşturmak istiyorum ve geri kalanı zaman çizelgesinde.

Yukarıdaki resim, ortada içerik ve aşağıdaki başlık ile bir sütunda bir düzen yaptım.

Daha sonra bir blog ve zaman çizelgesi modülü (post) – dikey modül içeren bir sayfa oluşturdum. Kutuda üç yayın görüntülemek için bir blog modülü ayarladım. Zaman çizelgesi modülünü bir ofset 3 olacak şekilde ayarladım, böylece blog modülünü görüntüleyecek yazıyı görmezden gelecek ve 4 numaradan başlayarak, metin modülünü, blog yazısı altındaki içeriğin blog yazısı altındaki içeriği uyaran mesajlarla aralarına yerleştiriyorum. hala blogun bir parçası. Blog sayfasının sonuçları blog sayfasını takip edin. Sonuç, okuyucuyu içerik yoluyla yönlendiren temiz bir düzendir. Tabii ki bu sadece bir blog sayfası olmak zorunda değil. Ayrıca portföy sayfaları, sanat, hizmetler vb. İçin projeler görüntülemek için de kullanılabilir. Zaman çizgisinin sonu, kronolojik veya sayısal verileri görüntülemek için iyi bir tasarım öğesidir. DIVI Zaman Çizelgesi Modülü bu işlevi Divi Builder’a ekler, özel bir zaman çizelgesi oluşturmanın kolay bir yolunu sunar veya içeriğinizi düzeninizde görüntülenecek kronolojik zaman çizelgesi oluşturmak için sayfalar, yayınlar, medya veya projeler gibi kullanır. Bu eklentinin kullanımı kolaydır ve Divi modülünden beklediğiniz tüm tasarım ayarları burada. Düzeni ve sayfayı Divi Builder’ı kullanmak kadar hızlı ve basit hale getirmek uzun sürmez. Web sitenize bir zaman çizelgesi eklemek istiyorsanız, Divi zaman çizelgesi modülü doğru seçimdir. Senden duymak istiyoruz. Divi zaman çizelgesi modülünü kullandınız mı? Bize yorumlardaki deneyiminizden bahsedin. Designer / Shutterstock.com Ollie aracılığıyla Üstün Görüntü

admin

Bir Cevap Yazın

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