{"id":381744,"date":"2026-10-10T18:35:17","date_gmt":"2026-10-10T18:35:17","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/slidekit\/"},"modified":"2026-10-10T18:34:52","modified_gmt":"2026-10-10T18:34:52","slug":"qthemy-slider-builder","status":"publish","type":"plugin","link":"https:\/\/snd.wordpress.org\/plugins\/qthemy-slider-builder\/","author":23580786,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.2.0","stable_tag":"1.2.0","tested":"7.1.3","requires":"5.8","requires_php":"7.4","requires_plugins":null,"header_name":"Qthemy Slider Builder","header_author":"Qthemy","header_description":"Build. Customize. Publish. A responsive visual slider builder for WordPress with per-device slide layouts.","assets_banners_color":"9f9d8c","last_updated":"2026-10-10 18:34:52","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/qthemy.com\/","rating":5,"author_block_rating":0,"active_installs":0,"downloads":53,"num_ratings":1,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.2.0":{"tag":"1.2.0","author":"qthemy","date":"2026-10-10 18:34:52","revision":3738543}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":1},"assets_icons":{"icon-128x128.gif":{"filename":"icon-128x128.gif","revision":3738798,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.gif":{"filename":"icon-256x256.gif","revision":3738798,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3738543,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3738543,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":{"qthemy\/slider":{"name":"qthemy\/slider","title":"title"}},"tagged_versions":["1.2.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3738543,"resolution":"1","location":"assets","locale":"","width":1600,"height":1260},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3738543,"resolution":"2","location":"assets","locale":"","width":966,"height":620},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3738543,"resolution":"3","location":"assets","locale":"","width":1600,"height":1460},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3738543,"resolution":"4","location":"assets","locale":"","width":1400,"height":634},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3738543,"resolution":"5","location":"assets","locale":"","width":780,"height":1146},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3738543,"resolution":"6","location":"assets","locale":"","width":1418,"height":401}},"screenshots":{"1":"The visual editor: move and resize elements on a live preview with rulers and guides, and find every setting in the Content, Style, and Advanced tabs.","2":"Every color has a Gradient tab. Here a gradient overlay is set on an image background.","3":"A separate layout for each device: the same slide arranged for mobile.","4":"The slider on a page.","5":"The same slider on a phone, using its mobile layout.","6":"The sliders list with shortcodes, Duplicate, Export, and Import."}},"plugin_section":[],"plugin_tags":[786,606,611,208,10633],"plugin_category":[50],"plugin_contributors":[285603],"plugin_business_model":[],"class_list":["post-381744","plugin","type-plugin","status-publish","hentry","plugin_tags-carousel","plugin_tags-responsive","plugin_tags-slider","plugin_tags-slideshow","plugin_tags-visual-builder","plugin_category-media","plugin_contributors-qthemy","plugin_committers-qthemy"],"banners":{"banner":"https:\/\/ps.w.org\/qthemy-slider-builder\/assets\/banner-772x250.png?rev=3738543","banner_2x":"https:\/\/ps.w.org\/qthemy-slider-builder\/assets\/banner-1544x500.png?rev=3738543","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/qthemy-slider-builder\/assets\/icon-128x128.gif?rev=3738798","icon_2x":"https:\/\/ps.w.org\/qthemy-slider-builder\/assets\/icon-256x256.gif?rev=3738798","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/qthemy-slider-builder\/assets\/screenshot-1.png?rev=3738543","caption":"The visual editor: move and resize elements on a live preview with rulers and guides, and find every setting in the Content, Style, and Advanced tabs."},{"src":"https:\/\/ps.w.org\/qthemy-slider-builder\/assets\/screenshot-2.png?rev=3738543","caption":"Every color has a Gradient tab. Here a gradient overlay is set on an image background."},{"src":"https:\/\/ps.w.org\/qthemy-slider-builder\/assets\/screenshot-3.png?rev=3738543","caption":"A separate layout for each device: the same slide arranged for mobile."},{"src":"https:\/\/ps.w.org\/qthemy-slider-builder\/assets\/screenshot-4.png?rev=3738543","caption":"The slider on a page."},{"src":"https:\/\/ps.w.org\/qthemy-slider-builder\/assets\/screenshot-5.png?rev=3738543","caption":"The same slider on a phone, using its mobile layout."},{"src":"https:\/\/ps.w.org\/qthemy-slider-builder\/assets\/screenshot-6.png?rev=3738543","caption":"The sliders list with shortcodes, Duplicate, Export, and Import."}],"raw_content":"<!--section=description-->\n<p>Qthemy Slider Builder lets you create sliders directly from your WordPress dashboard using a visual, layer-based editor. Every feature in this plugin is free and works without a license key, an account, or any external service.<\/p>\n\n<p>No page-builder plugin is required. Create as many sliders, slides, and layers as you need.<\/p>\n\n<h4>Features<\/h4>\n\n<p><strong>Visual slider editor<\/strong>\nAdd, arrange, and resize elements directly on a live preview of each slide, with rulers and draggable alignment guides.<\/p>\n\n<p><strong>Text, image, button, shape, and rating elements<\/strong>\nStyle text (size, weight, color, alignment, line height, letter spacing) and choose its HTML tag (H1-H6 or paragraph) for SEO. Add images with alt text and opacity, buttons with an optional icon, shapes (rectangle, circle, triangle, diamond, pentagon, hexagon, octagon, star, parallelogram) with a border and border opacity, and star ratings with half stars that fill from the right on right-to-left sites.<\/p>\n\n<p><strong>Content, Style, and Advanced tabs<\/strong>\nElement settings are grouped into three tabs, so the setting you need is always easy to find.<\/p>\n\n<p><strong>Device visibility<\/strong>\nHide any element on desktop, laptop, tablet, or mobile.<\/p>\n\n<p><strong>Per-device layouts<\/strong>\nSet the position, size, font size, and text alignment of every element separately for Desktop, Laptop, Tablet, and Mobile, and choose a slider width and height for each device.<\/p>\n\n<p><strong>Slide backgrounds<\/strong>\nUse a solid color, a gradient, or an image from the Media Library, with an optional color or gradient overlay. Give the slider rounded corners, set for each corner.<\/p>\n\n<p><strong>Color picker with gradients<\/strong>\nEvery color opens one picker with HEX, ready-made colors, and an eyedropper. Slide backgrounds, text, button backgrounds, and shapes also get a Gradient tab (linear or radial, two colors, angle).<\/p>\n\n<p><strong>Autoplay and navigation<\/strong>\nSlides can play automatically with your own slide time. Visitors can also move between slides with arrows, dots, or by swiping, with a smooth fade transition. Place the arrows in the bottom bar or on the sides, choose line or round dots, and pick their color.<\/p>\n\n<p><strong>Slider width<\/strong>\nKeep the slider at the size you set, stretch it to the width of its container, or stretch it to the full width of the screen. In the wide modes the background fills the width while the elements stay centered, also when a page builder container changes the slider's width. Inside Elementor containers the slider takes the container's width automatically.<\/p>\n\n<p><strong>Fast loading<\/strong>\nImages of the other slides load only when they are about to be shown.<\/p>\n\n<p><strong>Duplicate, export, and import<\/strong>\nDuplicate a slider from the Sliders list, export it as a JSON file, and import it on another site.<\/p>\n\n<p><strong>Block, Elementor widget, and shortcode<\/strong>\nAdd a slider with the \"Qthemy Slider\" block in the block editor or the \"Qthemy Slider\" widget in Elementor, or use the <code>[qthemy_slider id=\"123\"]<\/code> shortcode anywhere else.<\/p>\n\n<p><strong>Arabic and English editor<\/strong>\nSwitch the editor interface between Arabic (right-to-left) and English.<\/p>\n\n<h4>Optional add-on<\/h4>\n\n<p>A separate, paid add-on, Qthemy Slider Builder Pro, is available from <a href=\"https:\/\/qthemy.com\/slider-builder\/\">qthemy.com\/slider-builder<\/a>. It is not required, and it is not included in this plugin. It adds icon, social-media, countdown, animated text, number counter, before\/after, bullet list, and badge elements, element animations with a timeline, additional slide transitions, autoplay extras (play\/pause button, progress bar, per-slide timing), video backgrounds, and Ken Burns motion for image backgrounds.<\/p>\n\n<h3>Source Code<\/h3>\n\n<p>All JavaScript and CSS files in this plugin are the original, human-readable source code. They are not compiled, bundled, or minified, and no build tools or build step are used:<\/p>\n\n<ul>\n<li><code>assets\/admin\/js\/admin-builder.js<\/code> \u2013 the visual slider editor<\/li>\n<li><code>assets\/admin\/js\/admin-notice.js<\/code> \u2013 remembers when the add-on notice is dismissed<\/li>\n<li><code>assets\/admin\/js\/block.js<\/code> \u2013 the \"Qthemy Slider\" block for the block editor<\/li>\n<li><code>assets\/admin\/js\/list-actions.js<\/code> \u2013 the \"Import\" button on the sliders list<\/li>\n<li><code>assets\/frontend\/js\/frontend.js<\/code> \u2013 the front-end slider<\/li>\n<li><code>assets\/admin\/css\/admin-builder.css<\/code> and <code>assets\/frontend\/css\/frontend.css<\/code> \u2013 styles<\/li>\n<\/ul>\n\n<p>You can read and modify these files directly.<\/p>\n\n<h3>Developer Notes<\/h3>\n\n<p>Add-ons can extend the plugin without modifying it:<\/p>\n\n<ul>\n<li>Front end: <code>window.QthemySB.registerLayerType()<\/code>, <code>registerBackgroundType()<\/code>, and <code>addLayerDecorator()<\/code>, plus the <code>qthemy-sb:beforeinit<\/code> (bubbles to the document), <code>qthemy-sb:ready<\/code>, <code>qthemy-sb:beforechange<\/code>, <code>qthemy-sb:change<\/code>, <code>qthemy-sb:autoplay<\/code>, and <code>qthemy-sb:userinteract<\/code> events on each slider element.<\/li>\n<li>Editor: define <code>window.QthemySBBuilderExtension<\/code> (documented at the top of <code>assets\/admin\/js\/admin-builder.js<\/code>).<\/li>\n<li>PHP: the <code>qthemy_sb_render_config<\/code> and <code>qthemy_sb_sanitize_data<\/code> filters and the <code>qthemy_sb_frontend_assets_enqueued<\/code> action.<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>qthemy-slider-builder<\/code> folder to <code>\/wp-content\/plugins\/<\/code>, or install the plugin from the Plugins screen.<\/li>\n<li>Activate the plugin through the Plugins screen in WordPress.<\/li>\n<li>Go to Slider Builder \u2192 Add New to create your first slider, then click Publish.<\/li>\n<li>Add the \"Qthemy Slider\" block (or the Elementor widget) to a page and choose your slider. You can also paste the shortcode from the Sliders list.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20qthemy%20slider%20builder%20require%20elementor%20or%20another%20page%20builder%3F\"><h3>Does Qthemy Slider Builder require Elementor or another page builder?<\/h3><\/dt>\n<dd><p>No. The plugin includes its own visual editor. If you use Elementor, a \"Qthemy Slider\" widget is included.<\/p><\/dd>\n<dt id=\"how%20do%20i%20add%20a%20slider%20to%20a%20page%3F\"><h3>How do I add a slider to a page?<\/h3><\/dt>\n<dd><p>Publish the slider, then add the \"Qthemy Slider\" block (block editor) or widget (Elementor) and choose the slider. The shortcode from the Sliders list works everywhere else.<\/p><\/dd>\n<dt id=\"does%20the%20plugin%20connect%20to%20any%20external%20service%3F\"><h3>Does the plugin connect to any external service?<\/h3><\/dt>\n<dd><p>No. The plugin does not send data to any external service and does not load files from external servers.<\/p><\/dd>\n<dt id=\"where%20can%20i%20find%20the%20source%20code%3F\"><h3>Where can I find the source code?<\/h3><\/dt>\n<dd><p>See the \"Source Code\" section below.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.2.0<\/h4>\n\n<ul>\n<li>Added rounded corners for the slider, set for each corner.<\/li>\n<li>Added a gradient option for the slide overlay color.<\/li>\n<li>Added opacity for image elements.<\/li>\n<li>The \"container width\" layout now fills Elementor containers and keeps elements centered when the container width changes.<\/li>\n<\/ul>\n\n<h4>1.1.1<\/h4>\n\n<ul>\n<li>Add-ons can mark their own element types as read-only in the editor.<\/li>\n<\/ul>\n\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>Renamed the plugin to Qthemy Slider Builder.<\/li>\n<li>Added button icons.<\/li>\n<li>Added autoplay with a custom slide time.<\/li>\n<li>Added a documented extension API for add-ons.<\/li>\n<li>Added shape (nine outlines) and star rating elements.<\/li>\n<li>Added HTML tags (H1-H6, paragraph) and letter spacing for text, and alt text for images.<\/li>\n<li>Added Content, Style, and Advanced tabs to element settings.<\/li>\n<li>Added per-device element visibility.<\/li>\n<li>Added gradients to the color picker for slide backgrounds, text, buttons, and shapes.<\/li>\n<li>Added a block for the block editor and an Elementor widget.<\/li>\n<li>Added slider duplicate, export, and import.<\/li>\n<li>Added container-width and screen-width slider layouts.<\/li>\n<li>Added arrow position, dot shape, and navigation color options.<\/li>\n<li>Images of the other slides now load only when needed.<\/li>\n<\/ul>\n\n<h4>1.0.27<\/h4>\n\n<ul>\n<li>Updated the admin-menu icon.<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>First public release.<\/li>\n<\/ul>","raw_excerpt":"Build responsive sliders visually with text, images, buttons, shapes, and ratings, and a separate layout for desktop, laptop, tablet, and mobile.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/snd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/381744","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/snd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/snd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/snd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=381744"}],"author":[{"embeddable":true,"href":"https:\/\/snd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/qthemy"}],"wp:attachment":[{"href":"https:\/\/snd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=381744"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/snd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=381744"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/snd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=381744"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/snd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=381744"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/snd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=381744"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/snd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=381744"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}