Title: Dear Timeline Author: ankit07721 Published: Januari 27, 2026 Last modified: Juni 16, 2026 --- Search plugins ![](https://ps.w.org/deartimeline/assets/banner-772x250.png?rev=3499585) ![](https://ps.w.org/deartimeline/assets/icon-128x128.png?rev=3502210) # Dear Timeline By [ankit07721](https://profiles.wordpress.org/ankit07721/) [Download](https://downloads.wordpress.org/plugin/deartimeline.zip) * [Details](https://su.wordpress.org/plugins/deartimeline/#description) * [Reviews](https://su.wordpress.org/plugins/deartimeline/#reviews) * [Installation](https://su.wordpress.org/plugins/deartimeline/#installation) * [Development](https://su.wordpress.org/plugins/deartimeline/#developers) [Support](https://wordpress.org/support/plugin/deartimeline/) ## Description DearTimeline allows you to create beautiful, responsive vertical timelines with automatic zigzag layouts. Unlike other timeline plugins that clutter your page with complex blocks, DearTimeline provides a simplified, centralized workspace designed for speed and clarity. ### Why DearTimeline Plugin for WordPress? 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’s built for users who want a professional, high-end timeline without the configuration headache. ### Core Features (Explained) * **Centralized Workspace**: Say goodbye to the Block Editor. Manage titles, dates, descriptions, and images from a single, high-priority dashboard in your admin screen. * **Integrated Live Preview**: An embedded “Live Desktop Preview” appears directly below your editor, showing your changes instantly as you save. * **Frontend Batch Creation**: Use the unique “Add New Event” popup on your website to add multiple events at once using a repeater-style form. * **Precision Image Controls**: Every event image can have its own custom width and height, rendered with `object-fit: cover` to ensure professional cropping without distortion. * **Modern Card-Based Layout**: Events are displayed as sleek white cards with rounded corners and subtle shadows for a premium look. * **Zigzag Alternation**: Events automatically alternate left and right around a clean central spine with circular dot markers. * **Dual Layout Options**: Choose between the “Classic” (calendar-box style) and“ Flat” (modern card-based) layouts. * **Scroll Reveal Animations**: Timeline items fade and slide in as the user scrolls, powered by IntersectionObserver. ### Best Use Cases * **Company History**: showcase your brand’s journey from day one to today. * **Product Roadmaps**: Keep your customers informed about upcoming features and past milestones. * **Personal Portfolios**: Display your career progression or life story in a visually engaging way. * **Event Schedules**: Perfect for conferences or multi-day workshops. ### Usage ### Basic Shortcode ``` [deartimeline] ``` ### Switching Layouts * **Classic Layout**: `[deartimeline layout="classic"]` (Calendar-box style) * **Flat Layout**: `[deartimeline layout="flat"]` (Modern cards with image) ### Animations Choose from professional entrance effects: – `[deartimeline animation="fade-in"]`( Default) – `[deartimeline animation="flip-up"]` – `[deartimeline animation="zoom"]` ## Installation 1. Upload the plugin files to the `/wp-content/plugins/deartimeline` directory, or install the plugin through the WordPress plugins screen directly. 2. Activate the plugin through the ‘Plugins’ screen in WordPress. 3. Use the `[deartimeline]` shortcode in any page or post. ## FAQ ### How do I use the shortcode? Simply add `[deartimeline]` to any page or post. By default, this will display all your published timeline events. ### Can I change the layout? Yes! You can choose between two professional styles: – **Classic**: `[deartimeline layout="classic"]` (Calendar-style dates) – **Flat**: `[deartimeline layout="flat"]`( Modern card-based layout) ### Are there any animation options? Absolutely. Use the `animation` parameter to pick your entrance effect: – `[deartimeline animation="fade-in"]` (Subtle) – `[deartimeline animation="flip-up"]` (Dynamic) –`[ deartimeline animation="zoom"]` (Engaging) ### How do I add multiple events at once? 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.” ### Where do I set the image size? 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%). ## Reviews ![](https://secure.gravatar.com/avatar/c049c1885018fa3377f85739a3edc6202bb4b395798bcb2f458e68068f7ef49b? s=60&d=retro&r=g) ### 󠀁[Amazing Product](https://wordpress.org/support/topic/amazing-product-69/)󠁿 [rohan002](https://profiles.wordpress.org/rohan002/) Januari 30, 2026 Best fit for my site, perfectly aligned and supportive developer. ![](https://secure.gravatar.com/avatar/a2b4a8c0bd6a5294e4200561fec4bd62b9fbed2b07f2c78e43bb5d81a3edcd6a? s=60&d=retro&r=g) ### 󠀁[Very fast and responsive plugin](https://wordpress.org/support/topic/very-fast-and-responsive-plugin/)󠁿 [a2zsolution](https://profiles.wordpress.org/a2zsolution/) Januari 29, 2026 So today I used this plugging in my site , and it was very fast and responsive . I am very satisfied with it. [ Read all 2 reviews ](https://wordpress.org/support/plugin/deartimeline/reviews/) ## Contributors & Developers “Dear Timeline” is open source software. The following people have contributed to this plugin. Contributors * [ ankit07721 ](https://profiles.wordpress.org/ankit07721/) [Translate “Dear Timeline” into your language.](https://translate.wordpress.org/projects/wp-plugins/deartimeline) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/deartimeline/), check out the [SVN repository](https://plugins.svn.wordpress.org/deartimeline/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/deartimeline/) by [RSS](https://plugins.trac.wordpress.org/log/deartimeline/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.3.0 * Complete flat layout overhaul: modern card-based UI with white cards, rounded corners, and subtle shadows. * New CSS variables system for easy customization. * Circular dot markers with indigo accent border instead of square nodes. * Pill-shaped year separator labels. * Soft gray central line (configurable). * Responsive mobile layout: single-sided spine with stacked content. * Scroll reveal animations via IntersectionObserver. * Improved zigzag alternation with reliable flexbox ordering. #### 1.2.0 * Integrated Featured Image selector into the central meta box. * Added custom Width and Height controls for event images. * Added “Live Desktop Preview” directly to the Event Edit screen. * Refactored frontend popup to support batch event creation. #### 1.1.0 * Improved zigzag layout with straight-line alignment. * Standardized image heights (300px). * Fixed text domain issues and compliance headers. #### 1.0.0 * Initial release. ## Meta * Version **1.3.0** * Last updated **6 dinten ago** * Active installations **Fewer than 10** * WordPress version ** 5.6 or higher ** * Tested up to **7.0** * PHP version ** 7.2 or higher ** * Language * [English (US)](https://wordpress.org/plugins/deartimeline/) * Tags * [history](https://su.wordpress.org/plugins/tags/history/)[responsive](https://su.wordpress.org/plugins/tags/responsive/) [roadmap](https://su.wordpress.org/plugins/tags/roadmap/)[timeline](https://su.wordpress.org/plugins/tags/timeline/) [vertical timeline](https://su.wordpress.org/plugins/tags/vertical-timeline/) * [Advanced View](https://su.wordpress.org/plugins/deartimeline/advanced/) ## Ratings 5 out of 5 stars. * [ 2 5-star reviews ](https://wordpress.org/support/plugin/deartimeline/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/deartimeline/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/deartimeline/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/deartimeline/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/deartimeline/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/deartimeline/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/deartimeline/reviews/) ## Contributors * [ ankit07721 ](https://profiles.wordpress.org/ankit07721/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/deartimeline/)