Ralf

<p>With “A Year Before” you can show the titles of the articles which were written a certain time ago. So you can show in a “historical corner”, what happend in your blog e.g. 30 days, 6 months or a year before. You also can use the “anniversary-mode”, which will display all the posts through the years, which were written on this day and month.</p>
<p>You can use it as a wordpress-widget or put it in your theme as a php-function with parameters.</p>
<h3>Configuration</h3>
<h4>Using the widget</h4>
<p>Just click on the configuration-button of the widget an use the selfexplaining popup-dialog.<br />
Use the output-pattern to define the look of the found articles. Possible patterns are:</p>
<ul>
<li>%title% The title of the article</li>
<li>%link% The link to the article</li>
<li>%date% The date of the article</li>
<li>%excerpt% The excerpt of the article. You can define the number of displayed characters bei appending the number like %excerpt80%, which will display 80 characters.</li>
<li>%thumbnail% The featured image of the article.</li>
</ul>
<h4>Not using the widget</h4>
<p>You can call the plugin with a PHP-statement in a WordPress-Theme and pass some parameters in this scheme<br />
parameter1=value1&parameter2=value2&parameter3=value3 …</p>
<p>You can use the following parameters</p>
<ul>
<li>day : the number of days ago you want to show the articles.</li>
<li>month : the number of month ago you want to show the articles.</li>
<li>year : the number of years ago you want to show the articles.</li>
<li>before : piece of HTML to insert before the title of the articles. Default <code><li></code></li>
<li>after: piece of HTML to insert after the title of the articles. Default <code></li></code></li>
<li>range: number of days the plugin will search back in the future (relative to the values of day, month and year above) for an article. Meant as a “round about this day”-feature. Default 0</li>
<li>showdate: shows the date (showdate=1) before every title or not (showdate=0)</li>
<li>dateformat : dateformat as used by PHP. Default ist the german shortform “d.m.y”</li>
<li>notfound: the text the plugin will output, if no article is found on the defined date.</li>
<li>anniversary: if set to 1, the plugin will display all articles ever blogged with the same number of day and month. The parameters “day”, “month”, “year” and “range” will be ignored if used.</li>
<li>private: show private posts? 0: only public posts 1: private and public posts 2: only private posts. Default 0</li>
<li>showpages: show pages? 0: No, 1: Yes. Default 0</li>
<li>posts_max: number of articles to be shown. 0 means ‘all’. Default 0</li>
</ul>
<h4>Examples</h4>
<pre><code>ayb_posts("day=30&before=&after=<br />&showdate=0");
</code></pre>
<p>Shows the titles of the articles written 30 days ago without showing the date. The articles will not been showed as a HTML-list but simply seperated by a linebreak <code><br /></code>.</p>
<pre><code>ayb_posts("month=6&day=14&notfound=Nothing blogged on this day.");
</code></pre>
<p>The titles of the articles written half a year and two weeks before, also showing the date . If there was no article written on that day, the output will be »Nothing blogged on this day.«</p>
<pre><code>ayb_posts("range=14&dateformat=y-m-d");
</code></pre>
<p>Looks up a year back for written articles. If none are found, the plugin will check the next 14 days in the future. If a article is found on some of this days, all articles of this day will be listed with a “year-month-day”-format.</p>
<pre><code>ayb_posts("anniversary=1");
</code></pre>
<p>Shows the title of all posts, which were posted on the same day in the same month, independend of the year. E.g. on chistmas day you will see all posts, which are posted on december 24th since the blog was started.</p>
<h3>Styling</h3>
<p>If you like CSS, you can style the date with the class <code>ayb_date</code>, the link of the article with the class <code>ayb_link</code> and the notfound-message by using the class <code>ayb_notfound</code>.</p>
<h3>Uninstall</h3>
<p>Deactivate the plugin, then select “delete” in the plugin-panel. The files <em>and</em> the options of this plugin will be deleted. Thank you for using “a year before”. 😉</p>


A Year Before

"A Year Before" shows a list of articles, which were written a certain time ago. So you can show in a history, what happend in your blog in  …

Satinder Singh

CoolHappy

