Divi Eklentisinin Öne Çıkanları: Divi Etkinlik Takvimi Modülü

Etkinlik Takvimi, WordPress için altın standart etkinlik takvimidir. Divi ile iyi çalışır, ancak Divi düzenlerinize eklemek için bir kısa kod kullanmanız gerekir. Stil, WordPress panosundaki ayarlar sekmesinden yapılır. Bu, stili Divi düzeninizle bütünleştirmeyi zorlaştırır. Divi Events Calendar Module adlı bir üçüncü taraf eklentisi, Events Calendar'ı bir Divi modülü olarak görüntüleyerek bu sorunu çözer. Bu yazımızda Divi Events Calendar Module'ü inceleyeceğiz ve neler yapabileceğini göreceğiz.

Divi Events Calendar Modülünü Yükleme

İlk olarak, Etkinlik Takvimi eklentisini yükleyin. Bu eklenti kurulu değilse, yüklenmesi gerektiğini söyleyen ve eklenti için WordPress sayfasına bir bağlantı sağlayan bir hata mesajı alırsınız (tahmin edin nasıl biliyorum). Etkinlik Takvimi hakkında daha fazla bilgi için, ET blogunda yer alan Etkinlik Takvimi: Ücretsiz Sürüme Ayrıntılı Bir Bakış makalesine bakın.

Ardından, Divi Events Calendar Module eklentisini yükleyin ve etkinleştirin ve etkinleştirin.

Örneklerim için Divi ve WordPress için farklı kategoriler, organizatörler, mekanlar ve tarihler içeren bir dizi etkinlik oluşturdum.

Divi Etkinlik Takvimi Modülü

Divi Builder'a iki yeni modül eklendi. Divi Etkinlik Takvimi adı verilen ilki, etkinlikleri blog gönderilerine çok benzeyen bir listede kartlar olarak görüntüler. Divi Etkinlik Takvimi Görünümü adı verilen ikincisi, etkinlikleri bir takvimde görüntüler. Takvim Görünümü modülü hala beta aşamasındadır. Şu anda sınırlı özelliklere sahiptir. Her iki modüle de bakacağız.

İlk olarak, Meetup Schedule sayfası Meetup düzen paketini kullanıyorum. O sayfadaki olayları Divi Events Calendar modülü ile değiştirdim.

İçerik Sekmesi

Modül olayları otomatik olarak görüntüler. Standart Divi sekmelerini içerir. İçerik sekmesi, İçerik ve Öğeler ekler. Varsayılan olarak mavi bir arka plan ekler.

İçerik

İçerik bölümü, görüntülenecek olay sayısını, dahil edilecek kategorileri, tarih biçimini, alıntı uzunluğunu ve ofset numarasını girmenizi sağlar. Bu örnekte, Divi Events kategorisindeki olayları 2 ile sınırladım. Ofseti 1 olarak ayarladım.

Elementler

Öğeler, görüntülenen öğeleri seçmenize olanak tanır. Buna, öne çıkan görsel, gösteri düzenleyicisi, web sitesi URL'si, tarih, saat, mekan, konum, alıntı, kategori, daha fazla bilgi düğmesi ve geçmiş etkinlikler (modülü yalnızca geçmiş etkinlikleri gösterecek şekilde sınırlar) dahildir. Öne çıkan resmi ve gösteri düzenleyiciyi gizlemek için ayarladım.

Tasarım Sekmesi

Tasarım sekmesi, düzen, küçük resim, başlık metni, ayrıntı metni, alıntı metni ve daha fazlasını görüntüle düğmesi için seçenekler ekler. Metin, normal metin modülüyle aynı şekilde çalışır. Düzene, küçük resme ve daha fazlasını görüntüle düğmesine daha yakından bakacağız. Bireysel kartlar için kenarlık ve kutu gölgesi çalışması. Bu, birçok Divi modülünde görmek istediğim bir şeydi.

Düzen

Düzen, sütun sayısını (1-4), görüntü hizalamasını (sol veya üst), arka plan rengini, kenar boşluğunu ve dolguyu seçmenize olanak tanır. Resmi en üste yerleştirdim ve arka planı beyaz olarak değiştirdim. Mavi, etkinlik kartları arasında görünmeye devam eder.

Bu örnek için, sütunları 2'ye ayarladım ve kartları mavi arka plana sığdırmak için kenar boşluğu ve dolgu ekledim ve bir kenarlık oluşturdum.

İşte 3 sütunlu örnek. URL metnini sığacak şekilde ayarlayabilirim. 3 sütunda, resim yerleştirme bir seçenek değildir.

Bu, soldaki resimlerle birlikte 2 sütuna sahiptir.

küçük resim

Küçük resim ayarları, kenar boşluğu, dolgu, genişlik, köşeler, kenarlık stilleri, kenarlık genişliği, kenarlık rengi ve kenarlık stilini içerir. Bu örnekte, görüntüyü kartın ortasına ve genişliği 100'e getirmek için dolguyu 75'e ayarladım.

Bu örnek için köşeleri 36 piksele ayarladım ve 9 piksel kenarlık genişliği verdim. Kenarlık renklerini şekillendirdim ve ona bir iç metin stili verdim.

Metin

Başlık metnini, hafif ve tamamı büyük harflerle Roboto ile mizanpaja uyacak şekilde ayarladım. Alıntı ve ayrıntılar metnini varsayılan olarak bıraktım.

Daha Fazla Düğmeyi Görüntüle

