{"id":150480,"date":"2021-11-25T13:02:54","date_gmt":"2021-11-25T13:02:54","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/advanced-timeline-block\/"},"modified":"2025-04-27T09:40:15","modified_gmt":"2025-04-27T09:40:15","slug":"advanced-timeline-block","status":"closed","type":"plugin","link":"https:\/\/sna.wordpress.org\/plugins\/advanced-timeline-block\/","author":14977198,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"2.1.3","stable_tag":"2.1.3","tested":"6.8.5","requires":"6.0","requires_php":"7.0","requires_plugins":null,"header_name":"Advanced Timeline Block","header_author":"Zakaria Binsaifullah","header_description":"<strong>Advanced Timeline Block<\/strong> is a custom <strong>Gutenberg Block<\/strong> built with <strong>Gutenberg Native Components<\/strong>. You can build your story timeline with this block.","assets_banners_color":"326dbd","last_updated":"2025-04-27 09:40:15","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/makegutenblock.com","rating":5,"author_block_rating":4.5172413793103,"active_installs":500,"downloads":6590,"num_ratings":9,"support_threads":1,"support_threads_resolved":0,"author_block_count":6,"sections":["description","installation","faq","changelog"],"tags":{"2.0.1":{"tag":"2.0.1","author":"binsaifullah","date":"2022-11-04 19:09:43"},"2.1.2":{"tag":"2.1.2","author":"binsaifullah","date":"2024-08-13 04:38:40"},"2.1.3":{"tag":"2.1.3","author":"binsaifullah","date":"2025-04-27 09:40:15"}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":9},"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":2635356,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":2812293,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":2812293,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":{"atlb\/timeline-block":{"apiVersion":3,"name":"atlb\/timeline-block","version":"0.1.0","title":"Timeline","category":"atlb-block","description":"Build timeline easily in Gutenberg Editor","supports":{"html":false,"anchor":false,"customClassName":false},"providesContext":{"atlb\/markerIcon":"markerIcon","atlb\/enableContentBoxShadow":"enableContentBoxShadow","atlb\/dateNameTag":"dateNameTag","atlb\/enabledateNameBoxShadow":"enabledateNameBoxShadow"},"example":{"attributes":{"desk_center_layout":"desk_center_layout","tab_center_layout":"tab_center_layout","mob_center_layout":"mob_center_layout","dateNameTag":"p"}},"attributes":{"id":{"type":"string"},"deskLayout":{"type":"string","default":"desk_center_layout"},"tabLayout":{"type":"string","default":"tab_center_layout"},"mobLayout":{"type":"string","default":"mob_left_layout"},"deskVerticalSpacing":{"type":"number","default":30},"tabVerticalSpacing":{"type":"number","default":30},"mobVerticalSpacing":{"type":"number","default":15},"contentDtopPadding":{"type":"string","default":"20"},"contentDbottomPadding":{"type":"string","default":"20"},"contentDleftPadding":{"type":"string","default":"20"},"contentDrightPadding":{"type":"string","default":"20"},"enableContentDlinkedPadding":{"type":"boolean","default":true},"contentDlinkedPadding":{"type":"string","default":"20"},"contentTtopPadding":{"type":"string","default":"15"},"contentTbottomPadding":{"type":"string","default":"15"},"contentTleftPadding":{"type":"string","default":"15"},"contentTrightPadding":{"type":"string","default":"15"},"enableContentTlinkedPadding":{"type":"boolean","default":true},"contentTlinkedPadding":{"type":"string","default":"15"},"contentMtopPadding":{"type":"string","default":"10"},"contentMbottomPadding":{"type":"string","default":"10"},"contentMleftPadding":{"type":"string","default":"10"},"contentMrightPadding":{"type":"string","default":"10"},"enableContentMlinkedPadding":{"type":"boolean","default":true},"contentMlinkedPadding":{"type":"string","default":"10"},"dateNameTag":{"type":"string","default":"p"},"dateDtopPadding":{"type":"string","default":"10"},"dateDbottomPadding":{"type":"string","default":"10"},"dateDleftPadding":{"type":"string","default":"10"},"dateDrightPadding":{"type":"string","default":"10"},"enableDateDlinkedPadding":{"type":"boolean","default":true},"dateDlinkedPadding":{"type":"string","default":"10"},"dateTtopPadding":{"type":"string","default":"15"},"dateTbottomPadding":{"type":"string","default":"15"},"dateTleftPadding":{"type":"string","default":"15"},"dateTrightPadding":{"type":"string","default":"15"},"enableDateTlinkedPadding":{"type":"boolean","default":true},"dateTlinkedPadding":{"type":"string","default":"15"},"dateMtopPadding":{"type":"string","default":"10"},"dateMbottomPadding":{"type":"string","default":"10"},"dateMleftPadding":{"type":"string","default":"10"},"dateMrightPadding":{"type":"string","default":"10"},"enableDateMlinkedPadding":{"type":"boolean","default":true},"dateMlinkedPadding":{"type":"string","default":"10"},"deskMarkerSize":{"type":"number","default":15},"tabMarkerSize":{"type":"number","default":15},"mobMarkerSize":{"type":"number","default":15},"deskMarkerContainerSize":{"type":"number","default":25},"tabMarkerContainerSize":{"type":"number","default":25},"mobMarkerContainerSize":{"type":"number","default":25},"markerIcon":{"type":"string","default":"far fa-arrow-alt-circle-down"},"connectorThickness":{"type":"number","default":2},"customColorsPallete":{"type":"boolean","default":true},"connectorColor":{"type":"string","default":"#406343"},"contentBorderStyle":{"type":"string","default":"solid"},"contentBorderColor":{"type":"string","default":"#406343"},"contentBorderTopWidth":{"type":"number","default":1},"contentBorderBottomWidth":{"type":"number","default":1},"contentBorderLeftWidth":{"type":"number","default":1},"contentBorderRightWidth":{"type":"number","default":1},"enableLinkedBorder":{"type":"boolean","default":true},"contentBorderLinkedWidth":{"type":"number","default":1},"contentBorderRadius":{"type":"number","default":0},"enableContentBoxShadow":{"type":"boolean","default":false},"contentBg":{"type":"string"},"markerBorderStyle":{"type":"string","default":"solid"},"markerBorderWidth":{"type":"number","default":1},"markerBorderColor":{"type":"string","default":"#406343"},"markerBorderRadius":{"type":"number","default":50},"markerColor":{"type":"string","default":"#406343"},"markerBg":{"type":"string","default":"#ffffff"},"dateNameBorderStyle":{"type":"string","default":"solid"},"dateNameBorderColor":{"type":"string","default":"#406343"},"dateNameBorderTopWidth":{"type":"string","default":"1"},"dateNameBorderBottomWidth":{"type":"string","default":"1"},"dateNameBorderLeftWidth":{"type":"string","default":"1"},"dateNameBorderRightWidth":{"type":"string","default":"1"},"enableDateNameLinkedBorder":{"type":"boolean","default":true},"dateNameBorderLinkedWidth":{"type":"string","default":"1"},"dateNameBorderRadius":{"type":"number","default":0},"enabledateNameBoxShadow":{"type":"boolean","default":false},"dateNameColor":{"type":"string"},"dateNameBg":{"type":"string"},"zindex":{"type":"number"},"customClass":{"type":"string"},"anchorId":{"type":"string"}},"textdomain":"advanced-timeline-block","editorScript":"file:.\/index.js","editorStyle":["file:.\/index.css","atlb-block-editor-css","atlb-block-icons"],"style":["file:.\/style-index.css","atlb-block-icons"]},"atlb\/single-timeline-item":{"apiVersion":3,"name":"atlb\/single-timeline-item","title":"Timeline Item","description":"Acts as child item for Timeline Block","category":"atlb-block","parent":["atlb\/timeline-block"],"supports":{"html":false,"align":false},"example":{"attributes":{"eventDate":"2020-01-01","markerIcon":"far fa-arrow-alt-circle-down","dateNameTag":"p"}},"attributes":{"eventDate":{"type":"string"},"markerIcon":{"type":"string","default":"far fa-arrow-alt-circle-down"},"enableContentBoxShadow":{"type":"boolean","default":false},"dateNameTag":{"type":"string","default":"p"},"enabledateNameBoxShadow":{"type":"boolean","default":false}},"usesContext":["atlb\/markerIcon","atlb\/enableContentBoxShadow","atlb\/dateNameTag","atlb\/enabledateNameBoxShadow"],"textdomain":"advanced-timeline-blocks","editorScript":"file:.\/index.js"}},"tagged_versions":["2.0.1","2.1.2","2.1.3"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":2812287,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":2812287,"resolution":"2","location":"assets","locale":""}},"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[190125,151831,151844,5575,205394],"plugin_category":[],"plugin_contributors":[174986],"plugin_business_model":[],"class_list":["post-150480","plugin","type-plugin","status-closed","hentry","plugin_tags-content-timeline","plugin_tags-custom-block","plugin_tags-gutenberg-block","plugin_tags-timeline","plugin_tags-timeline-block","plugin_contributors-binsaifullah","plugin_committers-binsaifullah"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/advanced-timeline-block_326dbd.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/advanced-timeline-block\/assets\/screenshot-1.png?rev=2812287","caption":""},{"src":"https:\/\/ps.w.org\/advanced-timeline-block\/assets\/screenshot-2.png?rev=2812287","caption":""}],"raw_content":"<!--section=description-->\n<p><strong>Advanced Timeline Block<\/strong> is a custom Gutenberg Block developed with <strong>Gutenberg Native Components<\/strong>. You can easily design your stories or events timeline in Gutenberg Editor. It is highly customizable with a number of options. It allows you to design your timeline content as per your need.<\/p>\n\n<h3>Overview<\/h3>\n\n<p>[youtube https:\/\/www.youtube.com\/watch?v=qQLSBQHyIuA]<\/p>\n\n<h3>Key Features<\/h3>\n\n<ul>\n<li>Simple, light-weight, and super-fast<\/li>\n<li><strong>Unlimited Inner Blocks for Timeline Content<\/strong> <\/li>\n<li><strong>Only CSS based Timeline<\/strong><\/li>\n<li><strong>Built with only Gutenberg Native Components<\/strong><\/li>\n<li><strong>No Block Builder at all<\/strong><\/li>\n<li><strong>100% Responsive<\/strong><\/li>\n<li><strong>Unlimited Timeline Content<\/strong><\/li>\n<li><strong>Responsive 3 Types of Timeline Style<\/strong>\n\n<ul>\n<li><strong>Both Sides Timeline<\/strong><\/li>\n<li><strong>Only Left Side Timeline<\/strong><\/li>\n<li><strong>Only Right Side Timeline<\/strong><\/li>\n<\/ul><\/li>\n<li>Unlimited Color<\/li>\n<li>FontAwesome Icon for Timeline Marker<\/li>\n<li>Highly Customizable with a lot of Options<\/li>\n<li>Easy to Use in Gutenberg Editor<\/li>\n<li>Drag &amp; Drop Use<\/li>\n<\/ul>\n\n<h4>About Developer<\/h4>\n\n<blockquote>\n  <p>Designed &amp; Developed By Zakaria Binsaifullah. Available for any freelance work, feel free to <a href=\"https:\/\/makegutenblock.com\/contact\">Contact Me<\/a><\/p>\n<\/blockquote>\n\n<!--section=installation-->\n<p>This section describes how to install the plugin and get it working.<\/p>\n\n<p>e.g.<\/p>\n\n<ol>\n<li>Upload the plugin files to the <code>\/wp-content\/plugins\/advanced-timeline-block<\/code> directory, or install the plugin through the WordPress plugins screen directly.<\/li>\n<li>Activate the plugin through the 'Plugins' screen in WordPress<\/li>\n<li>Simply go to Gutenberg Block Editor and you will find a new category with a new Block named \"Advanced Timeline Block\"<\/li>\n<li>Drag and drop to use it.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"is%20it%20responsive%3F\"><h3>Is it responsive?<\/h3><\/dt>\n<dd><p>Sure, it is 100% Responsive<\/p><\/dd>\n<dt id=\"have%20you%20used%20any%20block%20builder%3F\"><h3>Have you used any block builder?<\/h3><\/dt>\n<dd><p>No, it is built with 100% Gutenberg Native Components only.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>2.1.3<\/h4>\n\n<ul>\n<li>Fixed: New timeline item add button issue <\/li>\n<li>Improved: Codes quality Improved<\/li>\n<\/ul>\n\n<h4>2.0.0<\/h4>\n\n<ul>\n<li>2.0.0 - A major update with a lot of new features and more optimization<\/li>\n<\/ul>\n\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>1.0.0 - Initial Release<\/li>\n<\/ul>","raw_excerpt":"Advanced Timeline Block is a custom Gutenberg Block developed with Gutenberg Native Components. You can easily design your stories or events timeline  &hellip;","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/sna.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/150480","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sna.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/sna.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/sna.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=150480"}],"author":[{"embeddable":true,"href":"https:\/\/sna.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/binsaifullah"}],"wp:attachment":[{"href":"https:\/\/sna.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=150480"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/sna.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=150480"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/sna.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=150480"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/sna.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=150480"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/sna.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=150480"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/sna.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=150480"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}