Once your settings have been adjusted to your liking, you can start creating announcements to display on your timeline. You can do so from the WordPress administrative dashboard. In the left hand menu hover over ‘Timeline Express‘ and select ‘New Announcement‘.
The ‘New Announcement’ page has three main sections that you’ll need to edit when creating a new announcement. The full page will look similar to the following:
1) Announcement Title
The first step in creating a new announcement is to enter a title for your announcement. This is the main title for your announcement, and if using pretty permalinks – will also dictate the URL. You’ll want to enter your title as you would any post or page.
2) Announcement Color
You can set the announcement color using the provided color picker. Alternatively, if you have a specific hex value you would like to use you can easily enter that value into the input field. The announcement color is the color of the icon container on the timeline on the front end of your site.
3) Announcement Icon
Next, you can select an icon to assign to your announcement. Depending on what you picked for the ‘Default Announcement Icon‘ on the settings page, this value may be different for you. Click the arrow to expose the icon dropdown, which contains over 300 icons from the Font Awesome icon pack. You can scroll down to reveal additional icons.
4) Announcement Date
Next, you’ll set the date of this announcement. This is the time in history that this announcement occurred. This date will be used to sort your announcements in chronological order. By default, the current date is populated in the announcement date field. When you click inside of the announcement date field, you’ll see a small calendar popup allowing you to select any time in history. Alternatively, you can type a date into the input field to avoid having to scroll back or forward in time.
5) Announcement Banner
The last step in the announcement info section is the announcement banner. The announcement banner can be locally hosted images or videos or even videos hosted on external sites such as Vimeo and YouTube. This is the image/video that will be displayed on your timeline. This image/video is also used on the single announcement template page. Click on the ‘Add Media’ button to the right of the input field to assign an image or video to this announcement, similar to assigning a featured image to a standard WordPress post. Alternatively, you can paste a URL to an externally hosted video on Vimeo and YouTube.
350px x 150px. If this image is to small and you want the image to display larger on the front end of your site, please take a look at our code snippet for Altering the Default Timeline Image Size.
6) Associated Timeline (pro version)
Pro version users have the option to assign the announcement to a specific timeline. This is useful when you want to limit your announcements to certain timelines, or you want to give your users the ability to sort between different timelines. If you haven’t created any additional timelines yet, you can head into ‘Timeline Exppress > Timelines‘ to create new ones.
7) Announcement Banner Popup (pro version)
Checking the ‘Announcement Banner Popup’ checkbox will allow users to view your announcement banner images and videos in a slick modal pop-up. This prevents users from having to view the single announcement template when they want to view the media attached to the announcement.
8) Announcement Categories (pro version)
In the right-hand side, just below the publish section you can create and/or assign categories to your announcements. This is a great way to allow your users to view and sort announcements on the front end of your site without having to scroll through a long, and seemingly endless, timeline. You can create new categories right from the edit/create announcement page, so you don’t have to leave the page if you need new categories.
Announcement Styles (pro version)
In Timeline Express Pro v2 users now have the ability to fully customize the apperance and animation styles for each announcement container on the timeline. Using input fields on the announcement edit screen, users can set the icon animations, container animations, border color and size, shadow color and size and many many more things.
The ability to customize the announcement animations and styles was one of the most requested features, and we’re now pleased to offer it as a peice of functionality in Timeline Express Pro.
The main content of your announcement can be entered in the WYSIWYG editor, just below the ‘Announcement Info.’ section. This is a standard WordPress WYSIWYG editor, so feel free to style your text however you’d like, insert images or drop a shortcode into the content of your announcements.
Publish Your Announcement
Finally, after you’ve filled in all of the fields above you’ll want to publish your announcement. This is done the same way you publish a post or page within WordPress. In the top right-hand side of your page, you’ll see a container titled ‘Publish’.
If you want your announcement to appear on your timeline immediately, you can simply click publish. However, if you want the announcement to appear on the timeline at a later date – you can click on ‘Edit’ next to ‘Publish: Immedately’. You can set the date to any point in time, and once that date and time come, your announcement will go live on your timeline.