Bu örnekte, düğme için mizanpajdaki stili kullandım. Boyutu 14 piksele ayarladım, arka plan rengini ayarladım, kenarlık genişliğini ve yarıçapını değiştirdim ve tamamı büyük harflerle Roboto kalın'ı seçtim. Vurgulu efekti varsayılan olarak bıraktım, bu da üst düğmede görebileceğiniz gibi düğmenin boyutunu artırıyor. Ayrıca, GÖRÜNÜM yazan metni varsayılan olarak bıraktım.

Bu örnek için, önceki örneklerdeki ayarların çoğunu kullandım, ancak birkaç değişiklikle. Mavi arka planı kaldırdım, kenarlık yarıçapını değiştirdim ve kenarlığı kaldırdım. Ayrıca kategorileri yalnızca Divi Olaylarını gösterecek şekilde sınırladım (oluşturduğum iki örnek kategoriden biri). Sınır 2 olaya ayarlanmıştır.

Bu örnek için düzeni 3 sütun gösterecek şekilde ayarladım. Düğme kenarlığını kaldırdım ve düğme hizalamasını ortaladım. Ayrıca URL'yi kaldırdım, ayrıntılı metin rengini değiştirdim, düğme metnini değiştirdim ve kartlara arka planda öne çıkmaları için bir gölge verdim.

Divi Etkinlik Takvimi Görünüm Modülü

İşte ikinci modüle bir bakış. Etkinliklerinizin bir takvim görünümünü sağlar. Takvim, ayı, yılı, navigasyonu içerir ve bugünün tarihini vurgular. Bu, Sanat Galerisi düzen paketindeki Etkinlikler sayfasıdır. Bir etkinliğin üzerine gelindiğinde, bilgileri içeren bir açılır pencere gösterilir. Bu varsayılan görünümdür.

Tasarım sekmesi, modül metni için ayarlar ekler. Sonunda başlık, ay vb. ayarları içerecektir. Bu örnekte, metnin ağırlığını, rengini ve boyutunu ayarladım. Bu, takvimdeki tarihleri ​​ayarlar.

Bu örnek için yazı tipi ailesini Roboto olarak değiştirdim ve renk, boyut, harf aralığı ve satır yüksekliğini ayarladım. Ayrıca öne çıkması için metne bir gölge verdim. 'Bugün' düğmesi dışındaki tüm metin boyut, boşluk ve yükseklikten etkilenir.

Ayrıca kenarlığı, arka planları, kutu gölgelerini vb. ayarlayabilirsiniz. Bu örnekte, modül metnini tamamı büyük harf olarak ayarladım. Bu, ay ve gün için metni içerir. Ayrıca arka planı ayarladım, modüle bir kenarlık verdim (çift kenarlık stilini kullanarak) ve ona bir kutu gölgesi verdim. Kenarlık, metinle aynı renktedir.

Bunun için mizanpajdan renkler ve kutu gölgesi ayarlarını ekledim. Düzenin tasarımıyla nasıl çalıştığını seviyorum. Sınırlı sayıda ayarlamaya rağmen, takvim görünümü modülü Divi düzenlerinizle kullanmaya değer.

Fiyat ve Belgeler

Etkinlik Takvimi Modülünü geliştiricinin web sitesinden 35 $ karşılığında alabilirsiniz. Sınırsız web sitesi kullanımı, ömür boyu destek ve güncellemeler ve 30 günlük para iade garantisi içerir.

Belgeler, kurulumda size adım atmak için bir video ve kısa bir makale ve nasıl kullanılacağını ve güncellemelerin nasıl gerçekleştirileceğini gösteren birkaç kısa makale ile işlenir. Belgelere başvurmam gerekmediği için şanslıydım (modüller oldukça sezgiseldir), ancak gerektiğinde kullanılabilir olduğunu görmekten memnunum.

Biten Düşünceler

Divi için Divi Events Calendar Module eklentisine bakışımız bu. Modüller, herhangi bir Divi modülü gibi çalışır, bu nedenle etkinliklerinizi Divi düzenlerinizle çalışacak şekilde biçimlendirmek kolaydır. Ana takvim modülü, modül içindeki bireysel öğeler için dolgu, kenar boşluğu ve kenarlık ayarlamaları bile içerir. Bu, onları ayrı kartlar olarak şekillendirmek için kontrol sağlar.

Daha fazla kontrole sahip olmak istiyorsanız, görüntülenecek kategorileri girmenize izin verir. Bu, açılır listeden seçeneklerinizi seçmenize izin veren diğer modüllerden farklı olarak çalışan tek şeydir. Açılır liste seçeneğini tercih ederim. Bu, gelecekte değişmesini görmek istediğim bir şey. Ayrıca mekanlara, etkinlik organizatörlerine vb. göre etkinlikleri seçme olanağını da isterim.

Etkinlik Takvimi, herhangi bir web sitesi için mükemmel bir araçtır. Fotoğraf çekimleri, konserler, ürün gösterileri, ticari etkinlikler, buluşmalar ve çok daha fazlası için kullanışlıdır. Divi web sitenizle Etkinlik Takvimi eklentisini kullanmak istiyorsanız, Divi Etkinlik Takvimi Modülü eklentisi bir göz atmaya değer.

Senden duymak istiyoruz. Divi Etkinlik Takvimi Modülünü denediniz mi? Aşağıdaki yorumlarda bunun hakkında ne düşündüğünüzü bize bildirin.

VectorKnight / Shutterstock.com aracılığıyla Öne Çıkan Görsel