Bir WordPress etkinlik zaman çizelgesi, sayfanıza benzersiz bir estetik ve etkileşimli dokunuş kazandırarak, verileri iletmenin çok etkili bir görsel yolu olabilir. Bir zaman çizelgesi genellikle bir dizi olayı görüntülemek için kullanılır, bu nedenle şirket (veya grup veya ilişki) geçmişiniz, kişisel başarı kilometre taşları veya içeriğin yayınlanma tarihleri için fazlasıyla uygundur. Bir etkinlik için bir web sitesi oluşturuyorsanız da yararlı olabilir – programınızı görüntülemenin yeni bir yolu olabilir. Bir tane kullanıyorsanız, seçtiğiniz yöntemin etkinlik yönetimi eklentinizle uyumlu olduğundan emin olmanız yeterlidir.
Bir WordPress etkinlik zaman çizelgesi oluşturmanın birkaç yolu vardır. İlk önerimiz, her zaman olduğu gibi, zaten bir zaman çizelgesi işlevine sahip olan bir tema kullanmaktır. Bir bütçe üzerinde çalışıyorsanız veya yalnızca zaman çizelgesi kullanmadığı için temanızı değiştirmek istemiyorsanız, yine de bir zaman çizelgesi oluşturabilirsiniz. Size bunu yapmanın iki yolunu göstereceğiz: bir Gutenberg bloğu ile ve özel bir eklenti kullanarak.
Gutenberg Bloğuyla Etkinlik Zaman Çizelgesi Nasıl Oluşturulur
Gutenberg editörünü kullanarak bir etkinlik zaman çizelgesi oluşturabilirsiniz, fakat özellikle bu amaç için ihtiyacınız olan blok dahil değildir – Gutenberg Blocks – Gutenberg için Ultimate Eklentiler yüklemeniz gerekir. Bu eklenti size, üzerinde çalışabileceğiniz çok sayıda yeni blok sağlayacaktır; bunlardan biri, kullanımını burada size göstereceğimiz olay zaman çizelgesi bloğudur. Bir eklentiyi nasıl kuracağınızı bilmiyorsanız, size yardımcı oluyoruz.
Eklentiyi yükleyip etkinleştirdikten sonra, bir blok eklemek ve içerik zaman çizelgesi bloğunu bulmak için artı işaretine tıklayarak bir gönderide veya sayfada bir zaman çizelgesi oluşturabilirsiniz. Ultimate Addon Blocks menüsünde olacak, fakat onu bulmanın en kolay yolu arama çubuğunu kullanmak olacaktır.
Şimdi bir yer tutucu zaman çizelgesi göreceksiniz. Bu blok seçildiğinde, sağ tarafta birkaç menü göreceksiniz. Varsayılan olarak açık olan Öğe Sayısı’dır. 6’ya çıkaracağız.
Sıradaki Tarih Ayarları. Gönderim Tarihini Göster anahtarını kullanarak tarihlerin görüntülenip görüntülenmeyeceğini seçebilirsiniz. Tarih Formatı alt menüsünde tarih formatını değiştirebilirsiniz. Bu kontrollerin ikisini de olduğu gibi bırakacağız, fakat bunları tercihinize göre ayarlayabilirsiniz. Tarihlerimizi kronolojik sıraya göre değiştireceğiz. Tarih Ayarları alanlarındaki tarih biçimi AA/GG/YYYY şeklindedir. Menünün alt kısmında, tarih metni için farklı renkler seçmek ve tipografi seçeneklerini değiştirmek için kullanabileceğiniz ayarlar var, fakat bunu varsayılan olarak bırakacağız.
Sırada Düzen alt menüsü var. Bunlar, zaman çizelgesinin Oryantasyonu, olay kutusuna göre Ok Hizalaması ve tablet ve mobil platformlarda zaman çizelgesinin yanıt verebilirlik ve görünümü ile ilgili olan zaman çizelgesinin nasıl istiflendiğini (Yığın açık) ele alır. Varsayılan değerleri bırakacağız.
Aralık alt menüsü, her bir zaman çizelgesi kutusunun davranışı için seçenekler içerir. Onları beğeninize göre ayarlayabilirsiniz, fakat kutular arasındaki boşluğu gayet iyi buluyoruz, bu yüzden onlarla oynamayacağız. Zaman Çizelgesi Öğesi alt menüsünde, zaman çizelgesi öğeleri için tipografi ayarlarını seçebilirsiniz. Ana ayarı H4’te bırakacağız, Yuvarlatılmış Köşeler ayarını 10’a yükselterek kutularımızın daha yumuşak görünmesini sağlayacağız ve zaman çizelgesini biraz uzatmak için Dolgu’yu 30’a çıkaracağız. Başlık veya İçerik ayarlarını değiştirmeyeceğiz, fakat bunu İngiliz anahtarı simgesine tıklayarak yapabilirsiniz. Bu ayarlar, kutuların içindeki metnin görünümüyle ilgilidir.
Son olarak Connector alt menüsünde kutular arası bağlantı hattı ayarlarını değiştirebilirsiniz. Simgeyi bira bardağı olarak değiştireceğiz, fakat diğer simge ayarlarını (boyut, arka plan boyutu, kenarlık genişliği ve bağlayıcı genişliği) değiştirmeyeceğiz. Bağlayıcı alt menüsü kendi alt menüsünü içerir – Renk Ayarları. Bunu, Konnektör rengini leylak rengine (#aa86a6) çevirerek Çizgi, Kenarlık ve Arka Planın rengini Odakta olduklarında değiştirmek ve Normal modda açık gri bırakmak için kullanacağız. Yine de tüm öğelerin renkleri özelleştirilebilir, böylece bunları web sitenizin tasarımına uyacak şekilde değiştirebilirsiniz. Renk Ayarlarını değiştirmeyeceğiz. Bu alt menü, kutularınız için renk seçeneklerini ve bunların içindeki metni içerir. Ayrıca Gelişmiş alt menüsündeki ayarların hiçbirini değiştirmeyeceğiz, çünkü bu gösteri için gerekli değiller. Ayrıca onları detaylandırmak için olaylarımıza biraz metin ekleyeceğiz. Herhangi bir kutudaki herhangi bir başlığı ve açıklamayı düzenlemek için tıklamanız yeterlidir.
Ve özel bir Gutenberg bloğu kullanarak etkinlik zaman çizelgeniz tamamlandı!
Özel Bir Eklenti Kullanarak Olay Zaman Çizelgesi Nasıl Oluşturulur
Bu gösteri için Cool Timeline’ı kullanacağız. Bu durum tercih ettiğimiz çözümlerden sadece bir tanesidir. Bir eklenti arıyorsanız, aralarından seçim yapabileceğiniz bir WordPress zaman çizelgesi eklentileri listesi hazırladık. Öncelikle Cool Timeline eklentisini kurmanız ve etkinleştirmeniz gerekecek. Bir eklentiyi nasıl kuracağınızı ve etkinleştireceğinizi bilmiyorsanız, bunun için de bir eğitimimiz var.
Eklentiyi kurup etkinleştirdikten sonra, şimdi onu yapılandırmamız gerekecek. Eklentiler ekranınızdan Harika Zaman Çizelgesi Ayarlarını bulun. Harika Zaman Çizelgesi’ni kullanacağınız tüm hikayeler için varsayılan ayarları yöneten Genel Ayarlar’da, Zaman Çizelgesi Başlığını Hikayemiz olarak değiştireceğiz, Başlık Başlık Etiketini H1 olarak bırakacağız, fakat H1’den H6’ya kadar başlıkları seçebilirsiniz. Görüntülenecek hikaye sayısını 6 olarak ayarlayıp İçerik Uzunluğunu 50 kelimede bırakacağız. Ayrıca Hikaye Açıklamasını ve Hikaye Sırasını varsayılan Kısa ve DESCending değerlerinde bırakacağız.
Ayrıca ücretsiz bir fotoğrafı Zaman Çizelgesi varsayılan görüntüsü olarak yükleyeceğiz ve Ekranı varsayılan değer olan Evet olarak bırakacağız. Ardından Değişiklikleri Kaydeteceğiz.
Daha sonra Stil Ayarları sekmesinde, Konteyner Arka Planını KAPALI olarak bırakacağız. Hikaye Arka Planı, Daire, Çizgi, Birinci ve İkinci için genel temamıza daha iyi uyacak bazı renkler seçeceğiz. Özel Stiller bölümüne dokunmayacağız. Küçük harf, büyük harf ve büyük harfle yazılmış (varsayılan) Öykü Başlığı Stili seçeneği eklenerek Ana Başlık, Öykü Başlığı ve Gönderi İçeriği için yazı tipi ayarlarıyla ilgili Tipografi Ayarları ile de aynı şekilde oynamayacağız. Benzer şekilde, Gelişmiş Ayarlar, üzerinde çalıştığımız ücretsiz sürümde yalnızca premium özelliklere genel bir bakış içerdiğinden bizi ilgilendirmiyor.
Ayarlarımızı kaydettikten sonra sol taraftaki menüden Zaman Çizelgesi Hikayeleri/Yeni Ekle’ye gideceğiz.
Her hikaye öğesini, bir Başlık vererek, Hikaye Simgeleri Menüsünde bir Bira simgesi seçerek, bir tarih seçerek, Tarih Seçiciyi kullanarak ve dolgu maddesi olarak rastgele oluşturulmuş bazı metinlerle ayrı ayrı oluşturacağız. Bunu altı kez tekrarlayarak altı hikaye oluşturacağız. Bunların her biri için bir Öne Çıkan Görsel de seçebilirsiniz. Bu gösterimi sade bırakacağız.
Tüm hikayelerinizi arka arkaya dizdikten sonra, Zaman Çizelgesi Hikayeleri/Tüm Hikayeler ekranınız böyle görünmelidir.
Cool Timeline eklentisi, sayfalar için en iyi sonucu verir. Bir hikaye sayfası oluşturmak için sol taraftaki menünüzü kullanarak Sayfalar/Yeni Ekle’ye gidin. Klasik düzenleyiciyi kullandığınızdan emin olun. Hikaye sayfamıza bir başlık ekleyeceğiz ve Harika Zaman Çizelgesi Kısa Kodu eklemek için yeni Harika Zaman Çizelgesi Kısa Kod oluşturucumuzu kullanacağız.
Zaman çizelgesi menüsü görünecektir. Zaman Çizelgesi Düzenini varsayılan olarak bırakacağız, Zaman Çizelgesi Tarihlerini Ymd olarak ayarlayacağız, Zaman Çizelgesi Dış Görünümünü Varsayılan olarak bırakacağız, Hikaye Simgesi için EVET’i seçeceğiz, Hikaye sayısını 6 olarak ayarlayacağız, Hikaye Animasyon Efekti için Yok’u, Hikaye Açıklaması için Özet’i seçeceğiz, ve hikaye sırası için DESCending. Bu ayarların, eklenti yapılandırma seçeneklerindeki Genel ayarları geçersiz kılacağını unutmayın. Bittiğinde, Tamam’a tıklayacağız.
Bu durum imlecimizin ana metin alanında olduğu her yerde bir kısa kod oluşturacaktır. Ve artık ziyaretçileriniz için göz alıcı bir zaman çizelgeniz var.
Çözüm Yolu
Artık WordPress’te bir etkinlik zaman çizelgesini görüntülemenin iki yolunu biliyorsunuz. Şirket geçmişleri, kişisel başarı zaman çizelgeleri, proje zaman çizelgeleri ve benzerleri için kullanışlıdır, fakat aynı zamanda olay çizelgelerini göstermenin yeni bir yolu olarak veya tarihsel olayları veya organizmaların gelişim aşamalarını gösteren bir eğitim aracı olarak – ilerlemeyi ima eden herhangi bir konu olarak da görebiliriz. Etkinlik zaman çizelgesi yalnızca bir veri görselleştirme aracıdır ve biraz hayal gücü ile onunla pek çok farklı şey yapabilirsiniz. Bu yüzden ister bir eklenti, ister bir Gutenberg bloğu veya bir tema özelliği kullanıyor olun, olay zaman çizelgeleri yolunuzu bulmak için yararlı bir araçtır.