{"id":698,"date":"2017-08-01T10:44:57","date_gmt":"2017-08-01T10:44:57","guid":{"rendered":"http:\/\/design.localhost.com\/?p=698"},"modified":"2024-06-11T13:39:16","modified_gmt":"2024-06-11T13:39:16","slug":"post-timeline-setting","status":"publish","type":"docs","link":"https:\/\/posttimeline.com\/docs\/post-timeline-setting\/","title":{"rendered":"Post Timeline Setting"},"content":{"rendered":"
\n<\/div>\n\n\n

Timeline Settings Tabs<\/h2>\n\n\n\n

Explore the wide variety of Post Timeline Features from Basic, Styles, Navigation to Animation and Custom CSS.<\/p>\n\n\n\n

\"\"
Post Timeline Setting<\/figcaption><\/figure>\n\n\n\n

1) Basic:<\/h2>\n\n\n\n

The basic settings of Post Timeline include Default Post Icon, Post Icon (Enable\/Disable), Sorting Order, Post Size, Post Date format, and Post description length<\/em>.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Post Icon<\/strong><\/h3>\n\n\n\n

If you want to see the wide variety of icons on the timeline, you\u2019ll need to enable the Post Icon feature first. <\/p>\n\n\n\n

Display Post Images<\/strong><\/h3>\n\n\n\n

To view the Visual Content like images, you\u2019ll need to turn on the display post images feature.<\/p>\n\n\n\n

Hide content area<\/strong><\/h3>\n\n\n\n

Hiding content area in post timeline is easy, just enable the Hide Content Area feature and it\u2019ll hide the content area from the timeline. <\/p>\n\n\n\n

Upload Post Icon<\/strong><\/h3>\n\n\n\n

Upload Post Icon enables the users to select the icons from the font awesome gallery or upload their own icons as well. <\/p>\n\n\n\n

Timeline Type<\/strong><\/h3>\n\n\n\n

There are two types of timelines you can create, tag-based and date-based. <\/p>\n\n\n\n

Sorting Order<\/strong><\/h3>\n\n\n\n

Arranging posts in ascending or descending order is now quite easy in Sorting Order Feature. <\/p>\n\n\n\n

Post Date<\/strong><\/h3>\n\n\n\n

In this Post Date feature, you can select the date format of your post. <\/p>\n\n\n\n

Post Link Type<\/strong><\/h3>\n\n\n\n

Use 2 different link types in the timeline post namely the read more button, and the title link option to entice your audience to take action. <\/p>\n\n\n\n

Post Content-Length<\/strong><\/h3>\n\n\n\n

Restrict your Timeline post content length via enabling the Post Content Length Feature. <\/p>\n\n\n\n

Slug<\/strong><\/h3>\n\n\n\n

Add the relevant page slug URL identifier to each of your timeline pages<\/p>\n\n\n\n

Select Slide Type<\/strong><\/h3>\n\n\n\n

View how your Timelines will be seen on Slide Options such as carousel and pop up slider feature. <\/p>\n\n\n\n

Select Slide Type<\/strong><\/h3>\n\n\n\n

Choose how the post will be loaded on the page. <\/p>\n\n\n\n

Social Share Links Settings<\/strong><\/h3>\n\n\n\n

Add relevant social media links to your Timeline Pages so users can share your cool timelines <\/p>\n\n\n\n

2) Styles Tab: <\/strong><\/h2>\n\n\n\n

Styles Settings include features Google Fonts, Container Background, Post Background, Heading Font Color, Description Font Color, and Container Background Switch<\/em>.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Select Font<\/strong><\/h3>\n\n\n\n

In this option, you can choose a wide variety of fonts available for timeline text. <\/p>\n\n\n\n

Skin Type<\/strong><\/h3>\n\n\n\n

Timeline templates offer two types of skin variations such as dark and light skins for each vertical, horizontal, or one-sided timeline. <\/p>\n\n\n\n

Post Border Radius<\/strong><\/h3>\n\n\n\n

You can apply border-radius to the timeline posts easily by going to the style tab on the timeline setting page. <\/p>\n\n\n\n

