{"id":273703,"date":"2026-01-27T15:51:36","date_gmt":"2026-01-27T15:51:36","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/deartimeline\/"},"modified":"2026-04-06T03:21:02","modified_gmt":"2026-04-06T03:21:02","slug":"deartimeline","status":"publish","type":"plugin","link":"https:\/\/srd.wordpress.org\/plugins\/deartimeline\/","author":23433661,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.1.0","stable_tag":"trunk","tested":"6.9.4","requires":"5.0","requires_php":"7.2","requires_plugins":null,"header_name":"DearTimeline","header_author":"Ankit Gyanwali","header_description":"A responsive vertical timeline designed for modern WordPress sites.","assets_banners_color":"c2cdd7","last_updated":"2026-04-06 03:21:02","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":5,"author_block_rating":0,"active_installs":0,"downloads":165,"num_ratings":2,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":{"1.2.0":"<p>This version significantly improves the editing experience by centralizing all controls and adding batch creation capabilities.<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":2},"assets_icons":[],"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":3499585,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":[],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"The centralized Event Styling workspace.","2":"The batch creation repeater form.","3":"Live Desktop Preview inside the editor."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[1433,606,14785,5575,12837],"plugin_category":[],"plugin_contributors":[254778],"plugin_business_model":[],"class_list":["post-273703","plugin","type-plugin","status-publish","hentry","plugin_tags-history","plugin_tags-responsive","plugin_tags-roadmap","plugin_tags-timeline","plugin_tags-vertical-timeline","plugin_contributors-ankit07721","plugin_committers-ankit07721"],"banners":{"banner":"https:\/\/ps.w.org\/deartimeline\/assets\/banner-772x250.png?rev=3499585","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/deartimeline_c2cdd7.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"<!--section=description-->\n<p>DearTimeline allows you to create beautiful, responsive vertical timelines with professional zigzag layouts. Unlike other timeline plugins that clutter your page with complex blocks, DearTimeline provides a simplified, centralized workspace designed for speed and clarity.<\/p>\n\n<h3>Why DearTimeline Plugin for WordPress?<\/h3>\n\n<p>Most timeline plugins rely on the complex Block Editor, which can be overwhelming for simple event management. DearTimeline removes the noise and gives you a dedicated \"Event Styling\" dashboard. It\u2019s built for users who want a professional, high-end timeline without the configuration headache.<\/p>\n\n<h3>Core Features (Explained)<\/h3>\n\n<ul>\n<li><strong>Centralized Workspace<\/strong>: Say goodbye to the Block Editor. Manage titles, dates, descriptions, and images from a single, high-priority dashboard in your admin screen.<\/li>\n<li><strong>Integrated Live Preview<\/strong>: An embedded \"Live Desktop Preview\" appears directly below your editor, showing your changes instantly as you save.<\/li>\n<li><strong>Frontend Batch Creation<\/strong>: Use the unique \"Add New Event\" popup on your website to add multiple events at once using a repeater-style form.<\/li>\n<li><strong>Precision Image Controls<\/strong>: Every event image can have its own custom width and height, rendered with <code>object-fit: cover<\/code> to ensure professional cropping without distortion.<\/li>\n<li><strong>Zigzag Layout Intelligence<\/strong>: The plugin automatically alternates your events left and right, maintaining a perfectly straight center spine.<\/li>\n<li><strong>Dual Layout Options<\/strong>: Choose between the \"Classic\" (calendar-box style) and \"Flat\" (minimalist modern) layouts.<\/li>\n<\/ul>\n\n<h3>Best Use Cases<\/h3>\n\n<ul>\n<li><strong>Company History<\/strong>: showcase your brand's journey from day one to today.<\/li>\n<li><strong>Product Roadmaps<\/strong>: Keep your customers informed about upcoming features and past milestones.<\/li>\n<li><strong>Personal Portfolios<\/strong>: Display your career progression or life story in a visually engaging way.<\/li>\n<li><strong>Event Schedules<\/strong>: Perfect for conferences or multi-day workshops.<\/li>\n<\/ul>\n\n<h3>Usage<\/h3>\n\n<h3>Basic Shortcode<\/h3>\n\n<pre><code>[deartimeline]\n<\/code><\/pre>\n\n<h3>Switching Layouts<\/h3>\n\n<ul>\n<li><strong>Classic Layout<\/strong>: <code>[deartimeline layout=\"classic\"]<\/code> (Best for detailed history)<\/li>\n<li><strong>Flat Layout<\/strong>: <code>[deartimeline layout=\"flat\"]<\/code> (Best for modern roadmaps)<\/li>\n<\/ul>\n\n<h3>Animations<\/h3>\n\n<p>Choose from professional entrance effects:\n- <code>[deartimeline animation=\"fade-in\"]<\/code> (Default)\n- <code>[deartimeline animation=\"flip-up\"]<\/code>\n- <code>[deartimeline animation=\"zoom\"]<\/code><\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin files to the <code>\/wp-content\/plugins\/deartimeline<\/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>Use the <code>[deartimeline]<\/code> shortcode in any page or post.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"how%20do%20i%20use%20the%20shortcode%3F\"><h3>How do I use the shortcode?<\/h3><\/dt>\n<dd><p>Simply add <code>[deartimeline]<\/code> to any page or post. By default, this will display all your published timeline events.<\/p><\/dd>\n<dt id=\"can%20i%20change%20the%20layout%3F\"><h3>Can I change the layout?<\/h3><\/dt>\n<dd><p>Yes! You can choose between two professional styles:\n- <strong>Classic<\/strong>: <code>[deartimeline layout=\"classic\"]<\/code> (Calendar-style dates)\n- <strong>Flat<\/strong>: <code>[deartimeline layout=\"flat\"]<\/code> (Modern, minimalist look)<\/p><\/dd>\n<dt id=\"are%20there%20any%20animation%20options%3F\"><h3>Are there any animation options?<\/h3><\/dt>\n<dd><p>Absolutely. Use the <code>animation<\/code> parameter to pick your entrance effect:\n- <code>[deartimeline animation=\"fade-in\"]<\/code> (Subtle)\n- <code>[deartimeline animation=\"flip-up\"]<\/code> (Dynamic)\n- <code>[deartimeline animation=\"zoom\"]<\/code> (Engaging)<\/p><\/dd>\n<dt id=\"how%20do%20i%20add%20multiple%20events%20at%20once%3F\"><h3>How do I add multiple events at once?<\/h3><\/dt>\n<dd><p>On the frontend of your site (when logged in as an admin), click the \"Add New Event\" button. Use the \"+ Add Another Event\" button in the popup to fill out multiple entries before hitting \"Publish.\"<\/p><\/dd>\n<dt id=\"where%20do%20i%20set%20the%20image%20size%3F\"><h3>Where do I set the image size?<\/h3><\/dt>\n<dd><p>Inside the \"Event Styling\" box on the Edit screen, look for the \"Image Width\" and \"Image Height\" fields. You can use pixels (e.g., 300px) or percentages (e.g., 100%).<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.2.0<\/h4>\n\n<ul>\n<li>Integrated Featured Image selector into the central meta box.<\/li>\n<li>Added custom Width and Height controls for event images.<\/li>\n<li>Added \"Live Desktop Preview\" directly to the Event Edit screen.<\/li>\n<li>Refactored frontend popup to support batch event creation.<\/li>\n<\/ul>\n\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>Improved zigzag layout with straight-line alignment.<\/li>\n<li>Standardized image heights (300px).<\/li>\n<li>Fixed text domain issues and compliance headers.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"A premium, responsive vertical timeline for WordPress. Features a centralized &quot;All-in-One&quot; editor, batch event creation, and custom image di &hellip;","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/srd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/273703","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/srd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/srd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/srd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=273703"}],"author":[{"embeddable":true,"href":"https:\/\/srd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/ankit07721"}],"wp:attachment":[{"href":"https:\/\/srd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=273703"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/srd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=273703"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/srd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=273703"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/srd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=273703"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/srd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=273703"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/srd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=273703"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}