內容簡介
Zoro Slider 是一款靈活的 WordPress 外掛，讓網站擁有者能夠從自訂的幻燈片內容、媒體和資料來源建立動畫滑動顯示。它提供了視覺化的編輯工具，適合設計師和開發者使用，能夠創建更複雜的幻燈片組合。
【主要功能】
• 視覺化層級編輯器，無需撰寫佈局程式碼
• 支援從 WordPress 文章和 JSON 資料生成幻燈片
• 精確的佈局工具，包括標尺和可拖曳指導線
• 豐富的層級控制，可調整大小、旋轉和動畫
• 可重用的模板，快速開始新專案
• 響應式設計，適用於桌面、平板和手機
外掛標籤
開發者團隊
原文外掛簡介
Zoro Slider lets site owners build animated sliders and galleries from custom slide content, media, and source-driven feeds.
Learn More | Try Live Configurations | Demos | Examples | Documentation | Get Support
Zoro Slider is a flexible WordPress slider builder for designers, site owners, and developers who need more than a basic image carousel. Create slides visually, position and animate layered content, generate slides from WordPress posts or external data, and reuse complete designs as templates.
The builder combines precise layout tools with practical content workflows. Work with text, captions, images, buttons, shapes, icons, HTML, audio, and video while retaining control over responsive visibility, timing, navigation, and slide backgrounds.
Transitions | Controls | Dots | API
Why Choose Zoro Slider?
Visual layer-based builder – Create and arrange complete slider compositions without writing layout code.
Dynamic content sources – Build slides manually or generate them from WordPress posts, JSON feeds, and YouTube playlists.
Precision layout workflow – Use rulers, draggable guides, grids, and horizontal or vertical layout columns on each slide.
Rich layer controls – Drag, resize, rotate, align, group, lock, hide, order, and animate individual layers.
Reusable templates – Save your work, browse local and remote templates, preview designs, and start faster.
Responsive output – Configure layouts and layer visibility for desktop, tablet, and mobile devices.
Developer friendly – Use documented hooks, frontend events, public runtime methods, shortcodes, and PHP rendering.
Addon-ready architecture – Extend the core plugin without placing every specialist feature inside the main package.
Feature Highlights
Builder – Visual editing, rulers, guides, grid, columns, history, fullscreen mode, shortcuts, and context menus
Layers – Text, caption, image, button, shape, icon, HTML, audio, and video
Content sources – Manual slides, WordPress posts and custom post types, JSON import, and YouTube playlists
Responsive design – Multiple slider layouts, responsive sizing, and per-device layer visibility
Motion – Slide transitions plus layer entrance and exit animation timing, speed, delay, and easing
Navigation – Arrows, dots, numbers, thumbnails, loaders, progress, autoplay, loop, and rewind controls
Templates – Local and remote libraries, preview, filters, import, clone, rename, export, and bulk management
Portability – Slider and template .zoro packages, shortcode embedding, PHP helper, and optional standalone HTML export
Extensibility – WordPress actions and filters, runtime events and methods, custom attributes, and addon insertion points
A Visual Builder Designed for Real Production Work
The Zoro Slider builder gives each slide its own workspace and layout memory. This lets one slide use a strict column system while another uses a custom grid and independent guides.
Drag, resize, and rotate layers directly on the canvas.
Select multiple layers and move or manage them together.
Group and ungroup layers, including grouped dragging and history entries.
Align layers, adjust stacking order, and center selections horizontally or vertically.
Lock, unlock, hide, clone, and delete layers from menus or context actions.
Use undo and redo history while editing.
Switch between standard and fullscreen builder layouts.
Manage slides from the builder side panel.
Save a complete slider as a reusable template.
Preview and save without leaving the builder workflow.
Precision Layout Tools Per Slide
Design aids are saved independently for every slide and are preserved when that slide is cloned.
Horizontal and vertical rulers aligned to the slide origin.
Draggable horizontal and vertical guide lines.
Per-slide grid dimensions.
Per-slide vertical and horizontal layout columns.
Show or hide guides, grids, and columns independently.
Delete a guide by dragging it back to its ruler.
Right-click a guide to delete one guide or clear guides by direction.
Clear vertical, horizontal, or all guides from the Arrange menu.
Nine Layer Types
Build content-rich slides using:
Text – Headings, labels, and other typographic content.
Caption – Styled content blocks with multiple layout treatments.
Image – WordPress media or external visual assets.
Button – Calls to action with configurable styling and links.
Shape – Graphic layout and decoration elements.
Icon – Scalable interface and decorative icons.
HTML – Custom markup, embeds, and advanced content.
Audio – Audio content with media-player integration.
Video – Video layers and playable media presentations.
Layer controls include responsive visibility, font and color settings, custom attributes, action data, z-index, animation timing, animation speed, and easing.
Animation and Timing Controls
Create coordinated scenes instead of simple slide swaps.
Configure animation-in and animation-out independently.
Set entrance and exit delay, duration, and easing.
Control layer timing from the builder.
Combine layer motion with slider-level transitions.
Configure autoplay, pause behavior, looping, and rewind.
Use loaders and progress indicators to communicate timing.
Responsive Slider Layouts
Choose the layout that fits the page:
Fixed
Full width
Scoped full width
Fullscreen
Responsive sizing
Set slider dimensions and responsive behavior, then control whether individual layers appear on desktop, tablet, or mobile.
Flexible Slide Backgrounds
Build image, color, and media-based presentations with:
Background colors
WordPress media images
External image URLs
Post featured images
Mapped JSON images
Background image size, position, and repeat
YouTube background video
Vimeo media/background video support
HTML5 background video
Video poster images
Four Ways to Build Slide Content
Manual / Builder Slides
Create every slide and layer visually. This is the best choice for hero sections, promotional banners, custom presentations, and art-directed layouts.
WordPress Posts and Custom Post Types
Generate slides from WordPress content while keeping control over the slide design.
Select native or custom post types.
Filter by registered categories, tags, or custom taxonomies.
See taxonomy term entry counts.
Sort by post ID, date, modified date, title, slug, author, comment count, random order, and related options.
Choose ascending or descending order.
Limit the number of posts and excerpt length.
Use the post featured image as the slide background.
Read standard post data and custom fields through placeholders.
JSON Import
Turn a remote JSON endpoint into a slider.
Enter a JSON URL.
Locate the item array through a dot-notation data path.
Map title, excerpt, content, image, link, date, author, button, video, thumbnail, and order fields.
Limit and sort imported items.
Use mapped fields or direct JSON keys as placeholders.
Use the mapped image field as the slide background.
YouTube Playlist
Create video-driven sliders from a YouTube playlist.
Enter a playlist URL or ID.
Provide a YouTube Data API key.
Limit the number of videos.
Display mapped video metadata.
Insert the video URL or a playable video embed into the slide layout.
Placeholder-Based Dynamic Layouts
Design one slide layout and let Zoro Slider replace placeholders with source data during rendering.
{{post_title}}
{{post_excerpt}}
{{post_content}}
{{featured_image}}
{{post_date}}
{{post_author}}
{{post_link}}
{{custom_field:field_name}}
{{video_url}}
{{video_embed}}
JSON sources can also use mapped aliases and direct keys such as {{title}}, while the same layout can place dynamic values in text, caption, button, and HTML contexts.
Google Fonts with Visual Search
Search the font selector by name.
Preview font families directly in the dropdown.
Restore selected font values after the builder reloads.
Load fonts used by text, caption, and button layers when the builder opens.
Prepare fonts used by the slider for frontend rendering.
Google Fonts is an external service and can be avoided by using other available fonts.
Navigation, Playback, and Carousel Controls
Configure the experience around the slides with:
Previous and next arrows
Dots and numbered navigation
Thumbnail navigation
Navigation alignment and styling
Autoplay and interaction behavior
Loop and rewind modes
Carousel settings
Slide loaders and progress indicators
Transition and timing controls
Additional navigation styles can be inserted through the addon system without replacing the core slider runtime.
Built-In Template Workflow
The Templates page combines locally installed templates and remotely available designs in one searchable library.
Filter by category, availability, plan, count, sort method, and order.
Distinguish Free, Pro, Remote, and Installed states with clear badges.
Preview remote designs before installation.
Use an installed template to create a new slider.
Rename, clone, export, or delete local templates.
Select and delete multiple templates in bulk.
Refresh remote catalog metadata and screenshots on demand.
Prevent duplicate remote imports through stable template identity, even after a local rename.
Remote template availability depends on the active package and license entitlement.
Import, Export, and Reuse
Move designs between WordPress installations using Zoro Slider package files.
Export sliders as .zoro packages.
Export templates as .zoro packages.
Identify exports clearly with _SLIDER_ and _TEMPLATE_ filenames.
Reject a template imported through the slider importer, and vice versa.
Track upload progress and show clear import status.
Reuse a complete slider as a template.
Optional Standalone HTML Export
The Export HTML addon can package a slider with its required frontend assets for independent use on a static page or another CMS. Availability depends on the purchased package or addon license.
Embed Anywhere in WordPress
Use either supported shortcode:
[zoro_slider id="123"]
[zoroslider id="123"]
[zoro_slider id="zs-123"] // Aliased with 'zs-' prefix
[zoroslider id="zs-123"] // Aliased with 'zs-' prefix
Developers can also render a slider from PHP:
// Aliased with 'zs-' prefix
Frontend Events and Public Methods
Zoro Slider exposes runtime events and methods for custom integrations.
Listen for lifecycle, navigation, autoplay, interaction, layer, transition, responsive, carousel, and media events.
Navigate to previous, next, or specific slides programmatically.
Read slider state and slide information.
Start, pause, or manage autoplay.
Refresh layout or access runtime options.
Control layers and media from custom JavaScript.
Use documented jQuery and vanilla JavaScript integration patterns.
WordPress Hooks and Addon Architecture
The plugin includes documented WordPress actions and filters for extension developers. Integration points cover settings, rendering, builder controls, admin screens, export behavior, remote installation, and addon workflows.
Optional addons remain separate WordPress plugins so specialist functionality does not have to enlarge the core plugin.
Depending on the package and license, the addon catalog can include:
Export HTML – Generates a standalone HTML slider bundle.
Debugger – Compares saved WordPress data with browser drafts and creates a copyable system report.
Modern Nav – Adds four scoped navigation styles through core hooks and filters.
Addon availability, Free or Pro status, and entitlement are shown inside the Addons page. Addons are not implied to be bundled unless they are explicitly listed in the purchased package.
Keyboard-Driven Workflow
Common builder actions are available through shortcuts, including:
Save, export, and preview
Fullscreen mode
Select all, clone, delete, and lock
Group and ungroup
Previous and next slide navigation
Show or hide guides, grid, and layout columns
Shortcut labels adapt to Windows and macOS conventions. A complete shortcut table is available inside the builder and official documentation.
Draft Protection and Debugging Support
The builder stores local browser drafts and compares them with saved WordPress data to reduce accidental replacement of newer work. Database freshness metadata helps the builder decide which copy should be used after a reload or when the same slider is opened in another browser.
For advanced troubleshooting, the optional Debugger addon exposes the saved database structure, current local draft, timestamps, and a copyable compatibility report without placing debug tooling in the production core.
Admin Management
Grid and list views for sliders, templates, and addons.
Search, filters, sorting, and item counts.
Slider preview, edit, clone, export, embed, and delete actions.
Template preview, use, rename, clone, export, and delete actions.
Bulk selection for sliders and templates.
Source-type and status badges.
Remote library refresh controls.
Modern import dialogs with progress, metadata, errors, and completion states.
Security-Conscious WordPress Integration
Administrative operations use WordPress nonces and capability checks. Import/export requests, object access, remote downloads, dynamic output, URLs, attributes, and source placeholders are handled through context-appropriate validation or escaping paths.
Remote integrations use the WordPress HTTP API with defined timeouts and error handling. License verification keeps marketplace API credentials on the controlled Zoro Slider server rather than exposing them in a buyer’s WordPress dashboard.
External Services and Data Flow
Some features contact external services only when you configure or use them:
Google Fonts – Loads selected webfont files.
YouTube Data API – Reads playlist video data using the API key supplied by the site administrator.
JSON Import – Fetches the endpoint URL configured by the site administrator.
Zoro Slider services – Retrieves public catalog metadata and handles entitled template, slider, and addon downloads.
License verification – Sends the purchase code and required site-identification data to the controlled verification endpoint.
The official documentation explains these connections and their configuration requirements.
Minimum Requirements
WordPress: Minimum – 5.8, Recommended – 6.7 or newer
PHP: Minimum – 7.4, Recommended – 8.2 or newer
MySQL: Minimum – 5.7, Recommended – 8.0 or newer
WordPress memory limit: Minimum – 64 MB, Recommended – 256 MB or more
YouTube Playlist sliders require a YouTube Data API key. JSON Import requires a publicly reachable JSON endpoint that returns a supported structure.
What Is Included
Installable Zoro Slider WordPress plugin ZIP
Visual slider builder and current core source types
Importable/exportable slider and template package support
Official online documentation
Translation template and translatable interface strings
Marketplace updates and support according to the item support terms
Optional addons, premium templates, stock media, API keys, external service accounts, and third-party licenses are included only when explicitly stated in the purchased package.
Documentation
The official documentation covers:
Installation, updating, and first-slider setup
Slider, slide, and layer management
Manual, Posts, JSON Import, and YouTube Playlist sources
Dynamic placeholders
Templates, addons, and licensing
Embedding, import, and export
Builder shortcuts and context menus
Frontend events, public methods, and developer hooks
External-service disclosures and troubleshooting
Ideal For
Hero headers and landing-page banners
Post and news sliders
Portfolio and custom post type showcases
Product or service presentations
Video playlist sliders
Testimonials and team-member carousels
Data-driven displays powered by JSON
Fullscreen visual stories
Reusable client-site templates
Build More Than a Basic Slider
Zoro Slider brings visual composition, dynamic WordPress content, remote data, reusable templates, precise layout tools, and developer extensibility into one focused workflow.
Create the design manually, connect it to a source when needed, and publish it through a shortcode or PHP with full control over how every slide behaves.
External Services
This plugin can connect to third-party services only when you choose features that require them.
Google Fonts
Service: Google …
