Story TimeLine setting is more about adding and modifying the content (text, images etc) for timeline story. It allows adding different media type like image, video and image slideshow.
Below is a screenshot with all the content settings and their respective fields on the timeline :
Now let’s go through each setting in more detail.
- Year/Label: This is an option to show or hide the year/label in the timeline. Year/label displays at the top of the story. you might think that it appears only at the top of the timeline, well, that’s not the case. You can add the year/label on the top of each story. This is actually a nice way to categorize (for representation purposes only) your stories. settings this option to show will enable the next setting option in the list.
- Year/Label: This is an input text field. This field is only visible when the previous option of displaying year/label is set to show. Anything from year to the text can be added here; that’s how it gets his name, year/label. A historical timeline has mostly used this field for adding year but you can also add some text/title for the timeline story. Make sure you use limited text length in this field. Adding longer text will not fit in the design.
- Story Date/Label: The story date/label field adds a date for the story. This is more useful while creating a historical timeline or a timeline about events happening or has happened on a specific date or you can use the date/label field for almost anything. This field support text and numeric, in case you are creating a timeline for your work/project team, you can use this field to add their name and designation.
- Sub Label: The sub-label field is just like the Story Date/Label field. It provides some extra information you may not want to add with the story date/label. For example, in a timeline created for the team, the story date/label can be used as the member’s name and the sub-label field can be used as the designation. I’m sure you get an idea about it. This field support text and numeric same as the story date/label field.
- Story Title: This field is used for adding the title of the story. You can also use it as an image caption or something similar. You can add anything on this field but adding text will work best for most of the designs and layouts.
- Choose Media Type: You have multiple options to choose. The Choose Media Type option helps you in this case to choose the media. There are three options available to add a media; i.e. Image, Video and slideshow. The first two options are self-explanatory, they let you add image and/or video through a URL. The last option is a slideshow. This slideshow option let you add multiple images in the single field and it will then create a slideshow with those images without any further configuration. The Choose Media Type option is actually very useful to create unique stories in a single timeline.
- Select Media: The Select Media option is connected to the previous option, Choose Media Type. Choose the media type and select the appropriate file to add. For example: You can add image, if you have selected the media type as an image in the previous option or you can add a YouTube video URL in the field if you have selected the media type video. The slideshow is actually a clever way of adding multiple images without losing the charm of the current design.
- Image Size: This option can be used to change the default size of the image added in the story. We’ll encourage you to try out with this setting. You’ll observe that even changing the image size in the story actually changes the design in the story.
- Description: This option will let you add a description of the story. This is more like content in the WordPress post. A classic editor is there to assist you with your content writing task. As you may already familiar with the classic editor, here you can add anything from simple text to HTML in the description field.
All settings work almost the same for the horizontal layout but the elements have different positions. Have a look at the screenshot below to understand all the settings for horizontal layouts.
**Before we move forward to a different setting panel, let’s have a glance at all the settings we have explained. The following video will present all the content settings and a timeline with changes.