{"id":78637,"date":"2017-02-06T11:17:46","date_gmt":"2017-02-06T16:17:46","guid":{"rendered":"https:\/\/www.templatemonster.com\/help\/?p=78637"},"modified":"2017-03-01T08:23:49","modified_gmt":"2017-03-01T13:23:49","slug":"monstroid-2-setup-timeline-using-tm-timeline-plugin","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/monstroid-2-setup-timeline-using-tm-timeline-plugin.html","title":{"rendered":"Monstroid 2. How to setup a timeline using &#8220;TM Timeline&#8221; plugin"},"content":{"rendered":"<p>Our support team is ready to present you a new tutorial on how to build a timeline page using <strong>TM Timeline<\/strong> plugin.<\/p>\r\n<div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/2tGQGaVAGz0\"><\/iframe>\r\n<\/div>\r\n<ol>\r\n\t<li><p>First, make sure TM Timeline plugin is installed and activated at the Plugins section of your WordPress Dashboard. You can also download it at WordPress official website via the following link: <a href=\"https:\/\/wordpress.org\/plugins\/tm-timeline\/\">TM Timeline plugin<\/a><\/p><\/li>\r\n\t<li><p>The next step would be creating the entries you need to display. Navigate to <strong>TM Timeline > Add new<\/strong> and create several posts you would like to have displayed on a timeline page. You can also create a taxonomy (classification, grouping by categories) of your new posts with the help of the Tags option.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_1.jpg\" alt=\"Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_1\" width=\"1283\" height=\"692\" class=\"alignnone size-full wp-image-78638\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_1.jpg 1283w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_1-150x81.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_1-300x162.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_1-768x414.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_1-1024x552.jpg 1024w\" sizes=\"(max-width: 1283px) 100vw, 1283px\" \/><\/a>\t\r\n\t<\/li>\r\n\t<li><p>When the posts are created, create a new page where the posts will be displayed in &#8216;timeline&#8217; fashion. Go to the <strong>Pages > Add new<\/strong>, specify new page title, click &#8216;Use power builder&#8217; and proceed to power builder settings. Create a column inside a section.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_2.jpg\" alt=\"Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_2\" width=\"1283\" height=\"692\" class=\"alignnone size-full wp-image-78639\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_2.jpg 1283w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_2-150x81.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_2-300x162.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_2-768x414.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_2-1024x552.jpg 1024w\" sizes=\"(max-width: 1283px) 100vw, 1283px\" \/><\/a>\t\r\n\t<\/li>\r\n\t<li><p>Click &#8216;<strong>Insert module<\/strong>&#8216; and choose Timeline option.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_3.jpg\" alt=\"Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_3\" width=\"1280\" height=\"615\" class=\"alignnone size-full wp-image-78640\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_3.jpg 1280w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_3-150x72.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_3-300x144.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_3-768x369.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_3-1024x492.jpg 1024w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/a>\t\r\n\t<\/li>\r\n\t<li><p>You will be taken to the module configuration page. The settings are described below the screenshot.<\/p> \r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_4.jpg\" alt=\"Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_4\" width=\"1277\" height=\"693\" class=\"alignnone size-full wp-image-78641\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_4.jpg 1277w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_4-150x81.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_4-300x163.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_4-768x417.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_4-1024x556.jpg 1024w\" sizes=\"(max-width: 1277px) 100vw, 1277px\" \/><\/a>\t\r\n\t\r\n\t\t<p><strong>Timeline Layout<\/strong> &#8211; here you should specify the layout of your entries. By default there are three options: horizontal, vertical, and vertical staggered order. <\/p>\r\n\t\t<p><strong>Horizontal layout visible items limit<\/strong> &#8211; this stands for the number of items you would like to have displayed.<\/p>\r\n\t\t<p><strong>Date format<\/strong> &#8211; here you can choose how exactly the entry publication date will be displayed.<\/p>\r\n\t\t<p><strong>Tag<\/strong> &#8211; if you create a taxonomy in plugin settings, you will be able to either display posts with a certain tag or show all the posts.<\/p>\r\n\t\t<p><strong>Sort order<\/strong> &#8211; choose ascending or descending order for your timeline posts.<\/p>\r\n\t\t<p><strong>Display anchors<\/strong> &#8211; if set to &#8216;yes&#8217;, than timeline post title will be clickable and will lead user to the post&#8217;s single page.<\/p>\r\n\t<\/li>\r\n\t<li><p>If you happen to need a title for your timeline, add a &#8216;text&#8217; module with your title and place it above the timeline module. It should result as following:<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_5.jpg\" alt=\"Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_5\" width=\"1280\" height=\"615\" class=\"alignnone size-full wp-image-78642\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_5.jpg 1280w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_5-150x72.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_5-300x144.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_5-768x369.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_5-1024x492.jpg 1024w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/a>\t\r\n\t<p>Now feel free to publish the page.<\/p><\/li>\r\n\t<li><p>We have chosen vertical staggered layout and the result looks this way:<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_6.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_6.jpg\" alt=\"Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_6\" width=\"1347\" height=\"695\" class=\"alignnone size-full wp-image-78643\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_6.jpg 1347w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_6-150x77.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_6-300x155.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_6-768x396.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2017\/02\/Monstroid_2._How_to_setup_a_timeline_using_TM_Timeline_plugin_6-1024x528.jpg 1024w\" sizes=\"(max-width: 1347px) 100vw, 1347px\" \/><\/a>\t\t\r\n\t<\/li>\r\n<\/ol>\r\n<p>That&#8217;s it. Now you know how to set up a timeline using TM Timeline plugin.<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=2tGQGaVAGz0?width=1280&amp;height=720\" rel=\"prettyPhoto\">Monstroid 2. How to setup a timeline using &#8220;TM Timeline&#8221; plugin<\/a>\r\n<p>Also, make sure to look through the collection of other <a href=\"https:\/\/www.templatemonster.com\/wordpress-themes.php\" target=\"_blank\">WordPress themes<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Our support team is ready to present you a new tutorial on how to build a timeline page using <strong>TM Timeline<\/strong> plugin.<\/p>\n","protected":false},"author":107,"featured_media":78644,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2017,728],"tags":[2515,768,1034,1376,2542],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/78637"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/107"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=78637"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/78637\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/78644"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=78637"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=78637"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=78637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}