Timeline Shortcode Attributes

Post Timeline has provided many shortcodes attributes by which Users can change the look and feel of their timelines, the list of the attributes is described with its feature description.

[post-timeline template=”5″] The Template attribute is mandatory in the shortcode, this attribute decides which template to be used in the timeline. The possible options are
‘0’, ‘1’, ‘2’, ‘3’, ‘4’, ‘5’, ‘6’, ‘7’, ‘8’, ‘0-h’, ‘1-h’, ‘2-h’, ‘3-h’, ‘4-h’, ‘5-h’, ‘6-h’, ‘7-h’, and ‘8-h’.
[post-timeline class=”one-side-left”] The Templates ‘1’, ‘2’, ‘5’, ‘6’, and ‘8’ offer single-side timeline templates, they can be used by add the attribute class=”one-side-left” in the shortcode as
[post-timeline template=”2″ class=”one-side-left”].
[post-timeline ptl-type=”tag”] The Post Timeline can be based on Tag or Dates, which can be set from Timeline Settings or through the shortcode attribute ptl-type. For custom Order of Post in Tags, please add attribute value as ptl-type=”custom_order”.
[post-timeline ptl-bg-color=”#FFFF00″] To change the background of your timeline, you can use the attribute ptl-bg-color with a color code as it’s value.
[post-timeline ptl-nav-type=”style-1″] Post Timeline provides 5 navigation styles, that can be used by the attribute ptl-nav-type with option value as “style-1”, “style-2”, “style-3”, “style-4”, and “style-5”.
[post-timeline ptl-anim-type=”fadeInUp”] Post Timeline provides 3 types of animation that are “fadeIn”, “fadeInUp”, and “fadeInLeft”. Users can add more of them by simplifying modifying the template file and applying the name but these three are the tested Animations with all templates.
[post-timeline ptl-nav-color=”#FF6503″] Navigation color can be changed by the attribute ptl-nav-color with the value of the HEX color code.
[post-timeline ptl-date-format=”F j, Y”] To change the date format of the timeline posts, the attribute ptl-date-format can be used with proper date format which is acceptable by the PHP date format function, few examples are
“m/d/Y”, “j-m-y”, “D M j G:i:s”, “Y-m-d” etc.
[post-timeline ptl-sort=”1″] ptl-sort attribute is used to change the sorted listing of the timeline posts. Possible Options are 0 and 1, where 1 is ascending and 0 is descending.
[post-timeline ptl-post-load=”0″] ptl-post-load attribute is used to either show all the posts at once or with the load more button, option “0” will disable load more button and will render all the posts on-page, option “1” will work with ptl-post-per-page.
[post-timeline ptl-post-per-page=”15″] ptl-post-per-page attribute is used to override the No. of Posts in the timeline with Load more button. Example: ptl-post-per-page=”15″.
[post-timeline ptl-rm-status=”0″] To remove the read more button add the attribute code ptl-rm-status=”0″ into your shortcode.
[post-timeline ptl-post-length=”300″] Post length attribute is used to limit the number of characters in timeline description, the value should be a number only.
[post-timeline scroller=”.my-class-name”] For vertical timelines, when your timeline is not within the body tag, you can add an attribute scroller with the correct class name of the timeline parent, it will help in resolving the navigation glitch.
[post-timeline nav_offset=”100″] For vertical timelines, if you want to add an offset into your timeline navigation scroll, add an attribute nav_offset with a numeric value to adjust the scroll offset.
[post-timeline nav_max=”5″] The default navigation nodes count is 6, if Users want to adjust the number of nodes of navigation they can pass the parameter nav_max in their shortcode, the value must be within 2 and 15 range.
[post-timeline ptl-fav-icon=”fa-heart”] To apply the same icons on all the posts, It has to be provided in the shortcode, and the posts icon field should be left alone, the value must be a font-awesome icon value.
[post-timeline ptl-nav-status=”0″] Navigation can be disabled with attribute ptl-nav-status having a value “0”.
[post-timeline ptl-anim-status=”0″] Animation can be disabled with the attribute ptl-anim-status having a value “0”.