{"id":322828,"date":"2026-06-08T12:02:38","date_gmt":"2026-06-08T12:02:38","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/story-book-block-swipeable-presentations-with-rotation\/"},"modified":"2026-06-08T12:00:25","modified_gmt":"2026-06-08T12:00:25","slug":"story-book-block","status":"publish","type":"plugin","link":"https:\/\/fa.wordpress.org\/plugins\/story-book-block\/","author":15571454,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.1","stable_tag":"1.0.1","tested":"7.0","requires":"6.0","requires_php":"7.4","requires_plugins":null,"header_name":"Story Book Block - Swipeable Presentations with Rotation","header_author":"Harshit M Shingala","header_description":"A block-based storybook presentation plugin with rotation. Inspired by Instagram Stories, optimized for mobile-first screens.","assets_banners_color":"777888","last_updated":"2026-06-08 12:00:25","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/wordpress.org\/plugins\/story-book-block\/","header_author_uri":"https:\/\/profiles.wordpress.org\/harshitmshingala\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":38,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","changelog"],"tags":{"1.0.1":{"tag":"1.0.1","author":"harshitmshingala","date":"2026-06-08 12:00:25"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3564619,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":3564619,"resolution":"1544x500","location":"assets","locale":"","width":1545,"height":500}},"assets_blueprints":{},"all_blocks":{"story-book-block\/storybook":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"story-book-block\/storybook","version":"1.0.1","title":"Story Book Container","category":"design","description":"A mobile-first visual narrative story container with tap, swipe, and rotation transitions.","keywords":["story","book","instagram","slide","carousel"],"supports":{"align":["wide","full","center"],"anchor":true,"html":false},"attributes":{"autoplay":{"type":"string","default":"default"},"speed":{"type":"number","default":0},"transition":{"type":"string","default":"default"},"navigation":{"type":"string","default":"default"},"textColor":{"type":"string","default":""},"progressColor":{"type":"string","default":""},"fontFamily":{"type":"string","default":"default"},"borderRadius":{"type":"number","default":-1},"desktopWidth":{"type":"string","default":"default"},"shadow":{"type":"string","default":"default"}},"textdomain":"story-book-block","editorScript":"file:.\/index.js","editorStyle":"file:.\/index.css","style":"file:.\/style-index.css","viewScript":"file:.\/view.js"},"story-book-block\/slide":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"story-book-block\/slide","version":"1.0.1","title":"Story Slide Frame","category":"design","description":"An individual visual frame containing media background layers and rich inner blocks.","parent":["story-book-block\/storybook"],"attributes":{"backgroundType":{"type":"string","default":"color"},"backgroundSize":{"type":"string","default":"cover"},"backgroundColor":{"type":"string","default":"#111111"},"backgroundImage":{"type":"string","default":""},"backgroundImageId":{"type":"number","default":0},"backgroundVideo":{"type":"string","default":""},"backgroundVideoId":{"type":"number","default":0},"overlayOpacity":{"type":"number","default":40},"overlayColor":{"type":"string","default":"#000000"}},"textdomain":"story-book-block","supports":{"html":false,"reusable":false},"editorScript":"file:.\/index.js","editorStyle":"file:.\/index.css","style":"file:.\/style-index.css"}},"tagged_versions":["1.0.1"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"The Slick &amp; Modern Options Panel in WordPress Admin with real-time phone simulator.","2":"The Gutenberg Block Editor Interface showing container and slide frames side-by-side.","3":"The Gorgeous Frontend Visual Story on Desktop showing custom mobile mockup aspect ratios."}},"plugin_section":[],"plugin_tags":[154117,266184,266183,159677,68987],"plugin_category":[],"plugin_contributors":[266185,266186],"plugin_business_model":[],"class_list":["post-322828","plugin","type-plugin","status-publish","hentry","plugin_tags-instagram-stories","plugin_tags-mobile-slider","plugin_tags-story-book","plugin_tags-swiper-slider","plugin_tags-visual-stories","plugin_contributors-harshitmshingala","plugin_contributors-shingalainfotech","plugin_committers-harshitmshingala"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/story-book-block\/assets\/icon-256x256.png?rev=3564619","icon_2x":"https:\/\/ps.w.org\/story-book-block\/assets\/icon-256x256.png?rev=3564619","generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p>Story Book Block is a block-based storybook presentation plugin built for the way people actually browse today \u2013 vertically, quickly, and on mobile-first screens. Inspired by modern story experiences like Instagram and Web Stories, this plugin brings that same swipeable, immersive format directly into Gutenberg, but with native WordPress blocks and full editorial control. Instead of forcing users into sliders, page builders, or custom layouts, it turns storytelling into a simple block-based experience where each slide becomes a visual \u201cstory frame\u201d made with familiar Gutenberg blocks.<\/p>\n\n<p>Traditional posts are too static, sliders feel outdated, and page builders add unnecessary weight for something that should feel fast, lightweight, and touch-native. A dedicated Gutenberg storybook block solves that by giving creators a purpose-built format for announcements, product highlights, tutorials, portfolios, visual storytelling, and short-form content sequences \u2013 especially for users consuming content on phones and tablets.<\/p>\n\n<p>Each story is built with blocks, stored as blocks, edited in the block editor, and reusable across the site without shortcode lock-in or builder dependency. Editors can build story slides using headings, images, videos, buttons, overlays, and CTA blocks \u2013 without learning a separate UI.<\/p>\n\n<p>Instead of horizontal carousels, this plugin introduces rotating story sequences optimized for portrait interaction \u2013 tap, swipe, auto-advance, and loop \u2013 designed specifically for mobile and tablet attention patterns. It feels less like browsing a webpage and more like consuming a visual micro-story.<\/p>\n\n<h3>Features<\/h3>\n\n<ul>\n<li>Mobile-First Touch Interaction: Swipe to change slides, tap left 25% to go back, tap right 25% to go forward.<\/li>\n<li>Hold to Pause: Press and hold (mousedown\/touchstart) to pause auto-advancement and active background videos instantly, release to resume.<\/li>\n<li>Multi-Media Backgrounds: Visual options to set slides with solid background colors, custom portrait images, or full vertical HTML5 MP4 videos.<\/li>\n<li>Background Sizing Layouts: Support for multiple media sizing modes: Cover (full screen), Contain (aspect fit), and Auto (original size).<\/li>\n<li>Story Books Custom Post Type (CPT): Create and manage multiple custom story books in a dedicated, distraction-free layout using native Gutenberg blocks.<\/li>\n<li>Generate Multiple Shortcodes: Automatically generates clean copy-pasteable shortcodes (e.g., <code>[storybook id=\"123\"]<\/code>) displayed directly in your admin list view and sidebar, enabling you to render story books inside page builders, widgets, and posts.<\/li>\n<li>Top Progress Indicator Bars: Sleek, customizable visual timers indicating exact active story slide durations.<\/li>\n<li>Premium Gutenberg Inspector Settings: Full block controls for transitions (Classic Slide, Smooth Fade, 3D Cube Rotation, 3D Card Flip), border-radiuses, shadows, fonts, and colors.<\/li>\n<li>Slick &amp; Modern Settings Panel: Fully custom dark-mode admin control panel with interactive live preview phone simulator to customize global defaults.<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>story-book-block<\/code> folder to the <code>\/wp-content\/plugins\/<\/code> directory.<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress.<\/li>\n<li>Navigate to the \"Story Book Block\" menu in the sidebar to configure global default settings.<\/li>\n<li>Add the \"Story Book Container\" block to any post or page, insert child slides, and publish!<\/li>\n<\/ol>\n\n<!--section=changelog-->\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Settings page secure escaping and localization compliance updates. Form query parameter sanitization.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release. Fully functional Gutenberg Story Book blocks with 3D transition effects, customizable admin defaults, and touch hold-to-pause scripts.<\/li>\n<\/ul>","raw_excerpt":"A block-based storybook presentation plugin with rotation. Inspired by Instagram Stories, optimized for mobile-first screens.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/fa.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/322828","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fa.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/fa.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/fa.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=322828"}],"author":[{"embeddable":true,"href":"https:\/\/fa.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/harshitmshingala"}],"wp:attachment":[{"href":"https:\/\/fa.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=322828"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/fa.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=322828"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/fa.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=322828"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/fa.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=322828"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/fa.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=322828"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/fa.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=322828"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}