WordPress web sitenize güzel bir etkinlik zaman çizelgesi eklemek ister misiniz?
Tarih karmaşık olabilir, özellikle de anlaşılması gereken çok sayıda farklı tarih, olgu ve diğer bilgiler olduğunda. Bir etkinlik zaman çizelgesi oluşturarak şirketinizin geçmişini, kişisel zaman çizelgenizi veya herhangi bir olay dizisini daha ilgi çekici bir şekilde gösterebilirsiniz.
Bu makalede, WordPress’te nasıl güzel bir etkinlik zaman çizelgesi ekleyebileceğinizi göstereceğiz.
WordPress’e Neden Güzel Bir Etkinlik Zaman Çizelgesi Eklemelisiniz?
Birçok WordPress web sitesi sahibi, bir dizi ilgili olayı güzel bir şekilde organize edilmiş ve görsel olarak çekici bir şekilde göstermek için zaman çizelgelerini kullanır.
İşletmeler ve kuruluşlar geçmişlerini göstermek için genellikle zaman çizelgeleri kullanırlar. Örneğin, WPBeginner’ın yönetim şirketi Awesome Motive, basit bir blogdan premium WordPress eklentileri ailesine nasıl büyüdüğümüze dair bir zaman çizelgesi gösteriyor.
Bir seyahat blogu veya fotoğrafçılık web sitesi işletiyorsanız, fotoğraflarınızı dünyadaki yolculuğunuzu gösteren hoş bir dikey zaman çizelgesinde de gösterebilirsiniz. Bu, geçmişinizi yazıp sitenize düz bir metin sayfası olarak eklemekten daha ilgi çekici olabilir.
WordPress’te Etkinlik Zaman Çizelgesi Nasıl Eklenir
WordPress’te bir etkinlik zaman çizelgesi eklemenin en kolay yolu Cool Timeline eklentisini kullanmaktır.
Bu eklenti, WordPress panosuna zaman çizelgenizi oluşturabileceğiniz yeni bir Zaman Çizelgesi Eklentileri alanı ekler. Bu eklenti alanını kullanarak, aşağıdaki resimde görebileceğiniz gibi, bir başlık ve açıklama yazarak, öne çıkan bir görsel ayarlayarak ve diğer önemli bilgileri ekleyerek her etkinliği ayrı ayrı ekleyebilirsiniz.
Etkinlikleri eklemeyi tamamladığınızda, Cool Timeline tüm bu etkinlik hikayelerini aynı zaman çizelgesinde gösterecektir. Daha sonra zaman çizelgesini herhangi bir sayfaya veya gönderiye ekleyebilirsiniz.
Aynı zaman çizelgesini web sitenizde birden çok kez göstermek istiyorsanız bu yöntem mükemmeldir. Ancak, yalnızca tek bir zaman çizelgesi oluşturmanıza izin verir.
Diğer seçenek ise WordPress blok düzenleyicisi içinde görsel olarak bir zaman çizelgesi oluşturmak için Cool Timeline Bloğunu kullanmaktır.
Web sitenize birden fazla Cool Timeline Bloğu ekleyerek sitenizin farklı bölümlerinde farklı zaman çizelgeleri gösterebilirsiniz. Ancak bu yöntem, kendiniz bir blok deseni olarak kaydetmediğiniz sürece aynı zaman çizelgesini web sitenizde birden çok kez yeniden kullanmanıza izin vermez.
Bu kılavuzda her iki yöntemi de ele alacağız. Zaman çizelgenizi nasıl oluşturursanız oluşturun, Cool Timeline eklentisini yüklemeniz ve etkinleştirmeniz gerekecektir. Daha fazla ayrıntıya ihtiyacınız varsa, lütfen bir WordPress eklentisinin nasıl kurulacağına ilişkin kılavuzumuza bakın.
Bunu yaptıktan sonra, Zaman Çizelgesi Eklentileri menüsünü veya blok düzenleyiciyi kullanarak zaman çizelgenizi oluşturabilirsiniz. Doğrudan belirli bir yönteme atlamayı tercih ediyorsanız, aşağıdaki bağlantıları kullanabilirsiniz.
- Yöntem 1. Zaman Çizelgesi Eklentileri menüsünü kullanarak yeniden kullanılabilir bir olay zaman çizelgesi oluşturma
- Yöntem 2. Zaman çizelgesi bloğunu kullanarak WordPress’te birden fazla etkinlik zaman çizelgesi oluşturma
Yöntem 1. Zaman Çizelgesi Eklentileri Menüsünü Kullanarak Yeniden Kullanılabilir Bir Olay Zaman Çizelgesi Oluşturma
Zaman Çizelgesi Eklentileri menüsü, WordPress kontrol panelinde her bir etkinliği ayrı ayrı oluşturabileceğiniz yeni bir bölümdür. Cool Timeline daha sonra tüm bu etkinlikleri WordPress blogunuzda veya web sitenizde göstermeye hazır bir zaman çizelgesine ekleyecektir.
İlk etkinliğinizi oluşturmak için Zaman Çizelgesi Eklentileri ” Yeni Hikaye Ekle’ye gidin. Daha sonra Başlık Ekle alanına yazarak bu etkinliğe bir başlık verebilirsiniz.
Ana düzenleyicide, devam edebilir ve zaman çizelgenizde göstermek istediğiniz tüm metni yazabilirsiniz. Bu genellikle etkinliğin bir açıklaması olacaktır.
Bunu yaptıktan sonra, ‘Öne çıkan görseli ayarla’ bağlantısına tıklamanın zamanı geldi.
Artık zaman çizelgenizde etkinliği temsil edecek görseli seçebilirsiniz. WordPress medya kütüphanesinden bir görsel seçmek için tıklayabilir ya da bilgisayarınızdan yeni bir görsel dosyası yükleyebilirsiniz.
Zaman çizelgeniz için profesyonelce tasarlanmış görseller oluşturma konusunda yardıma ihtiyacınız varsa, en iyi web tasarım yazılımı uzman seçimimizi görebilirsiniz.
Ardından, Zaman Çizelgesi Hikaye Ayarları bölümüne gidin. Burada, ‘Hikaye Tarihi / Yılı’ alanına tıklayın. Artık olayın gerçekleştiği saat ve tarihi seçmek için takvim açılır penceresini kullanabilirsiniz.
Ayrıca etkinlik için ‘Tam’ veya ‘Küçük’ resim arasında seçim yapabilirsiniz.
Aşağıdaki resimde bir ‘Tam’ görüntü örneği görebilirsiniz.
Daha büyük görseller ziyaretçinin dikkatini zaman çizelgesindeki en önemli olaylara çekecektir. Ancak, ‘Tam’ görüntüler daha fazla yer kaplar.
Aşağıdaki görüntüde aynı olay gösterilmektedir, ancak bu kez bunun yerine ‘Küçük’ bir görüntü bulunmaktadır.
Zaman çizelgenize çok sayıda farklı etkinlik eklemek istiyorsanız, ‘Küçük’ ayarını kullanmak isteyebilirsiniz.
Bu, zaman çizelgenizin dağınık görünmesini engelleyebilir.
Bu değişiklikleri yaptıktan sonra sayfanın en üstüne gidin ve ‘Yayınla’ düğmesine tıklayın.
Artık daha fazla etkinlik oluşturmak için bu adımları tekrarlayabilirsiniz.
Şimdiye kadar oluşturduğunuz tüm etkinlikleri görmek ister misiniz? O zaman Zaman Tüneli Eklentileri ” Harika Zaman Tüneli Hikayeleri‘ne gidin.
Tüm etkinliklerinizi oluşturduktan sonra, bir sonraki adım zaman çizelgesinin web sitenizde nasıl görüneceğini özelleştirmektir. Bunu yapmak için Zaman Çizelgesi Eklentileri ” Zaman Çizelgesi Ayarları‘na gidin.
Başlamak için ‘Genel Ayarlar’ sekmesinin seçili olduğundan emin olun.
‘Zaman Çizelgesi Başlığı’ kısmına zaman çizelgenizin üzerinde görünecek başlığı yazabilirsiniz.
Cool Timeline, zaman çizelgenizin üzerinde şirket logonuz gibi bir görüntü de gösterebilir. Bu, markanızı güçlendirmeye yardımcı olabilir ve ziyaretçilerin zaman çizelgesinin ne gösterdiğini bilmelerini sağlayabilir.
Bu isteğe bağlı resmi eklemek için ‘Yükle’ düğmesine tıklayın.
Artık WordPress medya kitaplığınızdan bir görsel seçebilir veya bilgisayarınızdan yeni bir dosya yükleyebilirsiniz.
Bir zaman çizelgesine çok sayıda metin eklerseniz, dağınık ve itici görünmeye başlayabilir.
Bunu göz önünde bulundurarak, zaman çizelgesinde gösterilecek maksimum kelime sayısını belirlemek isteyebilirsiniz. Daha sonra etkinlik hakkında daha fazla bilgi edinmek isteyen ziyaretçiler için bir ‘Daha Fazla Oku’ bağlantısı ekleyebilirsiniz.
Maksimum kelime sınırı belirlemek için İçerik Uzunluğu alanına bir sayı yazmanız yeterlidir.
Bir sınır belirlerseniz, zaman çizelgenize ‘Devamını Oku’ bağlantıları eklemek iyi bir fikirdir. Cool Timeline daha sonra bu bağlantıyı kelime sınırınızdan daha büyük olan tüm açıklamalara ekleyecektir.
Bu bağlantıyı eklemek için “Daha fazla oku?” bölümünü bulun. Ardından ‘Evet’ düğmesine tıklayın.
Artık ‘Devamını Oku’ bağlantısına tıkladığınızda metninizin geri kalanının aynı sekmede mi yoksa yeni bir tarayıcı sekmesinde mi gösterileceğine karar verebilirsiniz. Bu seçimi yapmak için ‘Aynı Sekme’ veya ‘Yeni Sekme’ radyo düğmelerinden birine tıklamanız yeterlidir.
Varsayılan olarak, zaman çizelgesi her olayın gerçekleştiği yılı gösterecektir. Ancak, bu bilgiyi her zaman göstermeniz gerekmeyebilir, örneğin tüm olaylar aynı yıl gerçekleşmişse.
Yıl etiketini gizlemek için ‘Yıl Etiketi’ kaydırıcısına tıklayarak ‘Göster’den ‘Gizle’ye çevirmeniz yeterlidir.
Varsayılan olarak, zaman çizelgenizdeki ilk olay zaman çizelgesinin dikey çizgisinin sağ tarafında görünecektir.
Bunun yerine bu olayı zaman çizelgesinin sol tarafında mı göstermek istiyorsunuz? O zaman ‘Dikey Zaman Çizelgesi Hikayeleri Şuradan Başlar’ın yanındaki ‘Sol’ düğmesine tıklamanız yeterlidir.
Yaptığınız değişikliklerden memnun olduğunuzda, değişikliklerinizi kaydetmek için Kaydet düğmesine tıklayın.
Ardından, ‘Stil Ayarları’ sekmesine tıklayın.
Varsayılan olarak, zaman çizelgesinin arka planı yoktur.
İsterseniz, Zaman Çizelgesi Arka Planı kaydırıcısına tıklayıp ‘Hayır’dan ‘Evet’e çevirerek zaman çizelgenize renkli bir arka plan ekleyebilirsiniz.
Ardından, devam edin ve ‘Hikaye arka plan rengi’nin yanındaki düğmeye tıklayın.
Artık renk seçici ayarlarını kullanarak bir arka plan rengi seçebilirsiniz.
Bu ekranda ayrıca dikey çizgi ve etkinlik başlıkları da dahil olmak üzere zaman çizelgenizin tüm farklı bölümleri için benzer renk ayarları vardır.
Bu varsayılan renklerden herhangi birini değiştirmek için, bölümün düğmesine tıklamanız ve ardından görünen renk seçiciyi kullanmanız yeterlidir.
Yaptığınız değişikliklerden memnun olduğunuzda, Kaydet düğmesine tıklamayı unutmayın.
Ardından, Tipografi Ayarları sekmesine tıklayın. Burada, zaman çizelgenizdeki zaman çizelgesi başlığı ve hikaye başlığı gibi farklı içerikler için kullanılan boyutu ve yazı tipini değiştirebilirsiniz.
Varsayılan tipografi ayarlarını değiştirirseniz, Kaydet düğmesine tıklayarak değişikliklerinizi kaydetmeyi unutmayın.
Zaman çizelgesini özelleştirmeyi tamamladığınızda, web sitenize eklemeye hazırsınız demektir.
Zaman akışını göstermek istediğiniz sayfayı veya gönderiyi açmanız ve ardından devam edip + düğmesine tıklamanız yeterlidir.
Şimdi, ‘Cool Timeline’ yazın. Bu eklentinin birkaç farklı bloğu vardır, bu nedenle ‘Cool Timeline Shortcode Block’a tıkladığınızdan emin olun.
Artık sayfanızı normal şekilde güncelleyebilir veya yayınlayabilirsiniz.
Şimdi, web sitenizi ziyaret ederseniz zaman çizelgesini canlı olarak göreceksiniz.
Yöntem 2. Zaman Çizelgesi Bloğunu Kullanarak WordPress’te Birden Fazla Etkinlik Zaman Çizelgesi Oluşturma
Ayrıca blok düzenleyiciyi ve ‘Cool Timeline Block’u kullanarak WordPress’te güzel bir etkinlik zaman çizelgesi oluşturabilirsiniz.
Bu blokta çok sayıda yer tutucu içerik bulunmaktadır. Zaman çizelgenizi oluşturmak için her bir yer tutucuyu kendi metin ve görsellerinizle değiştirmeniz yeterlidir. Bu şekilde, zaman çizelgenizi daha görsel bir şekilde oluşturursunuz.
Başlamak için, zaman akışı eklemek istediğiniz sayfayı veya gönderiyi açmanız yeterlidir.
Daha sonra + simgesine tıklayabilir ve ‘Cool Timeline Block’ yazabilirsiniz. Bu blok göründüğünde, sayfaya veya gönderiye eklemek için tıklayın.
Cool Timeline bloğunda dört yer tutucu olay vardır.
Başlamak için zaman çizelgesindeki ilk etkinliğe tıklayın. Sağ taraftaki menüde, ‘Hikaye Başlığı’ yer tutucusunu bu olay için kullanmak istediğiniz başlıkla değiştirin.
Ardından, ‘Öykü Açıklaması’ alanına bir açıklama yazın.
Bundan sonra, ‘Birincil Etiket (Tarih/Adımlar)’ alanını bulun. Burada, devam edin ve bu olayın gerçekleştiği tarihi yazın.
Varsayılan olarak, Cool Timeline bloğu ilk olayı zaman çizelgesinin sağ tarafında gösterir.
Tercih ederseniz, ‘Sol’ radyo düğmesine tıklayarak olayı dikey çizginin sol tarafında gösterebilirsiniz.
Cool Timeline bloğunda her etkinlik için bir yer tutucu resim bulunur. Bu yer tutucuyu kendi görselinizle değiştirmek için ‘Kaldır’ düğmesine tıklamanız yeterlidir.
Bunu yaptıktan sonra, ‘Resim Yükle/Seç’ düğmesine tıklayın.
Daha sonra WordPress medya kütüphanesinden bir görsel seçebilir veya bilgisayarınızdan yeni bir dosya yükleyebilirsiniz.
Havalı Zaman Çizelgesi Bloğu varsayılan olarak her bir görseli tam boyutunda gösterecektir. Bunun yerine daha küçük bir görüntü göstermek istiyorsanız, ‘Görüntü Boyutu’ açılır menüsünü açın ve ‘Orta’ veya ‘Küçük Resim’ seçeneklerinden birini seçin.
Farklı görsel boyutlarına tıkladığınız anda blok yeni görseli gösterecek şekilde güncellenecektir. Bu, web sitenizde hangisinin en iyi göründüğünü görmek için farklı boyutları denemenize olanak tanır.
Varsayılan olarak, zaman çizelgesi dikey çizgi üzerindeki her olayı bir nokta kullanarak işaretler. Bu düz noktayı özel bir simgeyle değiştirmek isteyebilirsiniz. Örneğin, farklı olay türleri için farklı simgeler kullanabilirsiniz.
Zaman akışınız için kullanabileceğiniz farklı özel simgelere göz atmak için ‘Özel (Font Awesome Simgesi)’ seçeneğine tıklamanız yeterlidir.
Ardından, ok simgesine tıklayın. Artık tüm farklı simgeler arasında gezinebilirsiniz.
Bu etkinlik için kullanmak istediğiniz bir simge bulduğunuzda, ona bir tıklama yapmanız yeterlidir.
Şimdi yukarıda açıklanan aynı süreci izleyerek yer tutucu olayların geri kalanını özelleştirebilirsiniz.
Zaman çizelgesine daha fazla olay eklemek istiyorsanız, devam edin ve ‘Hikaye Ekle’ simgesine tıklayın.
Bu, özelleştirmeniz için hazır olan yeni bir yer tutucu olay ekler.
Zaman çizelgesinin görünümünden memnun olduğunuzda, sayfayı normal şekilde güncelleyebilir veya yayınlayabilirsiniz. Web sitenizi ziyaret ederseniz artık zaman çizelgesini canlı olarak görürsünüz.
Bu makalenin WordPress web sitenize nasıl güzel bir etkinlik zaman çizelgesi ekleyeceğinizi öğrenmenize yardımcı olduğunu umuyoruz. WordPress sitenizin ziyaretçilerini nasıl takip edeceğinize ve küçük işletmeler için en iyi iş telefonu hizmetlerine ilişkin kılavuzumuza da göz atmak isteyebilirsiniz.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Gunjan says
Can you use create different timelines. For example, I want one to show my paid job and another with my Volunteering positions.
WPBeginner Support says
The pro version of the plugin allows multiple timelines.
Yönetici
NICHOLAS AMOL GOMES says
Thank you for given me best plugins
WPBeginner Support says
Glad our recommendations are helpful
Yönetici
Sunday Adeniran says
I got it like A B C. I was looking for cool timeline by searching for it in wpbeginners when I saw the express timeline.
Many thanks wpbeginners.
WPBeginner Support says
Glad our recommendation could help
Yönetici
Thomas says
I’m not sure if my first question has got lost, so i try again.
Any chance to include, to put older, already existing postings in the timeline?
I’ve got several postings that belong to historical information back to the beginning of 1900 and i want to connect it so that customers use the timeline functions to see what happend here 100 years ago.
WPBeginner Support says
Hi Thomas,
You can create announcements with matching dates and then add the text you want to show in the timeline.
Yönetici
Syed says
Hi . is it possible to change “Readmore” to have some other name like “Open to know more”
Jocelyn Edwards says
Hi, just wondering if there is a way to change the settings on this plugin so that the dates can be displayed according to year (i.e. 2007) rather than a specific date of the year (July 17, 2007) Thanks.
Jan says
Is there a similar plugin that can provide a sites member activity information as a timeline? I mean, to the member themselves, in their personal dashboard for example?
bob says
I cannot download it. I went through all of the steps, but I cant find the add plugin section. So I need a different version of wordpress?
WPBeginner Support says
Hi Bob,
You are probably using WordPress.com. Please see our guide on the difference between self hosted WordPress.org vs free WordPress.com blog.
Yönetici
Mariana Cubillos says
Having trouble with the icons because every time I add a new post they don’t correspond to the post and go the opposite way. Is there anyway to make icons change respectively to the post? For example, if on one post there is an arrow to the right, as soon as I publish a new post the post moves to the left but the corresponding arrow stays to the right. How do I fix that?
Adam says
Sorry doesnt work
a) cant put a date further back than 2007 – it’s a timeline !
b) dropdown for icon annoucement doesnt drop down
Waste of time
Ron says
Sucks! Wasted time installing. Instructions are poor. Announcements? How about posts?
Sidhesh Halarnkar says
Sir
I want to Create a website for an Research Department and its layout is as follow :
1)They are having main slider which goes across the home page.
3)After slider they are having about us section
2)after about us they are having two section basically they are News and Events in the Same Row with Scrolling Effects.
Im , finding very hard to create these two section at homepage do you have any suggestion’s for doing so then please tell me sir.
Waiting for your Response
Thanks and Regards,
Sidhesh Halarnkar
Owais Ali says
How can I remove the announcement date in my post ?.
Evan Herman says
Hi Owais,
You can easily hide the dates using the settings page. Head into ‘Timeline Express > Settings’ and toggle off the date visibility.
If you are still having issues, please see our documentation:
Evan
Lindsey @ Hut Marketing says
Have you noticed that the images are not responsive? On my phone they look squished…
I’m about to just load a series of images instead of messing with a timeline lol
John Morken says
I have six announcements posted. When you press the read more button, I get the additional text ok but then a big list below that of all the pages and more on my website. Also, the video (and image) from the first announcement migrates to the other announcements that are only videos and replaces them.
Chris says
Hi there! The plugin is not working correctly. When you set up the announcements and post them to the page they are not displayed ok if you remove the “read more” option. Event icons are one over another and the text boxes have no space between them. The top one end just over the heading of the next one.
When you turn on the read more option the whole mess is fixed but not everyone wants to have the read more button
WPBeginner Support says
Please try the plugin with a default theme and see if it still misbehaves. If it does not, then this means that your theme’s CSS is conflicting with the plugin’s CSS.
Yönetici
Andrew Hansen says
This is awesome. I’m working on a novel and this will be great once I start blogging about my fiction writing. I’ll be able to use this to lay out my plot after my novel is published (hopefully lol), so peopl can review the order of events in any easily understandable format.