Folders and files
| Name | Name | Last commit date | ||
|---|---|---|---|---|
Repository files navigation
=== SyntekPro Slider === Contributors: syntekpro Tags: slider, image slider, responsive slider, layer slider, drag and drop, slideshow, carousel, gutenberg Requires at least: 5.8 Tested up to: 6.7 Stable tag: 1.7.2 Requires PHP: 7.4 License: GPLv2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html The most powerful drag-and-drop slider plugin for WordPress. Build stunning, responsive sliders with 21 advanced features — no coding required. == Description == **SyntekPro Slider** is a feature-rich WordPress slider and slideshow plugin built by the [SyntekPro](https://syntekpro.com) team. It combines a pixel-perfect drag-and-drop canvas editor, advanced layer animations, built-in analytics, and a full developer API — all inside your WordPress dashboard. Whether you need a simple hero banner or a complex multi-layer animated presentation, SyntekPro Slider has you covered. = Key Features = * **Drag-and-Drop Canvas Editor** — Place text, image, button, video, and shape layers anywhere on the slide with pixel-precise control. * **9 Slide Transitions** — Slide, Fade, Zoom, Crossfade, Parallax, Ken Burns, 3D Cube, Flip, and Custom CSS. * **12 Layer Animations** — Entrance and exit animations per layer with full easing control. * **Fully Responsive** — Separate layouts for Desktop, Tablet, and Mobile with live preview modes. * **Video Slides** — Embed YouTube, Vimeo, or self-hosted videos as slide backgrounds. * **Touch & Swipe Navigation** — Native swipe support for mobile and tablet. * **Accessibility Ready** — ARIA attributes, keyboard navigation, and pause-on-focus. * **Asset Optimisation** — Scripts and styles only enqueued on pages that contain a slider. * **WebP Auto-Generation** — Automatically create WebP versions of uploaded images (requires GD/Imagick). * **Built-in Analytics** — Track slide views, layer click-throughs, and navigation events. * **CSV Export** — Export analytics data to CSV for offline analysis. * **Aspect-Ratio Locking** — Lock layer dimensions while resizing. * **Drag-to-Reorder Slides** — jQuery UI Sortable for intuitive slide ordering. * **Template Library** — One-click starter templates. * **Dynamic Content** — Inject WordPress post data, ACF fields, and custom meta into layers. * **Shortcode & Gutenberg Block** — `[syntekpro_slider id="1"]` + a native block. * **Full REST API** — Complete REST API for headless / decoupled implementations. * **WordPress Hooks** — Extensive filter and action hooks for developers. * **Multi-Slider Management** — Manage unlimited sliders from a central dashboard. * **20-Step Undo / Redo** — Full history in the editor. * **WP Nonce Security** — All AJAX and REST endpoints protected with nonces. = Usage = 1. Go to **SyntekPro Slider → All Sliders** and click **New Slider**. 2. Name your slider and click **Create**. 3. Click **Edit** on the new slider to open the canvas editor. 4. Add slides and layers, pick transitions, and configure animations. 5. Click **Save** when done. 6. Copy the shortcode (e.g. `[syntekpro_slider id="1"]`) and paste it into any page or post. == Installation == 1. Upload the `SyntekPro-Slider` folder to the `/wp-content/plugins/` directory, **or** install it directly through the WordPress plugin search. 2. Activate the plugin through the **Plugins** menu in WordPress. 3. Navigate to **SyntekPro Slider** in the WordPress admin sidebar to get started. == Frequently Asked Questions == = Does SyntekPro Slider slow down my site? = No. Scripts and stylesheets are only loaded on pages that actually use a slider. Asset optimisation can be further enabled in **Settings → Optimise Assets**. = Can I use it with any theme? = Yes. SyntekPro Slider is theme-agnostic and works with any properly-coded WordPress theme. = Does it support responsive design? = Yes. Each slider has three independent layout modes — Desktop, Tablet, and Mobile — so you have full control over how it looks on every screen size. = Can I use videos as slide backgrounds? = Yes. You can embed YouTube, Vimeo, or self-hosted MP4 videos as slide backgrounds via the Layer panel. = Is there a REST API? = Yes. A full REST API is available under `/wp-json/syntekpro-slider/v1/`. Endpoints are secured with WP nonces. = Where can I find developer documentation? = Visit the **About → Developer API** tab inside the plugin, or go to [plugins.syntekpro.com/slider](https://plugins.syntekpro.com/slider). == Screenshots == 1. **All Sliders Dashboard** — Manage all your sliders from one clean overview. 2. **Drag-and-Drop Editor** — Pixel-precise canvas editor with layer panels. 3. **Transitions** — 9 built-in slide transition types. 4. **Analytics Dashboard** — Built-in performance charts and per-slide view counts. 5. **Global Settings** — Configure analytics, lazy loading, WebP, and GA4 integration. 6. **Mobile Preview** — Real-time preview in Desktop, Tablet, and Mobile modes. == Changelog == = 1.4.0 = * Complete editor UI overhaul — replaced all emoji/unicode icons with crisp SVG icons throughout. * Toolbar reorganised with grouped sections and vertical separators for better visual hierarchy. * Layer panel: collapsible add-layer drawer with icon+label buttons for Text, Image, Button, Video, Shape. * Layer list items: SVG type badges, drag handles, and hover-reveal action buttons (visibility, lock, duplicate, delete). * Properties panel: collapsible sections with animated chevrons, styled header with layer type icon. * Slide manager: hover-reveal duplicate/delete controls, layer count per slide. * Settings modal: 5-tab interface (General, Autoplay, Navigation, Transition, Scaling) with iOS-style toggle switches. * Animation editor: tabbed Enter IN / Exit OUT layout with structured fields. * Slide background modal: tabbed Background / Effects layout with media chooser. * Toast notifications with slide-in animation, success/error variants. * Full CSS rewrite to match new markup (~1290 lines). = 1.3.0 = * Gutenberg block: rich sidebar with 6 inspector panels (Slider, Layout, Autoplay, Transition, Navigation, Performance). * Block toolbar with preview toggle and ServerSideRender. * 16 new block attributes for per-block slider overrides. * render_block() rewritten with attribute-to-settings mapping. = 1.2.0 = * Templates submenu page. * Generic modal overlay system. * Editor HTML ID fixes, admin list page JS fixes. = 1.1.0 = * Migration runner, revision tables, conversion tracking, audit log, scheduling tables. = 1.0.0 = * Initial release. * 21 features: drag-and-drop editor, 9 transitions, 12 animations, responsive layouts, video slides, touch/swipe, accessibility, asset optimisation, WebP auto-generation, built-in analytics, CSV export, aspect-ratio locking, drag-to-reorder slides, template library, dynamic content, shortcode, Gutenberg block, REST API, WordPress hooks, multi-slider management, 20-step undo/redo, WP Nonce security. == Upgrade Notice == = 1.4.0 = Major editor UI overhaul — SVG icons, tabbed modals, collapsible sections, toggle switches. = 1.0.0 = Initial release — no upgrade action needed.