{"id":133554,"date":"2016-12-07T08:00:00","date_gmt":"2016-12-07T08:00:00","guid":{"rendered":"https:\/\/www.weixiaoduo.com\/plugins\/2024\/02\/22\/post-timeline\/"},"modified":"2025-10-08T14:25:00","modified_gmt":"2025-10-08T14:25:00","slug":"post-timeline","status":"publish","type":"post","link":"https:\/\/www.weixiaoduo.com\/plugins\/post-timeline\/","title":{"rendered":"Post Timeline"},"content":{"rendered":"<p>Create stunning and interactive timelines for your WordPress posts with ease. Post Timeline is the ultimate plugin for displaying your WordPress content in a visually appealing timeline format. Whether you want to showcase your blog history, company milestones, or any sequential content, Post Timeline offers a variety of customization options to fit your needs.<\/p>\n<h3>\ud83c\udf1f Description<\/h3>\n<p>Post Timeline is the WordPress Plugin that creates beautiful timeline pages for your WordPress posts. With this plugin, users can create unlimited vertical timelines and automatically generate animated scroll navigation based on tags or dates in ascending order.<\/p>\n<p><strong><a href=\"https:\/\/posttimeline.com\/\" rel=\"nofollow ugc\">\ud83d\ude80 DEMO OF POST TIMELINE<\/a><\/strong><\/p>\n<h3>\u2728 Simple and Single Timeline<\/h3>\n<p>Use the shortcode <code>[post-timeline]<\/code> to create a Post Timeline on any page or post.<\/p>\n<h3>\ud83d\udd04 Multiple Timelines<\/h3>\n<p>To create multiple timelines, the admin needs to create multiple categories and assign posts to those categories. Then use the shortcode below:<\/p>\n<pre><code>[post-timeline category=\"3\"]\n<\/code><\/pre>\n<p>Where <code>3<\/code> is the category ID. All the posts associated with Category ID <code>3<\/code> will appear with the above shortcode.<br \/>\n<strong><a href=\"https:\/\/posttimeline.com\/docs\/how-to-create-multiple-timelines\/\" rel=\"nofollow ugc\">How to Create Multiple Timelines<\/a><\/strong><\/p>\n<h3>\ud83e\udded How Navigation Works?<\/h3>\n<p>Post Timeline Tags is an important tab of a timeline. Through this tab, admin users can create tags and associate their posts with those tags. Once all the posts are assigned to those tags, the Post Timeline will collect all the tags and use them in navigation.<\/p>\n<p><strong><a href=\"https:\/\/posttimeline.com\/docs\/post-timeline-tags\/\" rel=\"nofollow ugc\">Tags for Navigation<\/a><\/strong><\/p>\n<h3>\ud83d\udccb Supports Custom Post Types<\/h3>\n<p>Post Timeline supports custom post types, making it versatile for a variety of content. To create a timeline for a custom post type, use the attribute <code>post-type<\/code> as shown below:<\/p>\n<pre><code>[post-timeline post-type=\"custom_post_type\"]\n<\/code><\/pre>\n<p>Replace <code>custom_post_type<\/code> with your desired post type. This feature allows you to display not just regular posts, but any custom post types you\u2019ve created, such as events, products, or portfolios.<\/p>\n<p>For multiple post timelines, check the documentation. Feel free to create a ticket in case of any problem or bug.<\/p>\n<blockquote>\n<p><strong>Post Timeline \u2013 Documentation<\/strong><br \/>\n  <a href=\"https:\/\/posttimeline.com\/documentation\/\" rel=\"nofollow ugc\">Post Timeline Documentation<\/a><br \/>\n  <a href=\"https:\/\/posttimeline.com\/timeline-templates\/\" rel=\"nofollow ugc\">Post Timeline Demos<\/a><br \/>\n  <a href=\"https:\/\/wordpress.org\/support\/plugin\/post-timeline\" rel=\"ugc\">Create a Ticket<\/a>.<\/p>\n<\/blockquote>\n<h3>\ud83c\udf1f Post Timeline Features<\/h3>\n<ul>\n<li>\ud83c\udd93 Unlimited free timelines<\/li>\n<li>\ud83d\udd00 Separate each Timeline by Category Id <code>[post-timeline category=\"xxx\"]<\/code>, where xxx is the category Id<\/li>\n<li>\ud83c\udfaf Beautiful Side Navigation with Smooth Animation<\/li>\n<li>\ud83d\ude80 Auto Create Navigation from Tags<\/li>\n<li>\ud83c\udfa8 Set Color for each Timeline Post<\/li>\n<li>\ud83c\udff7\ufe0f Assign Icon for each Timeline Post<\/li>\n<li>\ud83d\udcc5 Select Date for each Timeline Post<\/li>\n<li>\ud83d\udd17 Setup Separate Page URL<\/li>\n<li>\ud83d\uddc2\ufe0f Assign Category and Tags<\/li>\n<li>\ud83c\udff7\ufe0f Create Tag-based Timeline<\/li>\n<li>\ud83d\udcf1 Responsive UI that looks cool on every single device<\/li>\n<li>\ud83d\uddbc\ufe0f Beautiful UI of the vertical timeline<\/li>\n<li>\ud83c\udf0d Multi Language supported<\/li>\n<li>\u23f3 Set Tag-based or Year-based Timeline with parameter <code>[post-timeline type=\"date\"]<\/code> for Yearly navigation.<\/li>\n<li>\ud83d\udd20 Select Desired GoogleFont for Timeline<\/li>\n<li>\u2796 3 different Line styles in Timeline (Solid\/Dashed\/Dotted)<\/li>\n<li>\ud83d\udd8c\ufe0f Choose post icon from FontAwesome or Upload picture<\/li>\n<li>\ud83d\uddbc\ufe0f Option to select post Gallery style (Slider\/Popup Slider)<\/li>\n<li>\ud83c\udf08 Choose Timeline Skin Color (Dark\/Light)<\/li>\n<li>\ud83d\udd04 Share post on social media<\/li>\n<li>\ud83d\uddbc\ufe0f LazyLoad option for images<\/li>\n<li>\ud83c\udfa5 Add video in Timeline Post<\/li>\n<li>\ud83d\uddd3\ufe0f Different Date formats on Timeline<\/li>\n<li>\ud83d\ude48 Hide Content<\/li>\n<li>\ud83d\uddbc\ufe0f Hide Post image<\/li>\n<\/ul>\n<h3>\ud83d\ude80 Pro Version Post Timeline<\/h3>\n<p>The Pro Version of Post Timeline unlocks even more powerful features:<\/p>\n<ul>\n<li>\ud83d\uddbc\ufe0f <strong>15+ Unique Timeline Templates:<\/strong> Choose from a variety of professionally designed timeline templates to suit your website\u2019s look and feel.<\/li>\n<li>\ud83e\udded <strong>4 Awesome Navigation Styles:<\/strong> Enhance user navigation with different styles that are intuitive and easy to use.<\/li>\n<li>\ud83d\udcdc <strong>Setup Horizontal and Vertical Timelines:<\/strong> Display your timeline in either horizontal or vertical layout as per your needs.<\/li>\n<li>\ud83c\udfa8 <strong>Set Background Color:<\/strong> Customize the background color of your timeline to match your brand\u2019s color scheme.<\/li>\n<li>\ud83c\udfa5 <strong>Supports Multiple Animation Styles:<\/strong> Make your timelines more engaging with various animation styles.<\/li>\n<li>\ud83d\udcc5 <strong>Set your Date Formats:<\/strong> Choose different date formats that match your regional preferences.<\/li>\n<li>\ud83d\udd04 <strong>Change Sorting Order (Ascending\/Descending\/Term Custom Order):<\/strong> Sort posts in ascending, descending, or custom order to highlight key content.<\/li>\n<li>\u2728 <strong>Change Animation Status:<\/strong> Enable or disable animations to optimize performance.<\/li>\n<li>\ud83d\udccd <strong>Change Navigation Status:<\/strong> Choose whether or not to display navigation for a clean and minimalistic design.<\/li>\n<li>\ud83d\udd06 <strong>Auto Highlight Active Navigation:<\/strong> Automatically highlight the active navigation item for better user experience.<\/li>\n<li>\u26a1 <strong>Support AJAX and Load More button:<\/strong> Load more posts seamlessly without reloading the page.<\/li>\n<li>\ud83d\udcd1 <strong>Set Posts Per Page for Timeline:<\/strong> Control how many posts are shown per page in the timeline.<\/li>\n<li>\ud83d\udee0\ufe0f <strong>Many hidden hacks:<\/strong> Take advantage of various customization hacks for advanced users.<\/li>\n<li>\ud83d\udc8e <strong>Premium Support:<\/strong> Get access to priority support to help you with any issues or customization requests.<\/li>\n<\/ul>\n<h3>\ud83c\udfe2 Use Cases \u2013 Tailored for Every Business<\/h3>\n<p>Post Timeline is a versatile plugin that can be customized for various industries and business types. Here are some examples:<\/p>\n<ul>\n<li><strong>\ud83d\udcf0 Blog History Timeline:<\/strong> Display your blog\u2019s history and growth over time in a beautiful timeline format.<\/li>\n<li><strong>\ud83c\udfdb\ufe0f Company Milestones Timeline:<\/strong> Showcase your company\u2019s achievements, product launches, or project completions chronologically.<\/li>\n<li><strong>\ud83d\udcc5 Event Planning Timeline:<\/strong> Outline events, tasks, or planning phases leading up to an important event.<\/li>\n<li><strong>\ud83d\udcda Educational Course Timeline:<\/strong> Visualize the course structure or syllabus in an engaging and easy-to-understand timeline.<\/li>\n<li><strong>\ud83d\udcca Marketing Campaign Timeline:<\/strong> Present your marketing campaigns and strategies in a detailed timeline view.<\/li>\n<li><strong>\ud83d\uddbc\ufe0f Portfolio Project Timeline:<\/strong> Highlight different projects and milestones in a creative portfolio timeline.<\/li>\n<li><strong>\ud83d\ude80 Product Roadmap Timeline:<\/strong> Show your product development journey and upcoming releases.<\/li>\n<li><strong>\ud83c\udf93 Academic Achievements Timeline:<\/strong> Create a timeline of achievements and accolades for educational institutions.<\/li>\n<li><strong>\ud83c\udfa5 Media & Content Release Timeline:<\/strong> Track media releases, episodes, or content drops in a timeline format.<\/li>\n<li><strong>\ud83c\udfc6 Sports Events Timeline:<\/strong> Chronologically display the history of sports events, achievements, or matches.<\/li>\n<li><strong>\ud83d\udee0\ufe0f Construction Project Timeline:<\/strong> Illustrate the progress of a construction project step-by-step.<\/li>\n<\/ul>\n<h3>\ud83c\udfa5 Video Tutorial<\/h3>\n<p>Watch our video tutorial to learn how to set up and use Post Timeline effectively:<\/p>\n<p><iframe loading=\"lazy\" title=\"How Post Timeline WordPress Plugin Works\" width=\"750\" height=\"422\" src=\"https:\/\/www.youtube.com\/embed\/Blc100p_OHo?list=PLD7u3Chrm7R9wj0tuvc8RsNQHekj1fHlG\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>Click on the image above to watch the video on YouTube.<\/p>\n<h3>\ud83d\udcda Documentation & Support<\/h3>\n<p>For detailed documentation and support, visit the <a href=\"https:\/\/posttimeline.com\/documentation\/\" rel=\"nofollow ugc\">Post Timeline Documentation<\/a>. If you have any questions, feel free to <a href=\"https:\/\/wordpress.org\/support\/plugin\/post-timeline\" rel=\"ugc\">create a ticket<\/a>.<\/p>\n<h3>\ud83d\ude80 Live Demos<\/h3>\n<ul>\n<li><strong>Vertical Timelines:<\/strong> <a href=\"https:\/\/posttimeline.com\/vertical-timeline-templates\" rel=\"nofollow ugc\">Vertical Timeline Templates<\/a><\/li>\n<li><strong>One-Side Timelines:<\/strong> <a href=\"https:\/\/posttimeline.com\/vertical-one-side-timelines\" rel=\"nofollow ugc\">One-Side Timelines<\/a><\/li>\n<li><strong>Horizontal Timeline:<\/strong> <a href=\"https:\/\/posttimeline.com\/horizontal-timeline-templates\" rel=\"nofollow ugc\">Horizontal Timeline Templates<\/a><\/li>\n<\/ul>\n<h3>\ud83d\udee0\ufe0f Installation<\/h3>\n<ol>\n<li>Upload the extracted plugin folder to the <code>\/wp-content\/plugins\/<\/code> directory of your WordPress installation, or upload it directly from your plugins section in the WordPress admin panel.<\/li>\n<li>Activate the plugin through the \u2018Plugins\u2019 menu in WordPress.<\/li>\n<li>That\u2019s it!<\/li>\n<\/ol>\n<h3>\u2753 Frequently Asked Questions<\/h3>\n<h3>\u2753 How can I show a Timeline by date?<\/h3>\n<p>Add the attribute <code>[post-timeline type=\"date\"]<\/code>, and the timeline will appear with yearly navigation. The default navigation is Tag-based.<\/p>\n<h3>\u2753 Getting Page Not Found on Read More button<\/h3>\n<p>Go to <strong>Settings<\/strong> -> <strong>Permalinks<\/strong> -> Select \u201cPost name\u201d -> Click <strong>Save Changes<\/strong>.<br \/>\nIf \u201cPost name\u201d is already selected, just click <strong>Save Changes<\/strong> again.<\/p>\n<h3>\u2753 Why is my Post Timeline showing on the right side of the page with a scroll bar?<\/h3>\n<p>Timeline works with 100% space on the page. Ensure your container is set to 100% width using CSS for the timeline to appear properly.<br \/>\nFor more information, visit <a href=\"https:\/\/posttimeline.com\/\" rel=\"nofollow ugc\">Post Timeline<\/a>.<\/p>\n<h3>\ud83d\udce7 Feedback<\/h3>\n<p>YOUR IMPORTANT FEEDBACK IS HIGHLY VALUABLE TO US! PLEASE WRITE TO US IF YOU HAVE ANY PROBLEMS WITH INSTALLATION OR RECOMMEND ANY NEW FEATURES. WE WILL FIX THE ISSUE ON PRIORITY.<\/p>\n<p><a href=\"https:\/\/wordpress.org\/support\/plugin\/post-timeline\" rel=\"ugc\">Create Support Ticket<\/a> for help regarding Post Timeline.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Create stunning and interactive timelines for your WordPress posts with ease. Post Timeline is the ultimate plugin for displaying your WordPress conte \u2026<\/p>\n","protected":false},"author":65,"featured_media":325581,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"Post Timeline - \u8587\u6653\u6735\u63d2\u4ef6\u76ee\u5f55","description":"Create stunning and interactive timelines for your WordPress posts with ease. Post Timeline is the ultimate plugin for displaying your WordPress conte \u2026"},"footnotes":""},"categories":[1],"tags":[5111,638,32295,409,7484],"class_list":["post-133554","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-announcements","tag-history","tag-post-timeline","tag-timeline","tag-vertical-timeline"],"_links":{"self":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/133554","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/comments?post=133554"}],"version-history":[{"count":0,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/posts\/133554\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media\/325581"}],"wp:attachment":[{"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/media?parent=133554"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/categories?post=133554"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.weixiaoduo.com\/plugins\/wp-json\/wp\/v2\/tags?post=133554"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}