Description
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.
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: coverto ensure professional cropping without distortion. - Zigzag Layout Intelligence: The plugin automatically alternates your events left and right, maintaining a perfectly straight center spine.
- Dual Layout Options: Choose between the “Classic” (calendar-box style) and “Flat” (minimalist modern) layouts.
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"](Best for detailed history) - Flat Layout:
[deartimeline layout="flat"](Best for modern roadmaps)
Animations
Choose from professional entrance effects:
– [deartimeline animation="fade-in"] (Default)
– [deartimeline animation="flip-up"]
– [deartimeline animation="zoom"]
Installation
- Upload the plugin files to the
/wp-content/plugins/deartimelinedirectory, or install the plugin through the WordPress plugins screen directly. - Activate the plugin through the ‘Plugins’ screen in WordPress.
- 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, minimalist look) -
Are there any animation options?
-
Absolutely. Use the
animationparameter 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
Contributors & Developers
“DearTimeline” is open source software. The following people have contributed to this plugin.
Contributors
Translate “DearTimeline” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
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.