poetaster

<h4>EN:</h4>
<p>A simple wordpress plugin to parse shortcodes and produce a nice html/css only timeline.</p>
<p>This plugin provides 4 shortcodes:</p>
<ul>
<li>[ctimeline] – a wrapper for the entire timeline</li>
<li>[ctentry] – a date label with an entry and option content</li>
<li>[ctspace] – a simple spacer</li>
<li>[ctdate] – not implemented yet.</li>
</ul>
<p>Take a look at the screenshots to see what rendering looks like. CSS3<br />
transitions and html supply minimal animations. Most markup can be used within<br />
the shortcodes to achieve formatting and, for instance, embed images. The<br />
following example demonstrates,</p>
<ul>
<li>‘fake’ super/sub sections, not using the ‘date’ param of ctentry </li>
<li>embed a picture</li>
<li>format a label</li>
</ul>
<p>[ctimeline]</p>
<p>[ctentry date=”” label=”2015″] Wasn’t much going on in 2015.[/ctentry]</p>
<p>[ctentry date=”11 May 2015 ” label=”The title of this entry reflects the needs of verbose headline copy editors.”]</p>
<p>amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<br />
[/ctentry]</p>
<p>[ctspace][/ctspace]</p>
<p>[ctspace][/ctspace]</p>
<p>[ctentry date=”” label=”2016″] A bit more going on in 2016.[/ctentry]</p>
<p>[ctentry date=”12 May 2016″ label=”12th cool”]<br />
Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante.<br />
[/ctentry]</p>
<p>[ctentry date=”13 May 2016″ label=”13th cool”]<br />
In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. Curabitur tortor. Pellentesque nibh. Aenean quam. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<br />
[/ctentry]</p>
<p>[/ctimeline]</p>


csstimeline

Agile Logix

<p>Create stunning and interactive timelines for your WordPress posts with ease. Post Timeline is the ultimate plugin for displaying your WordPress content in a visually appealing timeline format. Whether you want to showcase your blog history, company milestones, or any sequential content, Post Timeline offers a variety of customization options to fit your needs.</p>
<h3>🌟 Description</h3>
<p>Post Timeline is the WordPress Plugin that creates beautiful timeline pages for your WordPress posts. With this plugin, users can create unlimited vertical timelines and automatically generate animated scroll navigation based on tags or dates in ascending order.</p>
<p><strong><a href="https://posttimeline.com/" rel="nofollow ugc">🚀 DEMO OF POST TIMELINE</a></strong></p>
<h3>✨ Simple and Single Timeline</h3>
<p>Use the shortcode <code>[post-timeline]</code> to create a Post Timeline on any page or post.</p>
<h3>🔄 Multiple Timelines</h3>
<p>To create multiple timelines, the admin needs to create multiple categories and assign posts to those categories. Then use the shortcode below:</p>
<pre><code>[post-timeline category="3"]
</code></pre>
<p>Where <code>3</code> is the category ID. All the posts associated with Category ID <code>3</code> will appear with the above shortcode.<br />
<strong><a href="https://posttimeline.com/docs/how-to-create-multiple-timelines/" rel="nofollow ugc">How to Create Multiple Timelines</a></strong></p>
<h3>🧭 How Navigation Works?</h3>
<p>Post Timeline Tags is an important tab of a timeline. Through this tab, admin users can create tags and associate their posts with those tags. Once all the posts are assigned to those tags, the Post Timeline will collect all the tags and use them in navigation.</p>
<p><strong><a href="https://posttimeline.com/docs/post-timeline-tags/" rel="nofollow ugc">Tags for Navigation</a></strong></p>
<h3>📋 Supports Custom Post Types</h3>
<p>Post Timeline supports custom post types, making it versatile for a variety of content. To create a timeline for a custom post type, use the attribute <code>post-type</code> as shown below:</p>
<pre><code>[post-timeline post-type="custom_post_type"]
</code></pre>
<p>Replace <code>custom_post_type</code> with your desired post type. This feature allows you to display not just regular posts, but any custom post types you’ve created, such as events, products, or portfolios.</p>
<p>For multiple post timelines, check the documentation. Feel free to create a ticket in case of any problem or bug.</p>
<blockquote>
<p><strong>Post Timeline – Documentation</strong><br />
  <a href="https://posttimeline.com/documentation/" rel="nofollow ugc">Post Timeline Documentation</a><br />
  <a href="https://posttimeline.com/timeline-templates/" rel="nofollow ugc">Post Timeline Demos</a><br />
  <a href="https://wordpress.org/support/plugin/post-timeline" rel="ugc">Create a Ticket</a>.</p>
