=== Simple Vertical Timeline === Contributors: Odyno Tags: responsive timeline, Responsive Timeline WordPress,Timeline for WordPress, Timeline, vertical, timeline, animated, css3, animations, evan, herman, evan herman, easy, time, line, font awesome, font, awesome, announcements, notifications, simple, events, calendar, scroll, triggered, scrolling, animated, fade, in, fade in, timeline, timelines, timelineJS, journalism tool Donate link: https://www.staniscia.net/donate Requires at least: 5.0 Tested up to: 6.7 Requires PHP: 7.4 Stable tag: 0.2.0 Text Domain: svt License: GPLv2 License URI: https://www.gnu.org/licenses/gpl-2.0.html Create a Simple Vertical Timeline in your WordPress posts and pages. == Description == Simple Vertical Timeline lets you build vertical timelines in posts and pages using Gutenberg blocks, with legacy shortcode compatibility for existing content. **Block Editor (recommended)**: add the "Simple Vertical Timeline" block, then insert "Timeline Event" blocks inside it. Each event supports title, date, icon source (library or image URL), color controls, custom CSS classes, and rich content. **Classic Editor fallback**: the legacy shortcodes [svtimeline] and [svt-event] still work for backward compatibility with old posts. Use the steps below to create and customize your timeline. = Quick start, your first timeline (Block Editor) = 1. Create or edit a Post/Page 2. Click the **+** (Block Inserter) 3. Search for **"Simple Vertical Timeline"** and insert it 4. Click **+** inside the timeline to add your first **Timeline Event** 5. Fill the event details in the sidebar (title, date, icon source, icon style, and CSS classes) 6. Write the event description directly in the block = Legacy: shortcode method (Classic Editor) = If you still use the Classic Editor, the old shortcodes work: - `[svtimeline]` ... `[/svtimeline]` — creates the timeline container - `[svt-event title="My Event" date="2026-01-01" title_class="my-custom-class"]` ... `[/svt-event]` — adds an event with custom title CSS class = Advanced customization = You can style specific event fields with custom CSS classes. Shortcode example: `[svt-event title="My Event" date="2026-01-01" title_class="my-custom-title" ]...[/svt-event]` Block editor equivalents: - `Title CSS class` - `Date CSS class` These classes are added to the rendered title/date elements so you can target them from your theme or custom CSS. —— Icons Used Please refer to https://linearicons.com/free/license for the license. == Installation == "Simple Vertical Timeline" can be installed using integrated WordPress plugin installer or manually. = Integrated WordPress plugin installer method = * Go to Plugins > Add New. * Under Search, type in ’Simple Vertical Timeline’. * Click Install Now to install the WordPress Plugin. * A popup window will ask you to confirm your wish to install the Plugin. * If this is the first time you've installed a WordPress Plugin, enter the FTP login credential information. If you've installed a Plugin before, it will still have the login information. * Click Proceed to continue with the installation. The resulting installation screen will list the installation as successful or note any problems during the install. * If successful, click Activate Plugin to activate it, or Return to Plugin Installer for further actions. = Manual method = * Upload ’Simple Vertical Timeline’ folder from simple-vertical-timeline.zip file downloaded from Simple Vertical Timeline WordPress plugin directory page to the ’/wp-content/plugins/’ directory. * Activate ’Simple Vertical Timeline’ plugin through the ’Plugins’ menu in WordPress. == Credits == Copyright 2012 Alessandro Staniscia (email : alessandro@staniscia.net) This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License, version 2, as published by the Free Software Foundation. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program; if not, write to the Free Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA == Frequently Asked Questions == None == Screenshots == 1. How to insert SVT in a post/article using Gutenberg blocks (search "Simple Vertical Timeline" in Block Inserter). 2. How to add an event to the current SVT: "Event settings" fields + free event content area in Gutenberg. 3. Timeline editor canvas with multiple events (including image content), visible marker icons, and date/title preview. 4. Frontend responsive timeline preview (mobile layout). == Changelog == = 0.2.0 = * NEW: Gutenberg block support — "Simple Vertical Timeline" container + "Timeline Event" child blocks * NEW: Dynamic blocks (server-rendered) for consistent output with shortcode * NEW: Block sidebar settings for title, date, color, icon, button, and custom title CSS class * NEW: Shortcode parameter `title_class` for custom CSS classes on event title (from PR #5 idea) * FIX: Admin settings toggles (sign, analytics) not persisting correctly on save * FIX: Analytics/contrib option check using a broken nested get_option() call * REMOVE: Social media sharing feature entirely (admin toggle, PHP logic, CSS, icons) — was non-functional and unmaintained * REMOVE: TinyMCE legacy buttons (svtimeline, svtevent) * REMOVE: js/svtplugin/ directory (TinyMCE plugin) * REMOVE: legacy build toolchain (Grunt, SCSS/Bourbon, CoffeeScript, deploy.sh) * NEW: deterministic CSS minification via npm scripts (clean-css-cli) * Update: admin help page aligned with Block Editor workflow * Keep: shortcodes [svtimeline] and [svt-event] for backward compatibility * Update: WordPress 6.7 block editor support * Update: @wordpress/scripts build system = 0.1.1 = * SECURITY FIX: XSS via shortcode attributes (title, button_link, icon) * SECURITY FIX: XSS in share button URLs * Fix: esc_url() validation for button links * Fix: deprecated target="_new" replaced with target="_blank" + rel="noopener noreferrer" * Fix: Author URI typo (ttp://) * Fix: wp_get_attachment_url() instead of guid for thumbnails * Update: WordPress 6.7 compatibility * Update: PHP 7.4 minimum requirement * Add: GitHub Action for automated WordPress.org deployment = 0.1.0 = * FIX - Not correctly displayed on my site * FIX - Parse Error on activation = 0.0.7 = * Added Linear Icons for share and future use * ITA translation = 0.0.6 = * Added anchor foreach event * New share icons * Removed the auto date fill * New settings page with help = 0.0.2 = * new the "more" button on event * WP 4.6 ready = 0.0.1 = * Baseline to Release == Upgrade Notice == 0.2.0 adds Gutenberg block support. Old shortcodes still work. No action needed for existing content.