Post Timeline Documentation
Timeline Shortcode Attributes
Post Timeline has provided many shortcodes attribute by which User 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-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". User can add more of them by simplying 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 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 sort 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 attribute scroller with the correct class name of timeline parent, it will help in resolving the navigation glitch.|
|[post-timeline nav_offset="100"]||For vertical timelines, if you want 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 User 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 same icons on all the posts, It has to be provided in the shortcode and 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 disable with attribute ptl-nav-status having a value "0".|
|[post-timeline ptl-anim-status="0"]||Animation can be disable with attribute ptl-anim-status having a value "0".|