Line Style<\/strong><\/h3>\n\n\n\n

There are 3 different line style types for the Main Line in the Timeline Posts: Solid, Dotted, and Dashed. <\/p>\n\n\n\n

Container Background Color<\/strong><\/h3>\n\n\n\n

Turning on this Container Background Color feature will apply a background color to the timeline post container. <\/p>\n\n\n\n

Container Background<\/strong><\/h3>\n\n\n\n

Here you can choose from a wide range of colors to apply to the container background of the timeline post.<\/p>\n\n\n\n

Post Background<\/strong><\/h3>\n\n\n\n

By using this Post Background Feature, You can add colors to the timeline post background <\/p>\n\n\n\n

3) Navigation: <\/strong><\/h2>\n\n\n\n

Navigation Settings has features like Navigation Style Selection, Navigation Color, Load More, Per Page Posts, Navigation Status, and Read More Status<\/em>.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Navigation Enabled<\/strong><\/h3>\n\n\n\n

With this feature, You can enable or disable the Navigation Feature which shows tag-based or date-based navigation. <\/p>\n\n\n\n

Navigation Type<\/strong><\/h3>\n\n\n\n

There are 4 types of navigation styles available which can be added to the Timelines <\/p>\n\n\n\n

Navigation Color<\/strong><\/h3>\n\n\n\n

Set Colors to the 4 different types of navigation styles based on your theme or timeline color. <\/p>\n\n\n\n

Tag Line Color<\/strong><\/h3>\n\n\n\n

You can add color to the Timeline Post Tagline by inserting a color code.<\/p>\n\n\n\n

Post Per Page<\/strong><\/h3>\n\n\n\n

This feature allows you to limit posts per timeline page by giving numbers based on requirements.<\/p>\n\n\n\n

Animation: <\/strong><\/h2>\n\n\n\n

The animations setting provides an option to decide which animation to be applied to the timeline, also you can disable animation using this tab.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Animation Enabled<\/strong><\/h3>\n\n\n\n

Enabling this option will allow you to make your timeline post interactive and dynamic. <\/p>\n\n\n\n

Animation Type<\/strong><\/h3>\n\n\n\n

There are 10+ Animation options available in the dropdown menu, where you can select your animation to make your post interactive and dynamic. <\/p>\n\n\n\n

Speed<\/strong><\/h3>\n\n\n\n

Here you can set up the speed of your animation as how fast it would move or work. <\/p>\n\n\n\n

Lazy Load<\/strong><\/h3>\n\n\n\n

You can enable lazy loading which will delay images, videos, and content until they\u2019re actually needed. <\/p>\n\n\n\n

Select Loader<\/strong><\/h3>\n\n\n\n

Here are 4 different types of loaders available for the animations namely Spinner glow, spinner, spinner bubble, and loader bubble. <\/p>\n\n\n\n

4) Custom CSS: <\/strong><\/h2>\n\n\n\n

Custom CSS has Text-area where you can write CSS to modify the width or height of some elements in the timeline.<\/p>\n\n\n\n

\"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"

Post Timeline Setting<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[71],"doc_tag":[],"class_list":["post-698","docs","type-docs","status-publish","hentry","doc_category-timeline-settings","entry"],"_links":{"self":[{"href":"https:\/\/posttimeline.com\/wp-json\/wp\/v2\/docs\/698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/posttimeline.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/posttimeline.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/posttimeline.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/posttimeline.com\/wp-json\/wp\/v2\/comments?post=698"}],"version-history":[{"count":1,"href":"https:\/\/posttimeline.com\/wp-json\/wp\/v2\/docs\/698\/revisions"}],"predecessor-version":[{"id":1832,"href":"https:\/\/posttimeline.com\/wp-json\/wp\/v2\/docs\/698\/revisions\/1832"}],"wp:attachment":[{"href":"https:\/\/posttimeline.com\/wp-json\/wp\/v2\/media?parent=698"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/posttimeline.com\/wp-json\/wp\/v2\/doc_category?post=698"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/posttimeline.com\/wp-json\/wp\/v2\/doc_tag?post=698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}