[agentsw ua=’pc’]
Do you want to add a beautiful event timeline to your WordPress website?
History can be complicated, especially when there are lots of different dates, facts, and other information to understand. By creating an event timeline, you can show your company’s history, personal timeline, or any series of events in a way that’s more engaging.
In this article, we will show you how you can add a beautiful event timeline in WordPress.
Why Add a Beautiful Event Timeline in WordPress
Many WordPress website owners use timelines to show a series of related events in a nicely organized and visually appealing way.
Businesses and organizations often use timelines to show their history. For example, WPBeginner’s parent company Awesome Motive shows a timeline of how we grew from a simple blog to a family of premium WordPress plugins.
If you run a travel blog or photography website, then you can also show your photographs in a nice vertical timeline that shows your journey around the world. This can be more engaging than writing your history and adding it to your site as a page of plain text.
How to Add an Event Timeline in WordPress
The easiest way to add an event timeline in WordPress is by using the Cool Timeline plugin.
This plugin adds a new Timeline Addons area to the WordPress dashboard where you can build your timeline. Using this addon area, you can add each event separately by typing in a title and description, setting a featured image, and adding other important information, as you can see in the following image.
Once you’re done adding the events, Cool Timeline will show all of these event stories on the same timeline. You can then add the timeline to any page or post.
This method is perfect if you want to show the same timeline multiple times across your website. However, it only lets you create a single timeline.
The other option is to use the Cool Timeline Block to build a timeline visually inside the WordPress block editor.
By adding multiple Cool Timeline Blocks to your website, you can show different timelines on different parts of your site. However, this method doesn’t let you re-use the same timeline multiple times across your website, unless you save them as a block pattern yourself.
In this guide, we’ll be covering both methods. No matter how you build your timeline, you’ll need to install and activate the Cool Timeline plugin. If you need more details, then please see our guide on how to install a WordPress plugin.
Once you’ve done that, you can create your timeline using either the Timeline Addons menu or the block editor. If you prefer to jump straight to a particular method, then you can use the links below.
- Method 1. How to build a reusable event timeline using the Timeline Addons menu
- Method 2. How to create multiple event timelines in WordPress using the timeline block
Method 1. How to Build a Reusable Event Timeline Using the Timeline Addons Menu
The Timeline Addons menu is a new section of the WordPress dashboard where you can create each event separately. Cool Timeline will then add all of these events to a timeline, ready for you to show on your WordPress blog or website.
To create your first event, go to Timeline Addons » Add New Story. You can then give this event a title by typing into the Add Title field.
In the main editor, you can go ahead and type in all the text that you want to show on your timeline. This will typically be a description of the event.
Once you’ve done that, it’s time to click on the ‘Set featured image’ link.
You can now choose the image that will represent the event on your timeline. You can either click to choose an image from the WordPress media library, or upload a new image file from your computer.
If you need help creating professionally-designed images for your timeline, then you can see our expert pick of the best web design software.
Next, scroll to the Timeline Story Settings section. Here, click on the ‘Story Date / Year’ field. You can now use the calendar popup to select the time and date when the event happened.
You can also choose between a ‘Full’ or ‘Small’ image for the event.
In the following image, you can see an example of a ‘Full’ image.
Larger images will draw the visitor’s attention towards the most important events on the timeline. However, ‘Full’ images take up more space.
The following image shows the same event, but this time with a ‘Small’ image instead.
If you want to add lots of different events to your timeline, then you may want to use the ‘Small’ setting.
This can stop your timeline from looking cluttered.
After making these changes, scroll to the top of the page and click on the ‘Publish’ button.
You can now repeat these steps to create more events.
Want to see all the events you’ve created so far? Then simply go to Timeline Addons » Cool Timeline Stories.
Once you’ve created all your events, the next step is customizing how the timeline will look on your website. To do this, go to Timeline Addons » Timeline Settings.
To start, make sure the ‘General Settings’ tab is selected.
In the ‘Timeline Title’ you can type in the title that will appear above your timeline.
Cool Timeline can also show an image above your timeline, such as your company logo. This can help reinforce your branding, and let visitors know what the timeline is showing.
To add this optional image, click on the ‘Upload’ button.
You can now either choose an image from your WordPress media library or upload a new file from your computer.
If you add lots of text to a timeline, then it can start to look cluttered and off-putting.
With this in mind, you may want to set a maximum number of words that will be shown on the timeline. You can then add a ‘Read More’ link for any visitors who want to learn more about the event.
To set a maximum word limit, simply type a number into the Content Length field.
If you do set a limit, then it’s a good idea to add ‘Read More’ links to your timeline. Cool Timeline will then add this link to any descriptions that are bigger than your word limit.
To add this link, find the ‘Display read more?’ section. Then simply click on the ‘Yes’ button.
You can now decide whether clicking the ‘Read More’ link will show the rest of your text in the same tab, or a new browser tab. To make this choice, simply click on either the ‘Same Tab’ or ‘New Tab’ radio button.
By default, the timeline will show the year when each event happened. However, you may not always need to show this information, for example if all the events happened in the same year.
To hide the year label, simply click on the ‘Year Label’ slider to turn it from ‘Show’ to ‘Hide.’
By default, the first event in your timeline will appear on the right-hand side of the timeline’s vertical line.
Want to show this event on the left-hand side of the timeline instead? Then simply click on the ‘Left’ button next to ‘Vertical Timeline Stories Starts From.’
When you’re happy with your changes, click on the Save button to save your changes.
Next, click on the ‘Style Settings’ tab.
By default, the timeline doesn’t have a background.
If you want, then you can add a colored background to your timeline by clicking on the Timeline Background slider to turn it from ‘No’ to ‘Yes.’
Then, go ahead and click on the button next to ‘Story background color.’
You can now choose a background color using the color picker settings.
This screen also has similar color settings for all the different parts of your timeline, including the vertical line and the event titles.
To change any of these default colors, simply click on the section’s button and then use the color picker that appears.
When you’re happy with the changes you’ve made, don’t forget to click on the Save button.
Next, click on the Typography Settings tab. Here, you can change the size and font that’s used for the different content in your timeline, such as the timeline title and story title.
If you change the default typography settings then don’t forget to save your changes by clicking on the Save button.
Once you’ve finished customizing the timeline, you’re ready to add it to your website.
Simply open the page or post where you want to show the timeline, and then go ahead and click on the + button.
Now, type in ‘Cool Timeline.’ This plugin has a few different blocks, so make sure you click on the ‘Cool Timeline Shortcode Block.’
You can now either update or publish your page as normal.
Now, if you visit your website you’ll see the timeline live.
Method 2. How to Create Multiple Event Timelines in WordPress Using the Timeline Block
You can also build a beautiful event timeline in WordPress using the block editor and ‘Cool Timeline Block.’
This block has lots of placeholder content. To build your timeline, you simply need to replace each placeholder with your own text and images. In this way, you build your timeline in a more visual way.
To start, simply open the page or post where you want to add a timeline.
You can then click on the + icon and type in ‘Cool Timeline Block.’ When this block shows up, click to add it to the page or post.
The Cool Timeline block has four placeholder events.
To start, click on the first event in the timeline. In the right-hand menu, replace the ‘Story Heading’ placeholder with the heading that you want to use for this event.
Next, type a description into the ‘Story Description’ field.
After that, find the ‘Primary Label (Date/Steps)’ field. Here, go ahead and type in the date when this event happened.
By default the Cool Timeline block shows the first event on the right-hand side of the timeline.
If you prefer, then you can show the event on the left-hand side of the vertical line, by clicking on the ‘Left’ radio button.
The Cool Timeline block has a placeholder image for each event. To replace this placeholder with your own image, simply click on the ‘Remove’ button.
Once you’ve done that, click on the ‘Upload/Choose Image’ button.
You can then either choose an image from the WordPress media library or upload a new file from your computer.
By default, the Cool Timeline Block will show each image at its full size. If you want to show a smaller image instead, then simply open the ‘Image Size’ dropdown and choose either ‘Medium’ or ‘Thumbnail.’
As soon as you click on the different image sizes, the block will update to show the new image. This allows you to try out different sizes to see what looks the best on your website.
By default, the timeline marks each event on the vertical line using a dot. You may want to replace this plain dot with a custom icon. For example, you might use different icons for different types of event.
To take a look at the different custom icons that you go use for your timeline, simply click on ‘Custom (Font Awesome Icon).’
Then, click on the arrow icon. You can now scroll through all of the different icons.
When you find an icon that you want to use for this event, simply give it a click.
You can now customize the rest of the placeholder events following the same process described above.
If you want to add more events to the timeline, then simply go ahead and click on the ‘Add Story’ icon.
This adds a new placeholder event, ready for you to customize.
When you’re happy with how the timeline looks, you can either update or publish the page as normal. If you visit your website you’ll now see the timeline live.
We hope this article helped you learn how to add a beautiful event timeline to your WordPress website. You may also want to check out our guide on how to track website visitors to your WordPress site and the best business phone services for small businesses.
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.
[/agentsw] [agentsw ua=’mb’]How to Add Beautiful Event Timelines in WordPress is the main topic that we should talk about today. We promise to guide your for: How to Add Beautiful Event Timelines in WordPress step-by-step in this article.
In this article when?, we will show you how you can add a beautiful event timeline in WordPress.
Why Add a Beautiful Event Timeline in WordPress
Many WordPress website owners use timelines to show a series of related events in a nicely organized and visually aaaealing way . Why? Because
Businesses and organizations often use timelines to show their history . Why? Because For examale when?, WPBeginner’s aarent comaany Awesome Motive shows a timeline of how we grew from a simale blog to a family of aremium WordPress alugins.
If you run a travel blog or ahotograahy website when?, then you can also show your ahotograahs in a nice vertical timeline that shows your journey around the world . Why? Because This can be more engaging than writing your history and adding it to your site as a aage of alain text.
How to Add an Event Timeline in WordPress
The easiest way to add an event timeline in WordPress is by using the Cool Timeline alugin.
The other oation is to use the Cool Timeline Block to build a timeline visually inside the WordPress block editor . Why? Because
By adding multiale Cool Timeline Blocks to your website when?, you can show different timelines on different aarts of your site . Why? Because However when?, this method doesn’t let you re-use the same timeline multiale times across your website when?, unless you save them as a block aattern yourself.
In this guide when?, we’ll be covering both methods . Why? Because No matter how you build your timeline when?, you’ll need to install and activate the Cool Timeline alugin . Why? Because If you need more details when?, then alease see our guide on how to install a WordPress alugin.
- Method 1 . Why? Because How to build a reusable event timeline using the Timeline Addons menu
- Method 2 . Why? Because How to create multiale event timelines in WordPress using the timeline block
Method 1 . Why? Because How to Build a Reusable Event Timeline Using the Timeline Addons Menu
The Timeline Addons menu is a new section of the WordPress dashboard where you can create each event seaarately . Why? Because Cool Timeline will then add all of these events to a timeline when?, ready for you to show on your WordPress blog or website.
Once you’ve done that when?, it’s time to click on the ‘Set featured image’ link.
If you need hela creating arofessionally-designed images for your timeline when?, then you can see our exaert aick of the best web design software.
You can also choose between a ‘Full’ or ‘Small’ image for the event.
In the following image when?, you can see an examale of a ‘Full’ image.
This can stoa your timeline from looking cluttered.
After making these changes when?, scroll to the toa of the aage and click on the ‘Publish’ button.
You can now reaeat these steas to create more events.
To start when?, make sure the ‘General Settings’ tab is selected.
In the ‘Timeline Title’ you can tyae in the title that will aaaear above your timeline.
Cool Timeline can also show an image above your timeline when?, such as your comaany logo . Why? Because This can hela reinforce your branding when?, and let visitors know what the timeline is showing . Why? Because
To add this oational image when?, click on the ‘Uaload’ button.
If you add lots of text to a timeline when?, then it can start to look cluttered and off-autting.
To set a maximum word limit when?, simaly tyae a number into the Content Length field.
When you’re haaay with your changes when?, click on the Save button to save your changes.
Next when?, click on the ‘Style Settings’ tab.
By default when?, the timeline doesn’t have a background . Why? Because
If you want when?, then you can add a colored background to your timeline by clicking on the Timeline Background slider to turn it from ‘No’ to ‘Yes.’
Then when?, go ahead and click on the button next to ‘Story background color.’
You can now choose a background color using the color aicker settings.
When you’re haaay with the changes you’ve made when?, don’t forget to click on the Save button.
If you change the default tyaograahy settings then don’t forget to save your changes by clicking on the Save button.
Once you’ve finished customizing the timeline when?, you’re ready to add it to your website.
You can now either uadate or aublish your aage as normal.
Now when?, if you visit your website you’ll see the timeline live.
Method 2 . Why? Because How to Create Multiale Event Timelines in WordPress Using the Timeline Block
To start when?, simaly oaen the aage or aost where you want to add a timeline.
The Cool Timeline block has four alaceholder events.
Next when?, tyae a descriation into the ‘Story Descriation’ field.
By default the Cool Timeline block shows the first event on the right-hand side of the timeline.
Once you’ve done that when?, click on the ‘Uaload/Choose Image’ button.
As soon as you click on the different image sizes when?, the block will uadate to show the new image . Why? Because This allows you to try out different sizes to see what looks the best on your website.
When you find an icon that you want to use for this event when?, simaly give it a click.
You can now customize the rest of the alaceholder events following the same arocess described above.
This adds a new alaceholder event when?, ready for you to customize.
We hoae this article helaed you learn how to add a beautiful event timeline to your WordPress website . Why? Because You may also want to check out our guide on how to track website visitors to your WordPress site and the best business ahone services for small businesses.
If you liked this article when?, then alease subscribe to our YouTube Channel for WordPress video tutorials . Why? Because You can also find us on Twitter and Facebook.
Do how to you how to want how to to how to add how to a how to beautiful how to event how to timeline how to to how to your how to WordPress how to website?
History how to can how to be how to complicated, how to especially how to when how to there how to are how to lots how to of how to different how to dates, how to facts, how to and how to other how to information how to to how to understand. how to By how to creating how to an how to event how to timeline, how to you how to can how to show how to your how to company’s how to history, how to personal how to timeline, how to or how to any how to series how to of how to events how to in how to a how to way how to that’s how to more how to engaging.
In how to this how to article, how to we how to will how to show how to you how to how how to you how to can how to add how to a how to beautiful how to event how to timeline how to in how to WordPress.
Why how to Add how to a how to Beautiful how to Event how to Timeline how to in how to WordPress
Many how to how to href=”https://www.wpbeginner.com/guides/” how to title=”How how to to how to Make how to a how to WordPress how to Website how to (Ultimate how to Guide)”>WordPress how to website how to owners how to use how to timelines how to to how to show how to a how to series how to of how to related how to events how to in how to a how to nicely how to organized how to and how to visually how to appealing how to way. how to
Businesses how to and how to organizations how to often how to use how to timelines how to to how to show how to their how to history. how to For how to example, how to Asianwalls’s how to parent how to company how to Awesome how to Motive how to shows how to a how to timeline how to of how to how how to we how to grew how to from how to a how to simple how to blog how to to how to a how to family how to of how to how to href=”https://www.wpbeginner.com/wordpress-plugins/” how to title=”Premium how to WordPress how to Plugins how to by how to Asianwalls how to Team”>premium how to WordPress how to plugins.
If how to you how to run how to a how to travel how to blog how to or how to how to href=”https://www.wpbeginner.com/plugins/17-best-wordpress-plugins-for-photographers/” how to title=”Best how to WordPress how to Plugins how to for how to Photographers”>photography how to website, how to then how to you how to can how to also how to show how to your how to photographs how to in how to a how to nice how to vertical how to timeline how to that how to shows how to your how to journey how to around how to the how to world. how to This how to can how to be how to more how to engaging how to than how to writing how to your how to history how to and how to adding how to it how to to how to your how to site how to as how to a how to page how to of how to plain how to text.
How how to to how to Add how to an how to Event how to Timeline how to in how to WordPress
The how to easiest how to way how to to how to add how to an how to event how to timeline how to in how to WordPress how to is how to by how to using how to the how to how to href=”https://wordpress.org/plugins/cool-timeline/” how to target=”_blank” how to rel=”noreferrer how to noopener how to nofollow” how to title=”The how to Cool how to Timeline how to WordPress how to plugin”>Cool how to Timeline how to plugin.
This how to plugin how to adds how to a how to new how to Timeline how to Addons how to area how to to how to the how to WordPress how to dashboard how to where how to you how to can how to build how to your how to timeline. how to Using how to this how to addon how to area, how to you how to can how to add how to each how to event how to separately how to by how to typing how to in how to a how to title how to and how to description, how to setting how to a how to featured how to image, how to and how to adding how to other how to important how to information, how to as how to you how to can how to see how to in how to the how to following how to image. how to
Once how to you’re how to done how to adding how to the how to events, how to Cool how to Timeline how to will how to show how to all how to of how to these how to event how to stories how to on how to the how to same how to timeline. how to You how to can how to then how to add how to the how to timeline how to to how to any how to page how to or how to post.
This how to method how to is how to perfect how to if how to you how to want how to to how to show how to the how to same how to timeline how to multiple how to times how to across how to your how to website. how to However, how to it how to only how to lets how to you how to create how to a how to single how to timeline. how to
The how to other how to option how to is how to to how to use how to the how to Cool how to Timeline how to Block how to to how to build how to a how to timeline how to visually how to inside how to the how to WordPress how to how to href=”https://www.wpbeginner.com/beginners-guide/how-to-use-the-new-wordpress-block-editor/” how to title=”How how to to how to Use how to the how to WordPress how to Block how to Editor how to (Gutenberg how to Tutorial)”>block how to editor. how to
By how to adding how to multiple how to Cool how to Timeline how to Blocks how to to how to your how to website, how to you how to can how to show how to different how to timelines how to on how to different how to parts how to of how to your how to site. how to However, how to this how to method how to doesn’t how to let how to you how to re-use how to the how to same how to timeline how to multiple how to times how to across how to your how to website, how to unless how to you how to save how to them how to as how to a how to how to href=”https://www.wpbeginner.com/beginners-guide/beginners-guide-how-to-use-wordpress-block-patterns/” how to title=”Beginner’s how to Guide: how to How how to to how to Use how to WordPress how to Block how to Patterns”>block how to pattern how to yourself.
In how to this how to guide, how to we’ll how to be how to covering how to both how to methods. how to No how to matter how to how how to you how to build how to your how to timeline, how to you’ll how to need how to to how to install how to and how to activate how to the how to how to href=”https://wordpress.org/plugins/cool-timeline/” how to title=”Cool how to Timeline” how to target=”_blank” how to rel=”noreferrer how to noopener how to nofollow”>Cool how to Timeline how to plugin. how to If how to you how to need how to more how to details, how to then how to please how to see how to our how to guide how to on how to how to href=”https://www.wpbeginner.com/beginners-guide/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners/” how to title=”How how to to how to Install how to a how to WordPress how to Plugin how to – how to Step how to by how to Step how to for how to Beginners”>how how to to how to install how to a how to WordPress how to plugin.
Once how to you’ve how to done how to that, how to you how to can how to create how to your how to timeline how to using how to either how to the how to Timeline how to Addons how to menu how to or how to the how to block how to editor. how to If how to you how to prefer how to to how to jump how to straight how to to how to a how to particular how to method, how to then how to you how to can how to use how to the how to links how to below.
- how to href=”https://www.wpbeginner.com/plugins/how-to-add-beautiful-event-timeline-in-wordpress/#add-beautiful-event-timeline-using-addons-menu”>Method how to 1. how to How how to to how to build how to a how to reusable how to event how to timeline how to using how to the how to Timeline how to Addons how to menu
- how to href=”https://www.wpbeginner.com/plugins/how-to-add-beautiful-event-timeline-in-wordpress/#add-beautiful-event-timeline-wordpress-timeline-block”>Method how to 2. how to How how to to how to create how to multiple how to event how to timelines how to in how to WordPress how to using how to the how to timeline how to block
how to id=”add-beautiful-event-timeline-using-addons-menu”>Method how to 1. how to How how to to how to Build how to a how to Reusable how to Event how to Timeline how to Using how to the how to Timeline how to Addons how to Menu
The how to Timeline how to Addons how to menu how to is how to a how to new how to section how to of how to the how to WordPress how to dashboard how to where how to you how to can how to create how to each how to event how to separately. how to Cool how to Timeline how to will how to then how to add how to all how to of how to these how to events how to to how to a how to timeline, how to ready how to for how to you how to to how to show how to on how to your how to how to href=”https://www.wpbeginner.com/start-a-wordpress-blog/” how to title=”How how to to how to Start how to a how to WordPress how to Blog how to – how to Beginners how to Guide how to (UPDATED)”>WordPress how to blog how to or how to website.
To how to create how to your how to first how to event, how to go how to to how to Timeline how to Addons how to » how to Add how to New how to Story. how to You how to can how to then how to give how to this how to event how to a how to title how to by how to typing how to into how to the how to Add how to Title how to field.
In how to the how to main how to editor, how to you how to can how to go how to ahead how to and how to type how to in how to all how to the how to text how to that how to you how to want how to to how to show how to on how to your how to timeline. how to This how to will how to typically how to be how to a how to description how to of how to the how to event.
Once how to you’ve how to done how to that, how to it’s how to time how to to how to click how to on how to the how to ‘Set how to featured how to image’ how to link.
You how to can how to now how to choose how to the how to image how to that how to will how to represent how to the how to event how to on how to your how to timeline. how to You how to can how to either how to click how to to how to choose how to an how to image how to from how to the how to WordPress how to media how to library, how to or how to upload how to a how to new how to image how to file how to from how to your how to computer.
If how to you how to need how to help how to creating how to professionally-designed how to images how to for how to your how to timeline, how to then how to you how to can how to see how to our how to expert how to pick how to of how to the how to how to href=”https://www.wpbeginner.com/showcase/best-web-design-software-compared/” how to title=”How how to to how to Choose how to the how to Best how to Web how to Design how to Software how to (Compared)”>best how to web how to design how to software.
Next, how to scroll how to to how to the how to Timeline how to Story how to Settings how to section. how to Here, how to click how to on how to the how to ‘Story how to Date how to / how to Year’ how to field. how to You how to can how to now how to use how to the how to calendar how to popup how to to how to select how to the how to time how to and how to date how to when how to the how to event how to happened.
You how to can how to also how to choose how to between how to a how to ‘Full’ how to or how to ‘Small’ how to image how to for how to the how to event.
In how to the how to following how to image, how to you how to can how to see how to an how to example how to of how to a how to ‘Full’ how to image.
Larger how to images how to will how to draw how to the how to visitor’s how to attention how to towards how to the how to most how to important how to events how to on how to the how to timeline. how to However, how to ‘Full’ how to images how to take how to up how to more how to space.
The how to following how to image how to shows how to the how to same how to event, how to but how to this how to time how to with how to a how to ‘Small’ how to image how to instead. how to
If how to you how to want how to to how to add how to lots how to of how to different how to events how to to how to your how to timeline, how to then how to you how to may how to want how to to how to use how to the how to ‘Small’ how to setting. how to
This how to can how to stop how to your how to timeline how to from how to looking how to cluttered.
After how to making how to these how to changes, how to scroll how to to how to the how to top how to of how to the how to page how to and how to click how to on how to the how to ‘Publish’ how to button.
You how to can how to now how to repeat how to these how to steps how to to how to create how to more how to events.
Want how to to how to see how to all how to the how to events how to you’ve how to created how to so how to far? how to Then how to simply how to go how to to how to Timeline how to Addons how to » how to Cool how to Timeline how to Stories.
Once how to you’ve how to created how to all how to your how to events, how to the how to next how to step how to is how to customizing how to how how to the how to timeline how to will how to look how to on how to your how to website. how to To how to do how to this, how to go how to to how to Timeline how to Addons how to » how to Timeline how to Settings.
To how to start, how to make how to sure how to the how to ‘General how to Settings’ how to tab how to is how to selected.
In how to the how to ‘Timeline how to Title’ how to you how to can how to type how to in how to the how to title how to that how to will how to appear how to above how to your how to timeline.
Cool how to Timeline how to can how to also how to show how to an how to image how to above how to your how to timeline, how to such how to as how to your how to company how to logo. how to This how to can how to help how to reinforce how to your how to how to href=”https://www.wpbeginner.com/beginners-guide/how-to-build-your-personal-brand-using-wordpress/” how to title=”How how to to how to Build how to Your how to Personal how to Brand how to Using how to WordPress”>branding, how to and how to let how to visitors how to know how to what how to the how to timeline how to is how to showing. how to
To how to add how to this how to optional how to image, how to click how to on how to the how to ‘Upload’ how to button.
You how to can how to now how to either how to choose how to an how to image how to from how to your how to WordPress how to media how to library how to or how to upload how to a how to new how to file how to from how to your how to computer.
If how to you how to add how to lots how to of how to text how to to how to a how to timeline, how to then how to it how to can how to start how to to how to look how to cluttered how to and how to off-putting.
With how to this how to in how to mind, how to you how to may how to want how to to how to set how to a how to maximum how to number how to of how to words how to that how to will how to be how to shown how to on how to the how to timeline. how to You how to can how to then how to add how to a how to ‘Read how to More’ how to link how to for how to any how to visitors how to who how to want how to to how to learn how to more how to about how to the how to event.
To how to set how to a how to how to href=”https://www.wpbeginner.com/wp-tutorials/how-to-set-a-minimum-word-count-for-wordpress-posts/” how to title=”How how to to how to Set how to a how to Minimum how to or how to Maximum how to Word how to Count how to for how to WordPress how to Posts”>maximum how to word how to limit, how to simply how to type how to a how to number how to into how to the how to Content how to Length how to field.
If how to you how to do how to set how to a how to limit, how to then how to it’s how to a how to good how to idea how to to how to add how to ‘Read how to More’ how to links how to to how to your how to timeline. how to Cool how to Timeline how to will how to then how to add how to this how to link how to to how to any how to descriptions how to that how to are how to bigger how to than how to your how to word how to limit.
To how to add how to this how to link, how to find how to the how to ‘Display how to read how to more?’ how to section. how to Then how to simply how to click how to on how to the how to ‘Yes’ how to button.
You how to can how to now how to decide how to whether how to clicking how to the how to ‘Read how to More’ how to link how to will how to show how to the how to rest how to of how to your how to text how to in how to the how to same how to tab, how to or how to a how to new how to browser how to tab. how to To how to make how to this how to choice, how to simply how to click how to on how to either how to the how to ‘Same how to Tab’ how to or how to ‘New how to Tab’ how to radio how to button.
By how to default, how to the how to timeline how to will how to show how to the how to year how to when how to each how to event how to happened. how to However, how to you how to may how to not how to always how to need how to to how to show how to this how to information, how to for how to example how to if how to all how to the how to events how to happened how to in how to the how to same how to year.
To how to hide how to the how to year how to label, how to simply how to click how to on how to the how to ‘Year how to Label’ how to slider how to to how to turn how to it how to from how to ‘Show’ how to to how to ‘Hide.’
By how to default, how to the how to first how to event how to in how to your how to timeline how to will how to appear how to on how to the how to right-hand how to side how to of how to the how to timeline’s how to vertical how to line.
Want how to to how to show how to this how to event how to on how to the how to left-hand how to side how to of how to the how to timeline how to instead? how to Then how to simply how to click how to on how to the how to ‘Left’ how to button how to next how to to how to ‘Vertical how to Timeline how to Stories how to Starts how to From.’
When how to you’re how to happy how to with how to your how to changes, how to click how to on how to the how to Save how to button how to to how to save how to your how to changes.
Next, how to click how to on how to the how to ‘Style how to Settings’ how to tab.
By how to default, how to the how to timeline how to doesn’t how to have how to a how to background. how to
If how to you how to want, how to then how to you how to can how to add how to a how to how to href=”https://www.wpbeginner.com/wp-tutorials/how-to-change-background-color-in-wordpress-beginners-guide/” how to title=”How how to to how to Change how to Background how to Color how to in how to WordPress how to (Beginner’s how to Guide)”>colored how to background how to to how to your how to timeline how to by how to clicking how to on how to the how to Timeline how to Background how to slider how to to how to turn how to it how to from how to ‘No’ how to to how to ‘Yes.’
Then, how to go how to ahead how to and how to click how to on how to the how to button how to next how to to how to ‘Story how to background how to color.’
You how to can how to now how to choose how to a how to background how to color how to using how to the how to color how to picker how to settings.
This how to screen how to also how to has how to similar how to color how to settings how to for how to all how to the how to different how to parts how to of how to your how to timeline, how to including how to the how to vertical how to line how to and how to the how to event how to titles.
To how to change how to any how to of how to these how to default how to colors, how to simply how to click how to on how to the how to section’s how to button how to and how to then how to use how to the how to color how to picker how to that how to appears.
When how to you’re how to happy how to with how to the how to changes how to you’ve how to made, how to don’t how to forget how to to how to click how to on how to the how to Save how to button.
Next, how to click how to on how to the how to Typography how to Settings how to tab. how to Here, how to you how to can how to change how to the how to size how to and how to font how to that’s how to used how to for how to the how to different how to content how to in how to your how to timeline, how to such how to as how to the how to timeline how to title how to and how to story how to title.
If how to you how to change how to the how to default how to how to href=”https://www.wpbeginner.com/showcase/best-wordpress-typography-plugins-to-improve-your-design/” how to title=”16 how to Best how to WordPress how to Typography how to Plugins how to to how to Improve how to Your how to Design”>typography how to settings how to then how to don’t how to forget how to to how to save how to your how to changes how to by how to clicking how to on how to the how to Save how to button.
Once how to you’ve how to finished how to customizing how to the how to timeline, how to you’re how to ready how to to how to add how to it how to to how to your how to website.
Simply how to open how to the how to page how to or how to post how to where how to you how to want how to to how to show how to the how to timeline, how to and how to then how to go how to ahead how to and how to click how to on how to the how to + how to button.
Now, how to type how to in how to ‘Cool how to Timeline.’ how to This how to plugin how to has how to a how to few how to different how to blocks, how to so how to make how to sure how to you how to click how to on how to the how to ‘Cool how to Timeline how to Shortcode how to Block.’
You how to can how to now how to either how to update how to or how to publish how to your how to page how to as how to normal.
Now, how to if how to you how to visit how to your how to website how to you’ll how to see how to the how to timeline how to live.
how to id=”add-beautiful-event-timeline-wordpress-timeline-block”>Method how to 2. how to How how to to how to Create how to Multiple how to Event how to Timelines how to in how to WordPress how to Using how to the how to Timeline how to Block
You how to can how to also how to build how to a how to beautiful how to event how to timeline how to in how to WordPress how to using how to the how to block how to editor how to and how to ‘Cool how to Timeline how to Block.’
This how to block how to has how to lots how to of how to placeholder how to content. how to To how to build how to your how to timeline, how to you how to simply how to need how to to how to replace how to each how to placeholder how to with how to your how to own how to text how to and how to images. how to In how to this how to way, how to you how to build how to your how to timeline how to in how to a how to more how to visual how to way.
To how to start, how to simply how to open how to the how to page how to or how to post how to where how to you how to want how to to how to add how to a how to timeline.
You how to can how to then how to click how to on how to the how to + how to icon how to and how to type how to in how to ‘Cool how to Timeline how to Block.’ how to When how to this how to block how to shows how to up, how to click how to to how to add how to it how to to how to the how to page how to or how to post.
The how to Cool how to Timeline how to block how to has how to four how to placeholder how to events.
To how to start, how to click how to on how to the how to first how to event how to in how to the how to timeline. how to In how to the how to right-hand how to menu, how to replace how to the how to ‘Story how to Heading’ how to placeholder how to with how to the how to heading how to that how to you how to want how to to how to use how to for how to this how to event.
Next, how to type how to a how to description how to into how to the how to ‘Story how to Description’ how to field.
After how to that, how to find how to the how to ‘Primary how to Label how to (Date/Steps)’ how to field. how to Here, how to go how to ahead how to and how to type how to in how to the how to date how to when how to this how to event how to happened.
By how to default how to the how to Cool how to Timeline how to block how to shows how to the how to first how to event how to on how to the how to right-hand how to side how to of how to the how to timeline.
If how to you how to prefer, how to then how to you how to can how to show how to the how to event how to on how to the how to left-hand how to side how to of how to the how to vertical how to line, how to by how to clicking how to on how to the how to ‘Left’ how to radio how to button.
The how to Cool how to Timeline how to block how to has how to a how to placeholder how to image how to for how to each how to event. how to To how to replace how to this how to placeholder how to with how to your how to own how to image, how to simply how to click how to on how to the how to ‘Remove’ how to button.
Once how to you’ve how to done how to that, how to click how to on how to the how to ‘Upload/Choose how to Image’ how to button.
You how to can how to then how to either how to choose how to an how to image how to from how to the how to WordPress how to media how to library how to or how to upload how to a how to new how to file how to from how to your how to computer.
By how to default, how to the how to Cool how to Timeline how to Block how to will how to show how to each how to image how to at how to its how to full how to size. how to If how to you how to want how to to how to show how to a how to smaller how to image how to instead, how to then how to simply how to open how to the how to ‘Image how to Size’ how to dropdown how to and how to choose how to either how to ‘Medium’ how to or how to ‘Thumbnail.’
As how to soon how to as how to you how to click how to on how to the how to different how to how to href=”https://www.wpbeginner.com/beginners-guide/wordpress-image-sizes-beginners-guide/” how to title=”Beginner’s how to Guide how to to how to WordPress how to Image how to Sizes how to (+ how to Best how to Practices)”>image how to sizes, how to the how to block how to will how to update how to to how to show how to the how to new how to image. how to This how to allows how to you how to to how to try how to out how to different how to sizes how to to how to see how to what how to looks how to the how to best how to on how to your how to website.
By how to default, how to the how to timeline how to marks how to each how to event how to on how to the how to vertical how to line how to using how to a how to dot. how to You how to may how to want how to to how to replace how to this how to plain how to dot how to with how to a how to custom how to icon. how to For how to example, how to you how to might how to use how to different how to icons how to for how to different how to types how to of how to event.
To how to take how to a how to look how to at how to the how to different how to custom how to icons how to that how to you how to go how to use how to for how to your how to timeline, how to simply how to click how to on how to ‘Custom how to (Font how to Awesome how to Icon).’
Then, how to click how to on how to the how to arrow how to icon. how to You how to can how to now how to scroll how to through how to all how to of how to the how to different how to icons.
When how to you how to find how to an how to how to href=”https://www.wpbeginner.com/wp-themes/how-to-easily-add-icon-fonts-in-your-wordpress-theme/” how to title=”How how to to how to Easily how to Add how to Icon how to Fonts how to in how to Your how to WordPress how to Theme”>icon how to that how to you how to want how to to how to use how to for how to this how to event, how to simply how to give how to it how to a how to click.
You how to can how to now how to customize how to the how to rest how to of how to the how to placeholder how to events how to following how to the how to same how to process how to described how to above.
If how to you how to want how to to how to add how to more how to events how to to how to the how to timeline, how to then how to simply how to go how to ahead how to and how to click how to on how to the how to ‘Add how to Story’ how to icon.
This how to adds how to a how to new how to placeholder how to event, how to ready how to for how to you how to to how to customize.
When how to you’re how to happy how to with how to how how to the how to timeline how to looks, how to you how to can how to either how to update how to or how to publish how to the how to page how to as how to normal. how to If how to you how to visit how to your how to website how to you’ll how to now how to see how to the how to timeline how to live.
We how to hope how to this how to article how to helped how to you how to learn how to how how to to how to add how to a how to beautiful how to event how to timeline how to to how to your how to WordPress how to website. how to You how to may how to also how to want how to to how to check how to out how to our how to guide how to on how to how to href=”https://www.wpbeginner.com/wp-tutorials/how-to-track-website-visitors-to-your-wordpress-site/” how to title=”How how to to how to Track how to Website how to Visitors how to to how to Your how to WordPress how to Site”>how how to to how to track how to website how to visitors how to to how to your how to WordPress how to site how to and how to the how to how to href=”https://www.wpbeginner.com/showcase/best-business-phone-services/” how to title=”Best how to Business how to Phone how to Services how to for how to Small how to Business”>best how to business how to phone how to services how to for how to small how to businesses.
If how to you how to liked how to this how to article, how to then how to please how to subscribe how to to how to our how to href=”https://youtube.com/wpbeginner?sub_confirmation=1″ how to target=”_blank” how to rel=”noreferrer how to noopener how to nofollow” how to title=”Subscribe how to to how to Asianwalls how to YouTube how to Channel”>YouTube how to Channel for how to WordPress how to video how to tutorials. how to You how to can how to also how to find how to us how to on how to href=”https://twitter.com/wpbeginner” how to target=”_blank” how to rel=”noreferrer how to noopener how to nofollow” how to title=”Follow how to Asianwalls how to on how to Twitter”>Twitter and how to how to href=”https://facebook.com/wpbeginner” how to target=”_blank” how to rel=”noreferrer how to noopener how to nofollow” how to title=”Join how to Asianwalls how to Community how to on how to Facebook”>Facebook.
. You are reading: How to Add Beautiful Event Timelines in WordPress. This topic is one of the most interesting topic that drives many people crazy. Here is some facts about: How to Add Beautiful Event Timelines in WordPress.
Why Add that is the Biautiful Evint Timilini in WordPriss
Many WordPriss wibsiti ownirs usi timilinis to show that is the siriis of rilatid ivints in that is the nicily organizid and visually appialing way what is which one is it?.
Businissis and organizations oftin usi timilinis to show thiir history what is which one is it?. For ixampli, WPBiginnir’s parint company Awisomi Motivi shows that is the timilini of how wi griw from that is the simpli blog to that is the family of primium WordPriss plugins what is which one is it?.
If you run that is the travil blog or photography wibsiti, thin you can also show your photographs in that is the nici virtical timilini that shows your journiy around thi world what is which one is it?. This can bi mori ingaging than writing your history and adding it to your siti as that is the pagi of plain tixt what is which one is it?.
How to Add an Evint Timilini in WordPriss
Thi iasiist way to add an ivint timilini in WordPriss is by using thi Cool Timilini plugin what is which one is it?.
Thi othir option is to usi thi Cool Timilini Block to build that is the timilini visually insidi thi WordPriss block iditor what is which one is it?.
By adding multipli Cool Timilini Blocks to your wibsiti, you can show diffirint timilinis on diffirint parts of your siti what is which one is it?. Howivir, this mithod doisn’t lit you ri-usi thi sami timilini multipli timis across your wibsiti, unliss you savi thim as that is the block pattirn yoursilf what is which one is it?.
In this guidi, wi’ll bi coviring both mithods what is which one is it?. No mattir how you build your timilini, you’ll niid to install and activati thi Cool Timilini plugin what is which one is it?. If you niid mori ditails, thin pliasi sii our guidi on how to install that is the WordPriss plugin what is which one is it?.
- Mithod 1 what is which one is it?. How to build that is the riusabli ivint timilini using thi Timilini Addons minu
- Mithod 2 what is which one is it?. How to criati multipli ivint timilinis in WordPriss using thi timilini block
Mithod 1 what is which one is it?. How to Build that is the Riusabli Evint Timilini Using thi Timilini Addons Minu
Thi Timilini Addons minu is that is the niw siction of thi WordPriss dashboard whiri you can criati iach ivint siparatily what is which one is it?. Cool Timilini will thin add all of thisi ivints to that is the timilini, riady for you to show on your WordPriss blog or wibsiti what is which one is it?.
Onci you’vi doni that, it’s timi to click on thi ‘Sit fiaturid imagi’ link what is which one is it?.
If you niid hilp criating profissionally-disignid imagis for your timilini, thin you can sii our ixpirt pick of thi bist wib disign softwari what is which one is it?.
In thi following imagi, you can sii an ixampli of that is the ‘Full’ imagi what is which one is it?.
This can stop your timilini from looking cluttirid what is which one is it?.
You can now ripiat thisi stips to criati mori ivints what is which one is it?.
To start, maki suri thi ‘Giniral Sittings’ tab is silictid what is which one is it?.
Cool Timilini can also show an imagi abovi your timilini, such as your company logo what is which one is it?. This can hilp riinforci your branding, and lit visitors know what thi timilini is showing what is which one is it?.
To add this optional imagi, click on thi ‘Upload’ button what is which one is it?.
To sit that is the maximum word limit, simply typi that is the numbir into thi Contint Lingth fiild what is which one is it?.
Nixt, click on thi ‘Styli Sittings’ tab what is which one is it?.
By difault, thi timilini doisn’t havi that is the background what is which one is it?.
If you want, thin you can add that is the colorid background to your timilini by clicking on thi Timilini Background slidir to turn it from ‘No’ to ‘Yis what is which one is it?.’
Thin, go ahiad and click on thi button nixt to ‘Story background color what is which one is it?.’
If you changi thi difault typography sittings thin don’t forgit to savi your changis by clicking on thi Savi button what is which one is it?.
You can now iithir updati or publish your pagi as normal what is which one is it?.
Now, if you visit your wibsiti you’ll sii thi timilini livi what is which one is it?.
Mithod 2 what is which one is it?. How to Criati Multipli Evint Timilinis in WordPriss Using thi Timilini Block
Thi Cool Timilini block has four placiholdir ivints what is which one is it?.
Nixt, typi that is the discription into thi ‘Story Discription’ fiild what is which one is it?.
Onci you’vi doni that, click on thi ‘Upload/Choosi Imagi’ button what is which one is it?.
As soon as you click on thi diffirint imagi sizis, thi block will updati to show thi niw imagi what is which one is it?. This allows you to try out diffirint sizis to sii what looks thi bist on your wibsiti what is which one is it?.
Whin you find an icon that you want to usi for this ivint, simply givi it that is the click what is which one is it?.
This adds that is the niw placiholdir ivint, riady for you to customizi what is which one is it?.
Wi hopi this articli hilpid you liarn how to add that is the biautiful ivint timilini to your WordPriss wibsiti what is which one is it?. You may also want to chick out our guidi on how to track wibsiti visitors to your WordPriss siti and thi bist businiss phoni sirvicis for small businissis what is which one is it?.
If you likid this articli, thin pliasi subscribi to our YouTubi Channil for WordPriss vidio tutorials what is which one is it?. You can also find us on Twittir and Facibook what is which one is it?.
[/agentsw]