</blockquote>
<h3>🌟 Post Timeline Features</h3>
<ul>
<li>🆓 Unlimited free timelines</li>
<li>🔀 Separate each Timeline by Category Id <code>[post-timeline category="xxx"]</code>, where xxx is the category Id</li>
<li>🎯 Beautiful Side Navigation with Smooth Animation</li>
<li>🚀 Auto Create Navigation from Tags</li>
<li>🎨 Set Color for each Timeline Post</li>
<li>🏷️ Assign Icon for each Timeline Post</li>
<li>📅 Select Date for each Timeline Post</li>
<li>🔗 Setup Separate Page URL</li>
<li>🗂️ Assign Category and Tags</li>
<li>🏷️ Create Tag-based Timeline</li>
<li>📱 Responsive UI that looks cool on every single device</li>
<li>🖼️ Beautiful UI of the vertical timeline</li>
<li>🌍 Multi Language supported</li>
<li>⏳ Set Tag-based or Year-based Timeline with parameter <code>[post-timeline type="date"]</code> for Yearly navigation.</li>
<li>🔠 Select Desired GoogleFont for Timeline</li>
<li>➖ 3 different Line styles in Timeline (Solid/Dashed/Dotted)</li>
<li>🖌️ Choose post icon from FontAwesome or Upload picture</li>
<li>🖼️ Option to select post Gallery style (Slider/Popup Slider)</li>
<li>🌈 Choose Timeline Skin Color (Dark/Light)</li>
<li>🔄 Share post on social media</li>
<li>🖼️ LazyLoad option for images</li>
<li>🎥 Add video in Timeline Post</li>
<li>🗓️ Different Date formats on Timeline</li>
<li>🙈 Hide Content</li>
<li>🖼️ Hide Post image</li>
</ul>
<h3>🚀 Pro Version Post Timeline</h3>
<p>The Pro Version of Post Timeline unlocks even more powerful features:</p>
<ul>
<li>🖼️ <strong>15+ Unique Timeline Templates:</strong> Choose from a variety of professionally designed timeline templates to suit your website’s look and feel.</li>
<li>🧭 <strong>4 Awesome Navigation Styles:</strong> Enhance user navigation with different styles that are intuitive and easy to use.</li>
<li>📜 <strong>Setup Horizontal and Vertical Timelines:</strong> Display your timeline in either horizontal or vertical layout as per your needs.</li>
<li>🎨 <strong>Set Background Color:</strong> Customize the background color of your timeline to match your brand’s color scheme.</li>
<li>🎥 <strong>Supports Multiple Animation Styles:</strong> Make your timelines more engaging with various animation styles.</li>
<li>📅 <strong>Set your Date Formats:</strong> Choose different date formats that match your regional preferences.</li>
<li>🔄 <strong>Change Sorting Order (Ascending/Descending/Term Custom Order):</strong> Sort posts in ascending, descending, or custom order to highlight key content.</li>
<li>✨ <strong>Change Animation Status:</strong> Enable or disable animations to optimize performance.</li>
<li>📍 <strong>Change Navigation Status:</strong> Choose whether or not to display navigation for a clean and minimalistic design.</li>
<li>🔆 <strong>Auto Highlight Active Navigation:</strong> Automatically highlight the active navigation item for better user experience.</li>
<li>⚡ <strong>Support AJAX and Load More button:</strong> Load more posts seamlessly without reloading the page.</li>
<li>📑 <strong>Set Posts Per Page for Timeline:</strong> Control how many posts are shown per page in the timeline.</li>
<li>🛠️ <strong>Many hidden hacks:</strong> Take advantage of various customization hacks for advanced users.</li>
<li>💎 <strong>Premium Support:</strong> Get access to priority support to help you with any issues or customization requests.</li>
</ul>
<h3>🏢 Use Cases – Tailored for Every Business</h3>
<p>Post Timeline is a versatile plugin that can be customized for various industries and business types. Here are some examples:</p>
<ul>
<li><strong>📰 Blog History Timeline:</strong> Display your blog’s history and growth over time in a beautiful timeline format.</li>
<li><strong>🏛️ Company Milestones Timeline:</strong> Showcase your company’s achievements, product launches, or project completions chronologically.</li>
<li><strong>📅 Event Planning Timeline:</strong> Outline events, tasks, or planning phases leading up to an important event.</li>
<li><strong>📚 Educational Course Timeline:</strong> Visualize the course structure or syllabus in an engaging and easy-to-understand timeline.</li>
<li><strong>📊 Marketing Campaign Timeline:</strong> Present your marketing campaigns and strategies in a detailed timeline view.</li>
<li><strong>🖼️ Portfolio Project Timeline:</strong> Highlight different projects and milestones in a creative portfolio timeline.</li>
<li><strong>🚀 Product Roadmap Timeline:</strong> Show your product development journey and upcoming releases.</li>
<li><strong>🎓 Academic Achievements Timeline:</strong> Create a timeline of achievements and accolades for educational institutions.</li>
<li><strong>🎥 Media & Content Release Timeline:</strong> Track media releases, episodes, or content drops in a timeline format.</li>
<li><strong>🏆 Sports Events Timeline:</strong> Chronologically display the history of sports events, achievements, or matches.</li>
<li><strong>🛠️ Construction Project Timeline:</strong> Illustrate the progress of a construction project step-by-step.</li>
</ul>
<h3>🎥 Video Tutorial</h3>
<p>Watch our video tutorial to learn how to set up and use Post Timeline effectively:</p>
<p><iframe loading="lazy" title="How Post Timeline WordPress Plugin Works" width="750" height="422" src="https://www.youtube.com/embed/Blc100p_OHo?list=PLD7u3Chrm7R9wj0tuvc8RsNQHekj1fHlG" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p>Click on the image above to watch the video on YouTube.</p>
<h3>📚 Documentation & Support</h3>
<p>For detailed documentation and support, visit the <a href="https://posttimeline.com/documentation/" rel="nofollow ugc">Post Timeline Documentation</a>. If you have any questions, feel free to <a href="https://wordpress.org/support/plugin/post-timeline" rel="ugc">create a ticket</a>.</p>
<h3>🚀 Live Demos</h3>
<ul>
<li><strong>Vertical Timelines:</strong> <a href="https://posttimeline.com/vertical-timeline-templates" rel="nofollow ugc">Vertical Timeline Templates</a></li>
<li><strong>One-Side Timelines:</strong> <a href="https://posttimeline.com/vertical-one-side-timelines" rel="nofollow ugc">One-Side Timelines</a></li>
<li><strong>Horizontal Timeline:</strong> <a href="https://posttimeline.com/horizontal-timeline-templates" rel="nofollow ugc">Horizontal Timeline Templates</a></li>
</ul>
<h3>🛠️ Installation</h3>
<ol>
<li>Upload the extracted plugin folder to the <code>/wp-content/plugins/</code> directory of your WordPress installation, or upload it directly from your plugins section in the WordPress admin panel.</li>
<li>Activate the plugin through the ‘Plugins’ menu in WordPress.</li>
<li>That’s it!</li>
</ol>
<h3>❓ Frequently Asked Questions</h3>
<h3>❓ How can I show a Timeline by date?</h3>
<p>Add the attribute <code>[post-timeline type="date"]</code>, and the timeline will appear with yearly navigation. The default navigation is Tag-based.</p>
<h3>❓ Getting Page Not Found on Read More button</h3>
<p>Go to <strong>Settings</strong> -> <strong>Permalinks</strong> -> Select “Post name” -> Click <strong>Save Changes</strong>.<br />
If “Post name” is already selected, just click <strong>Save Changes</strong> again.</p>
<h3>❓ Why is my Post Timeline showing on the right side of the page with a scroll bar?</h3>
<p>Timeline works with 100% space on the page. Ensure your container is set to 100% width using CSS for the timeline to appear properly.<br />
For more information, visit <a href="https://posttimeline.com/" rel="nofollow ugc">Post Timeline</a>.</p>
<h3>📧 Feedback</h3>
<p>YOUR IMPORTANT FEEDBACK IS HIGHLY VALUABLE TO US! PLEASE WRITE TO US IF YOU HAVE ANY PROBLEMS WITH INSTALLATION OR RECOMMEND ANY NEW FEATURES. WE WILL FIX THE ISSUE ON PRIORITY.</p>
<p><a href="https://wordpress.org/support/plugin/post-timeline" rel="ugc">Create Support Ticket</a> for help regarding Post Timeline.</p>


Post Timeline

Muy probre la version que no es PRO, y es simplemente como si incluyeras una entrada normal sin posibilidad de cambiar nada

Muy probre la version que no es PRO

Adding a new timeline does nothing, the new timeline isn't saved.
Also I cannot get it to work, nothing is displayed when embedding the code.

Does not work

Thank you

Create stunning and interactive timelines for your WordPress posts with ease. Post Timeline is the ultimate plugin for displaying your WordPress conte …

csstimeline vs Post Timeline