{"id":254776,"date":"2025-10-02T14:47:57","date_gmt":"2025-10-02T14:47:57","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/timeline-full-widget\/"},"modified":"2026-04-29T18:54:59","modified_gmt":"2026-04-29T18:54:59","slug":"timeline-full-widget","status":"publish","type":"plugin","link":"https:\/\/en-ca.wordpress.org\/plugins\/timeline-full-widget\/","author":17711949,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"2.1.1","stable_tag":"2.1.1","tested":"7.0","requires":"5.0","requires_php":"","requires_plugins":null,"header_name":"Timeline Full Widget","header_author":"Andry Zirka","header_description":"A versatile Timeline plugin for Elementor, and Gutenberg WordPress themes \u2014 add beautiful Timelines anywhere!","assets_banners_color":"d3967a","last_updated":"2026-04-29 18:54:59","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/www.paypal.com\/donate\/?hosted_button_id=TK9QQ5DE2K378","header_plugin_uri":"https:\/\/wordpress.org\/plugins\/timeline-full-widget","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":10,"downloads":611,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.3.0":{"tag":"1.3.0","author":"blackstar1991","date":"2026-04-13 16:09:15"},"2.0.0":{"tag":"2.0.0","author":"blackstar1991","date":"2026-04-24 11:02:01"},"2.1.0":{"tag":"2.1.0","author":"blackstar1991","date":"2026-04-29 17:55:53"},"2.1.1":{"tag":"2.1.1","author":"blackstar1991","date":"2026-04-29 18:54:59"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3371850,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128}},"assets_banners":{"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":3518747,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":3518747,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{"blueprint.json":{"filename":"blueprint.json","revision":3518796,"resolution":false,"location":"assets","locale":"","contents":"{\"$schema\":\"https:\\\/\\\/playground.wordpress.net\\\/blueprint-schema.json\",\"login\":true,\"landingPage\":\"\\\/wp-admin\\\/post.php?post=2&action=edit\",\"preferredVersions\":{\"php\":\"8.3\",\"wp\":\"latest\"},\"steps\":[{\"step\":\"installPlugin\",\"pluginData\":{\"resource\":\"wordpress.org\\\/plugins\",\"slug\":\"timeline-full-widget\"},\"options\":{\"activate\":true}},{\"step\":\"runPHP\",\"code\":\"<?php require '\\\/wordpress\\\/wp-load.php'; $page_id = 2; $content = '<!-- wp:heading {\\\"textAlign\\\":\\\"center\\\"} --><h2 class=\\\"wp-block-heading has-text-align-center\\\">Timeline Demo<\\\/h2><!-- \\\/wp:heading --><!-- wp:za\\\/timeline-full-widget --><div class=\\\"wp-block-za-timeline-full-widget\\\"><div class=\\\"timeline-wrapper\\\" style=\\\"--timeline-line-color:#F6F6F8;--timeline-line-width:4px;--timeline-marker-color:#F6F6F8;--timeline-line-active-color:#F37321;--timeline-marker-active-color:#F37321\\\"><div class=\\\"timeline-line-animation\\\"><\\\/div><ul class=\\\"timeline timeline-animation-marker\\\"><\\\/ul><\\\/div><\\\/div><!-- \\\/wp:za\\\/timeline-full-widget -->'; wp_update_post(array('ID' => $page_id, 'post_title' => 'Timeline Demo', 'post_name' => 'timeline-demo', 'post_status' => 'publish', 'post_content' => $content)); update_option('show_on_front', 'page'); update_option('page_on_front', $page_id);\"}]}"}},"all_blocks":{"za\/timeline-full-widget":{"apiVersion":3,"name":"za\/timeline-full-widget","title":"Timeline Full Widget","category":"widgets","icon":"schedule","description":"A versatile Timeline block \u2014 add beautiful Timelines anywhere in Gutenberg.","keywords":["timeline","events","history"],"textdomain":"za","editorScript":"file:.\/build\/index.js","style":"file:.\/build\/style-index.css","editorStyle":"file:.\/build\/index.css","attributes":{"showMedia":{"type":"boolean","default":true},"direction":{"type":"boolean","default":false},"onTheOneSide":{"type":"boolean","default":false},"position":{"type":"string","default":"timeline-left"},"lineColor":{"type":"string","default":"#F6F6F8"},"lineWidth":{"type":"number","default":4},"markerColor":{"type":"string","default":"#F6F6F8"},"showOtherSide":{"type":"boolean","default":true},"animationTimeline":{"type":"boolean","default":true},"animationLineColor":{"type":"string","default":"#F37321"},"showMarker":{"type":"boolean","default":true},"markerUnique":{"type":"boolean","default":false},"animationMarker":{"type":"boolean","default":true},"animationMarkerColor":{"type":"string","default":"#F37321"},"animationOtherSideSticky":{"type":"boolean","default":false}},"supports":{"html":false,"align":["wide","full"],"anchor":true,"spacing":{"margin":true}},"example":{"attributes":{},"innerBlocks":[]}}},"tagged_versions":["1.3.0","2.0.0","2.1.0","2.1.1"],"block_files":[],"assets_screenshots":{"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":3518747,"resolution":"1","location":"assets","locale":"","width":1616,"height":932},"screenshot-2.jpg":{"filename":"screenshot-2.jpg","revision":3371850,"resolution":"2","location":"assets","locale":"","width":1646,"height":924},"screenshot-3.jpg":{"filename":"screenshot-3.jpg","revision":3371850,"resolution":"3","location":"assets","locale":"","width":1471,"height":931},"screenshot-4.jpg":{"filename":"screenshot-4.jpg","revision":3518747,"resolution":"4","location":"assets","locale":"","width":1069,"height":898}},"screenshots":{"1":"Timeline widget in Elementor.","2":"Timeline block in Gutenberg.","3":"Timeline block in Gutenberg.","4":"Horizontal and vertical content layouts"}},"plugin_section":[],"plugin_tags":[4121,1332,76538,152129,5575],"plugin_category":[46],"plugin_contributors":[248675],"plugin_business_model":[],"class_list":["post-254776","plugin","type-plugin","status-publish","hentry","plugin_tags-blocks","plugin_tags-editor","plugin_tags-elementor","plugin_tags-gutenberg-blocks","plugin_tags-timeline","plugin_category-editor-and-writing","plugin_contributors-blackstar1991","plugin_committers-blackstar1991"],"banners":{"banner":"https:\/\/ps.w.org\/timeline-full-widget\/assets\/banner-772x250.jpg?rev=3518747","banner_2x":"https:\/\/ps.w.org\/timeline-full-widget\/assets\/banner-1544x500.jpg?rev=3518747","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/timeline-full-widget\/assets\/icon-128x128.png?rev=3371850","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/timeline-full-widget\/assets\/screenshot-1.jpg?rev=3518747","caption":"Timeline widget in Elementor."},{"src":"https:\/\/ps.w.org\/timeline-full-widget\/assets\/screenshot-2.jpg?rev=3371850","caption":"Timeline block in Gutenberg."},{"src":"https:\/\/ps.w.org\/timeline-full-widget\/assets\/screenshot-3.jpg?rev=3371850","caption":"Timeline block in Gutenberg."},{"src":"https:\/\/ps.w.org\/timeline-full-widget\/assets\/screenshot-4.jpg?rev=3518747","caption":"Horizontal and vertical content layouts"}],"raw_content":"<!--section=description-->\n<p>Timeline Full Widget is a lightweight and flexible <strong>WordPress timeline plugin<\/strong> that allows you to create timelines using both <strong>Elementor<\/strong> and <strong>Gutenberg<\/strong>.<\/p>\n\n<p>The plugin provides a consistent editing experience across builders and gives you full control over layout, styling, and content without unnecessary complexity.<\/p>\n\n<p>Key advantages:<\/p>\n\n<ul>\n<li>Works with <strong>Elementor and Gutenberg<\/strong><\/li>\n<li>Clean and simple editing experience<\/li>\n<li>Customizable styles (colors, typography, spacing)<\/li>\n<li>Support for images and video<\/li>\n<li>Responsive layout<\/li>\n<li>Reusable styles between timeline items<\/li>\n<\/ul>\n\n<p>You can use it for:<\/p>\n\n<ul>\n<li>Project timelines<\/li>\n<li>Roadmaps<\/li>\n<li>Company history<\/li>\n<li>Event timelines<\/li>\n<li>Milestones<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin files to the <code>\/wp-content\/plugins\/timeline-full-widget<\/code> directory, or install it through the WordPress plugins screen directly.<\/li>\n<li>Activate the plugin through the 'Plugins' screen in WordPress.<\/li>\n<li>Use the Elementor editor or Gutenberg editor.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20it%20work%20with%20the%20latest%20elementor%3F\"><h3>Does it work with the latest Elementor?<\/h3><\/dt>\n<dd><p>Yes, tested with Elementor 4.0.3 and WordPress 6.9.<\/p><\/dd>\n<dt id=\"does%20it%20support%20gutenberg%20%28block%20editor%29%3F\"><h3>Does it support Gutenberg (block editor)?<\/h3><\/dt>\n<dd><p>Yes, the plugin includes a native Gutenberg block. Type \u201c\/timeline\u201d<\/p><\/dd>\n<dt id=\"can%20i%20change%20the%20marker%20on%20the%20timeline%20items%3F\"><h3>Can I change the marker on the timeline items?<\/h3><\/dt>\n<dd><p>Yes, you can. Use the \"Edit marker\" button. In \"Marker Settings\" you need choose \"Unique Marker\" option, after that you would be able to set a personal marker like a image.<\/p><\/dd>\n<dt id=\"can%20i%20customize%20timeline%20item%20styles%3F\"><h3>Can I customize timeline item styles?<\/h3><\/dt>\n<dd><p>Yes, you can control colors, typography, spacing, and alignment for each item.<\/p><\/dd>\n<dt id=\"how%20to%20apply%20the%20same%20styles%20to%20all%20timeline%20items%20in%20block%20component%3F\"><h3>How to apply the same styles to all Timeline items in block component?<\/h3><\/dt>\n<dd><p>Use the \"Apply item styles to other items\" button. It copies styles from the current item to all other items.<\/p><\/dd>\n<dt id=\"can%20i%20set%20a%20unique%20marker%20that%20is%20wider%20%28width%29%20than%2030%20px%3F\"><h3>Can I set a unique marker that is wider (width) than 30 px?<\/h3><\/dt>\n<dd><p>Yes, but timeline styles may need adjustment. Example:<\/p>\n\n<p>@media (min-width: 701px) {\n    .tl-mark:has(img) {\n        max-width: 42px !important;\n        height: 30px;\n        left: calc(50% + 2px);\n    }\n}<\/p><\/dd>\n<dt id=\"is%20it%20responsive%3F\"><h3>Is it responsive?<\/h3><\/dt>\n<dd><p>Yes, the timeline layout adapts to different screen sizes.<\/p><\/dd>\n<dt id=\"will%20it%20work%20with%20my%20theme%3F\"><h3>Will it work with my theme?<\/h3><\/dt>\n<dd><p>Yes, it works with most WordPress themes, including block and classic themes.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>2.1.1<\/h4>\n\n<ul>\n<li>Bug fixes.<\/li>\n<\/ul>\n\n<h4>2.1.0<\/h4>\n\n<ul>\n<li>Added WordPress Playground support.<\/li>\n<li>Added support for horizontal and vertical content layouts.<\/li>\n<li>Added an option to reverse media and content order.<\/li>\n<\/ul>\n\n<h4>2.0.0<\/h4>\n\n<ul>\n<li>Bug fixes.<\/li>\n<li>Improved Title Typography controls.<\/li>\n<li>Added link wrapper support for media elements.<\/li>\n<li>Added timeline width style controls.<\/li>\n<\/ul>\n\n<h4>1.3.0<\/h4>\n\n<ul>\n<li>Added a button to copy styles from the current item.<\/li>\n<li>Added responsive media queries for the Gutenberg block timeline.<\/li>\n<li>Added responsive media queries for the Elementor widget timeline.<\/li>\n<li>Added controls for media width inside timeline items.<\/li>\n<li>Fixed Content Typography style issues in Elementor.<\/li>\n<li>Separated line and marker color styles.<\/li>\n<\/ul>\n\n<h4>1.2.0<\/h4>\n\n<ul>\n<li>Corrected timeline styles in the Gutenberg block.<\/li>\n<li>Bug fixes.<\/li>\n<\/ul>\n\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>Bug fixes.<\/li>\n<li>Added font-family selection for Title elements in the Gutenberg block.<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Added sticky text settings for the opposite side of the timeline.<\/li>\n<li>Corrected marker animation behavior.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Release Date - 25th September 2025.<\/li>\n<li>Initial Release.<\/li>\n<\/ul>","raw_excerpt":"Add a Timeline Widget easily to your WordPress site. Elementor Widget and Gutenberg Block for your site.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/en-ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/254776","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/en-ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/en-ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/en-ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=254776"}],"author":[{"embeddable":true,"href":"https:\/\/en-ca.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/blackstar1991"}],"wp:attachment":[{"href":"https:\/\/en-ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=254776"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/en-ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=254776"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/en-ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=254776"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/en-ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=254776"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/en-ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=254776"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/en-ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=254776"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}