Cool Plugins

<h3>Elementor Timeline – Vertical & Horizontal Timeline</h3>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/_WYTT0iBvyo?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<p><strong><a href="https://cooltimeline.com/plugin/elementor-timeline-widget-pro/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=top_description" rel="nofollow ugc">Timeline Widget for Elementor</a></strong> is a powerful timeline slider plugin that allows you to create stunning <strong><a href="https://cooltimeline.com/elementor-widget/free-timeline/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=demo&utm_content=vertical_free_demo" rel="nofollow ugc">vertical</a></strong> and <strong><a href="https://cooltimeline.com/elementor-widget/free-timeline/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=demo&utm_content=horizontal_free_demo#horizontal" rel="nofollow ugc">horizontal timelines</a></strong> to showcase your achievements, personal journey, or company history directly inside Elementor.</p>
<p>Whether you’re showcasing a company history, project roadmap, personal journey, or blog timeline. With multiple designs and customization options for colors, fonts, and icons, you can easily design your Elementor timelines according to your brand.</p>
<h3>Key Features</h3>
<ul>
<li><strong>Compatibility with Elementor:</strong> Fully integrated with Elementor, simply drag and drop the timeline widget into any page and start customizing your timeline sliders visually.</li>
<li><strong>Story Timeline:</strong> Perfect for showcasing any type of story or chronological content like company history, career paths, product journeys, or blog timelines.</li>
<li><strong>Multiple Layouts:</strong> Choose between vertical timelines or horizontal layouts according to your preferences.</li>
<li><strong>Pre-made Templates:</strong> Use pre-designed timeline slider layouts to quickly create a timeline. Just choose a template, add your content, and customize it to match your style.</li>
<li><strong>Font Awesome Icons Support:</strong> Assign icons to each timeline step using the built-in Font Awesome library according to the story.</li>
<li><strong>Custom Labels:</strong> Add personalized text labels to each timeline step and display important details like dates, years, event names, or step numbers.</li>
<li><strong>Image & Multimedia Support:</strong> Enhance your timeline’s engagement using interactive images that visually tell your story.</li>
<li><strong>Timeline Customization:</strong> Customize typography, colors, backgrounds, spacing, and borders of your story elements for a more personalized look.</li>
<li><strong>Content Alignment Options:</strong> Align your text and media (left, right, or center) according to your design and layout.</li>
<li><strong>Compatible with all WordPress Themes:</strong> Timeline widget plugin is fully compatible with all WordPress themes.</li>
<li><strong>Fully Responsive:</strong> This plugin is fully responsive, ensuring that your events display perfectly on all screen sizes.</li>
</ul>
<p>🔗<a href="https://cooltimeline.com/elementor-widget/free-timeline/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=demo&utm_content=view_free_demo" rel="nofollow ugc">Check Free Version Demos</a></p>
<h3>Use Cases</h3>
<ul>
<li><strong>Company Achievements:</strong> Highlight your company’s milestones and achievements.</li>
<li><strong>Historical Timelines:</strong> Show historical events or company history.</li>
<li><strong>Step-by-Step Guides:</strong> Visualize processes or tutorials in a timeline format.</li>
<li><strong>Program Timelines:</strong> Display program schedules or phases clearly.</li>
<li><strong>Event Timelines:</strong> Highlight past and upcoming events effectively.</li>
<li><strong>Job Stories/Personal Milestones:</strong> Share job histories or personal achievements.</li>
<li><strong>Work Experience Timelines:</strong> Create timeline sliders of work experience for resumes or portfolios.</li>
<li><strong>Product Roadmaps:</strong> Show product development stages and future plans.</li>
<li><strong>Brand Stories:</strong> Tell your brand’s story in an engaging way.</li>
</ul>
<h3>Upgrade to Pro Version</h3>
<p>Upgrading to the Timeline Widget Pro unlocks more advanced features like:</p>
<ul>
<li><strong>Layout Options:</strong> Choose from Vertical, Horizontal, and One-Sided timelines to match your design needs.</li>
<li><strong>Preset Styles:</strong> Set up beautiful timeline sliders in one click with styles like elegant, minimal, and classic.</li>
<li><strong>Post Timeline:</strong> Display your blog posts in an attractive timeline layout.</li>
<li><strong>Advanced Style Settings:</strong> Customize your timeline’s look to match your website’s design.</li>
<li><strong>Animation Effects:</strong> Bring your timelines to life with over 15 animation effects like fade-in, flip-up, and zoom.</li>
<li><strong>Colors & Typography:</strong> Easily adjust text size, fonts, and colors for a perfect look.</li>
<li><strong>Custom Color Stories:</strong> Use different colors for each story in your timeline for a vibrant effect.</li>
<li><strong>Image/Video/Slideshow:</strong> Add images, videos, or slideshows to your timeline.</li>
<li><strong>Ajax Load More:</strong> Load more stories as users scroll down the timeline.</li>
<li><strong>Icons in Timeline:</strong> Use icons, custom text, or images as timeline markers.</li>
</ul>
<p>🔗 <a href="https://cooltimeline.com/demo/elementor-timeline-widget/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=demo&utm_content=view_pro_demo" rel="nofollow ugc">Check Pro Version Demos</a> | <a href="https://cooltimeline.com/plugin/elementor-timeline-widget-pro/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=get_pro&utm_content=get_pro#pricing" rel="nofollow ugc">Get Pro</a></p>
<h3>Check our other plugins demos</h3>
<ul>
<li><strong>Cool Timeline:</strong> Display your company’s history, product roadmaps, personal stories, or key events using the built-in block or via simple shortcode. <a href="https://cooltimeline.com/demo/free-timeline/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=demo&utm_content=ctl_free_demo" rel="nofollow ugc">View Demo</a></li>
<li><strong>Timeline Block For Gutenberg:</strong> Create interactive timelines directly within the WordPress Block Editor to display step-by-step tutorials, a company’s history, and a product roadmap. <a href="https://cooltimeline.com/demo/gutenberg-timeline-block/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=demo&utm_content=tbg_free_demo" rel="nofollow ugc">View Demo</a></li>
<li><strong>Timeline Module Pro For Divi:</strong> Showcase your personal story or company history using stunning vertical or horizontal timelines directly inside the Divi Builder. <a href="https://cooltimeline.com/divi/?utm_source=twae_plugin&utm_medium=readme&utm_campaign=demo&utm_content=tmdivi_view_demo" rel="nofollow ugc">View Demo</a></li>
</ul>
<p><strong>Use of 3rd Party Services:</strong> This plugin connects to the Cool Plugins API to display information about related plugins inside the dashboard. It also offers optional usage tracking and optional feedback submission on deactivation. Data is sent only after explicit user consent. No hidden tracking is performed, and no frontend visitor or site user data is collected. For more details, please review our <a href="https://my.coolplugins.net/terms/usage-tracking/" rel="nofollow ugc">Data Usage Policy</a>, <a href="https://my.coolplugins.net/terms/" rel="nofollow ugc">TOS</a>, and <a href="https://my.coolplugins.net/terms/privacy-policy/" rel="nofollow ugc">Privacy Policy</a>.</p>


Timeline Widget For Elementor (Elementor Timeline, Vertical & Horizontal Timeline)

I did not have any issues with this plugin with Elementor. I did not use the image feature, but otherwise my timelines look exactly like how this timeline plugin shows in their example, and that's all I needed. I could foresee needing advanced features that are in the pro version of this plugin but for now the free version is all I need for now. Thanks @coolplugins.

Exactly what I wanted for my Elementor site


I needed a timeline to display some data, installed the plugin's free version, everything worked as expected. Not much else to say, except thank you!


Works as expected


Plugin worked well as expected and clear documentation helped me to setup the desired result. Good job and keep it up.


Easy customizable and worked with minimal setup

Awesome plugin


This plugin was easy to setup and use, and really usefull for a timeline chart.


Easy and usefull

Highlight your company’s history, milestones, and key events directly inside Elementor using stunning vertical and horizontal timelines.

A Year Before vs Timeline Widget For Elementor (Elementor Timeline, Vertical & Horizontal Timeline)