Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress’te Güzel Etkinlik Zaman Çizelgeleri Nasıl Eklenir

Editoryal Not: WPBeginner üzerindeki ortak bağlantılardan komisyon kazanıyoruz. Komisyonlar, editörlerimizin görüşlerini veya değerlendirmelerini etkilemez. Editoryal Süreç hakkında daha fazla bilgi edinin.

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.

How to add beautiful event timeline in WordPress

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.

The Awesome Motive timeline

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.

Adding stories to your beautiful WordPress timeline

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.

Building a timeline in the block editor

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

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.

Adding a new event to your timeline

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.

Adding a description to an event timeline

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.

Setting a date and time for your event timeline

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.

A timeline image with the 'full' setting

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.

A timeline with a 'small' image

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.

Adding a beautiful event timeline to WordPress

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.

Different timeline events in the WordPress dashboard

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.

Customizing the event timeline for your WordPress website

‘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.

Uploading an image to your WordPress event timeline

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.

Setting content lengths for your WordPress event timeline

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.

The settings page for the Cool Timeline WordPress plugin

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.

Hiding the label for your event timeline

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.

Customizing the vertical timeline line

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.

The event timeline style settings

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.

Adding a background color to a WordPress event timeline

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.

Cool Timeline's color settings

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.

Changing the typography in an event timeline

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.

The Cooltime Shortcode Block for WordPress

Artık sayfanızı normal şekilde güncelleyebilir veya yayınlayabilirsiniz.

Şimdi, web sitenizi ziyaret ederseniz zaman çizelgesini canlı olarak göreceksiniz.

A beautiful event timeline created with WordPress

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.

Adding an event timeline to a page or post

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.

Building an event timeline in the block editor

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.

Adding a description and date to the WordPress block editor

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.

Changing where events appear in your timeline

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.

Adding an image to your WordPress timeline

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.

Customizing the images in your WordPress timeline

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.

Adding a custom icon

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.

Setting a custom font icon

Ş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.

Adding more stories

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.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

25 yorumBir Cevap Bırakın

  1. 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!

  2. Gunjan says

    Can you use create different timelines. For example, I want one to show my paid job and another with my Volunteering positions.

  3. 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.

  4. 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.

  5. 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.

  6. 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?

  7. 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?

  8. 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?

  9. 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

  10. 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

    • 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

  11. 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

  12. 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.

  13. 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 :)

  14. 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.

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.