[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fV5IJpOO6VFkRIuXGS9NFRNEdlq6U-1gnnFtGha_Y-Mk":3},{"slug":4,"display_name":4,"profile_url":5,"plugin_count":6,"total_installs":7,"avg_security_score":8,"avg_patch_time_days":9,"trust_score":10,"computed_at":11,"plugins":12},"sulaimandauda","https:\u002F\u002Fprofiles.wordpress.org\u002Fsulaimandauda\u002F",2,0,100,30,94,"2026-08-29T04:03:54.812Z",[13,34],{"slug":14,"name":15,"version":16,"author":4,"author_profile":5,"description":17,"short_description":18,"active_installs":7,"downloaded":19,"rating":7,"num_ratings":7,"last_updated":20,"tested_up_to":21,"requires_at_least":22,"requires_php":23,"tags":24,"homepage":30,"download_link":31,"security_score":8,"vuln_count":7,"unpatched_count":7,"last_vuln_date":32,"fetched_at":33},"extrnd-block-slider","Extrnd Block Slider","1.1.0","\u003Cp>Extrnd Block Slider adds a slider block for the WordPress editor with responsive layout controls, navigation options, and accessible frontend output. It uses the Embla Carousel library for touch-friendly scrolling and does not require jQuery.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Key Features:\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>Small frontend assets\u003C\u002Fstrong> — streamlined JavaScript and CSS for frontend rendering\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Zero jQuery\u003C\u002Fstrong> — no jQuery dependency, not even transitively\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Gutenberg native\u003C\u002Fstrong> — configure everything inside the block editor, no admin pages\u003C\u002Fli>\n\u003Cli>\u003Cstrong>9 presets\u003C\u002Fstrong> — Default, Hero, Gallery, Cards, Testimonials, Fullscreen, Logo Carousel, Coverflow, Fade\u003C\u002Fli>\n\u003Cli>\u003Cstrong>6 transition effects\u003C\u002Fstrong> — Slide, Fade, Scale, Parallax, Coverflow, Flip with smooth scroll-based animations\u003C\u002Fli>\n\u003Cli>\u003Cstrong>5 arrow styles\u003C\u002Fstrong> — Default, Rounded, Minimal, Outline, Circle\u003C\u002Fli>\n\u003Cli>\u003Cstrong>5 arrow positions\u003C\u002Fstrong> — Sides, Bottom Right, Bottom Left, Bottom Center, Outside\u003C\u002Fli>\n\u003Cli>\u003Cstrong>5 pagination styles\u003C\u002Fstrong> — Dots, Lines, Dashes, Numbers, Outline\u003C\u002Fli>\n\u003Cli>\u003Cstrong>3 pagination positions\u003C\u002Fstrong> — Bottom, Right, Left\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Progress bar\u003C\u002Fstrong> — thin scroll-based progress indicator\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Slide counter\u003C\u002Fstrong> — shows current\u002Ftotal slide count (e.g. 1 \u002F 5)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Navigation colours\u003C\u002Fstrong> — customise arrow background, arrow icon, dot, and active dot colours\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Responsive breakpoints\u003C\u002Fstrong> — desktop, tablet (≤ 1024 px), and mobile (≤ 768 px) slides per view\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Settings & Styles tabs\u003C\u002Fstrong> — organised into Settings (Preset, Layout, Playback) and Styles (Effects, Navigation, Colors) tabs\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Accessible\u003C\u002Fstrong> — full keyboard navigation, screen reader announcements, reduced motion support\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Developer friendly\u003C\u002Fstrong> — PHP filter (\u003Ccode>extrnd_block_slider_options\u003C\u002Fcode>) and JS hooks (\u003Ccode>extrndSlider.options\u003C\u002Fcode>, \u003Ccode>extrndSlider.init\u003C\u002Fcode>, \u003Ccode>extrndSlider.slideChange\u003C\u002Fcode>)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Block transforms\u003C\u002Fstrong> — convert Gallery, Group, or multi-selected blocks to\u002Ffrom Slider\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Lazy initialisation\u003C\u002Fstrong> — sliders below the fold only initialise when scrolled into view\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Dynamic rendering\u003C\u002Fstrong> — PHP render callback ensures future-proof output with zero block validation errors\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\u003Cstrong>Presets:\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>Default\u003C\u002Fstrong> — standard full-width slider\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Hero\u003C\u002Fstrong> — 80 vh feature banner with fade transition\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Gallery\u003C\u002Fstrong> — multi-slide with 16 px gap\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Cards\u003C\u002Fstrong> — 3 visible slides with 24 px gap\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Testimonials\u003C\u002Fstrong> — centred single testimonial\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Fullscreen\u003C\u002Fstrong> — edge-to-edge 100 dvh\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Logo Carousel\u003C\u002Fstrong> — continuous-scroll brand logos\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Coverflow\u003C\u002Fstrong> — 3D coverflow effect\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Fade\u003C\u002Fstrong> — crossfade transitions\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Development\u003C\u002Fh3>\n\u003Cp>The full uncompiled source code is included in the \u003Ccode>src\u002F\u003C\u002Fcode> directory. The \u003Ccode>build\u002F\u003C\u002Fcode> directory contains the compiled assets generated by esbuild. To regenerate the build files from source, run \u003Ccode>npm install\u003C\u002Fcode> followed by \u003Ccode>npm run build\u003C\u002Fcode>.\u003C\u002Fp>\n\u003Ch3>Third-Party Libraries\u003C\u002Fh3>\n\u003Cp>This plugin includes the Embla Carousel library for slider behaviour.\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Project: Embla Carousel\u003C\u002Fli>\n\u003Cli>Repository: https:\u002F\u002Fgithub.com\u002Fdavidjerleke\u002Fembla-carousel\u003C\u002Fli>\n\u003C\u002Ful>\n","Responsive slider blocks for the WordPress editor with navigation controls, layout presets, and accessible frontend output.",214,"2026-04-09T17:45:00.000Z","6.9.5","6.5","8.1",[25,26,27,28,29],"accessibility","block","carousel","gutenberg","slider","https:\u002F\u002Fgithub.com\u002FSulaiman-Dauda\u002Fextrnd-block-slider","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fextrnd-block-slider.1.1.0.zip",null,"2026-07-22T17:31:50.256Z",{"slug":35,"name":36,"version":37,"author":4,"author_profile":5,"description":38,"short_description":39,"active_installs":7,"downloaded":40,"rating":7,"num_ratings":7,"last_updated":41,"tested_up_to":21,"requires_at_least":42,"requires_php":43,"tags":44,"homepage":50,"download_link":51,"security_score":8,"vuln_count":7,"unpatched_count":7,"last_vuln_date":32,"fetched_at":33},"theme-json-design-manager","Theme.json Design Manager","1.0.0","\u003Cp>\u003Cstrong>Theme.json Design Manager\u003C\u002Fstrong> provides a user-friendly admin interface for managing design tokens that are automatically merged into your theme’s \u003Ccode>theme.json\u003C\u002Fcode> Global Styles pipeline. No code editing required.\u003C\u002Fp>\n\u003Ch4>Features\u003C\u002Fh4>\n\u003Cul>\n\u003Cli>\u003Cstrong>Color Palette\u003C\u002Fstrong> — Define semantic color tokens with live contrast previews. Generates \u003Ccode>--wp--preset--color--{slug}\u003C\u002Fcode> CSS custom properties.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Spacing Scale\u003C\u002Fstrong> — Create spacing tokens with drag-to-reorder support. Generates \u003Ccode>--wp--preset--spacing--{slug}\u003C\u002Fcode> CSS custom properties.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Typography Scale\u003C\u002Fstrong> — Set font size tokens with optional fluid \u003Ccode>clamp()\u003C\u002Fcode> support. Generates \u003Ccode>--wp--preset--font-size--{slug}\u003C\u002Fcode> CSS custom properties.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Border Radius\u003C\u002Fstrong> — Define radius presets. Generates \u003Ccode>--wp--custom--border-radius--{slug}\u003C\u002Fcode> CSS custom properties.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Shadow Presets\u003C\u002Fstrong> — Create box-shadow tokens with live previews. Generates \u003Ccode>--wp--preset--shadow--{slug}\u003C\u002Fcode> CSS custom properties.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Hide Defaults\u003C\u002Fstrong> — Optionally hide theme\u002Fcore default presets from the editor for a clean, curated design system. CSS custom properties are preserved.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Reserved Slug Protection\u003C\u002Fstrong> — Automatically detects and renames color slugs (e.g. “text”, “link”) that conflict with WordPress core CSS marker classes, preventing color override issues in the editor.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Diagnostics Tab\u003C\u002Fstrong> — View runtime data including stored tokens, merged palette by origin, generated CSS variables, preset classes, and settings at a glance.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch4>How It Works\u003C\u002Fh4>\n\u003Cp>The plugin stores design tokens in the WordPress database and merges them into the theme’s Global Styles via the \u003Ccode>wp_theme_json_data_theme\u003C\u002Fcode> filter. Tokens use WordPress’s native slug-based merge system — matching slugs are replaced, new slugs are appended.\u003C\u002Fp>\n\u003Cp>All changes are \u003Cstrong>fully reversible\u003C\u002Fstrong>. Deactivating the plugin restores original theme styles.\u003C\u002Fp>\n\u003Ch4>Developer-Friendly\u003C\u002Fh4>\n\u003Cul>\n\u003Cli>\u003Cstrong>Filter hooks\u003C\u002Fstrong> for extending tokens before merge (\u003Ccode>gdtm_tokens_before_merge\u003C\u002Fcode>)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Action hooks\u003C\u002Fstrong> after save (\u003Ccode>gdtm_after_save\u003C\u002Fcode>) and for custom tab content (\u003Ccode>gdtm_after_tab_content\u003C\u002Fcode>)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Admin tab filter\u003C\u002Fstrong> (\u003Ccode>gdtm_admin_tabs\u003C\u002Fcode>) for registering additional tabs\u003C\u002Fli>\n\u003C\u002Ful>\n","Manage design tokens — colors, spacing, typography, border radius, and shadows — that integrate with WordPress Global Styles via theme.json.",225,"2026-03-24T18:37:00.000Z","6.1","7.4",[45,46,47,48,49],"block-editor","css-variables","design-tokens","global-styles","theme-json","","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Ftheme-json-design-manager.1.0.0.zip"]