Title: Layoutic Blocks Ìtumọ̀ Yorùbá: – essential native blocks, extensions, and patterns for Gutenberg Author: Binsaifullah Published: Èbìbí 14, 2026 Last modified: Òkúdù 28, 2026 --- Ṣàwárí àwọn plugin ![](https://ps.w.org/layoutic-blocks/assets/banner-772x250.png?rev=3539132) ![](https://ps.w.org/layoutic-blocks/assets/icon-256x256.png?rev=3531683) # Layoutic Blocks Ìtumọ̀ Yorùbá: – essential native blocks, extensions, and patterns for Gutenberg Láti ọwọ́ [Binsaifullah](https://profiles.wordpress.org/binsaifullah/) [Ṣe ìgbàsílẹ̀](https://downloads.wordpress.org/plugin/layoutic-blocks.1.0.6.zip) * [Àwọn àlàyé](https://yor.wordpress.org/plugins/layoutic-blocks/#description) * [Àwọn àgbéyẹ̀wò](https://yor.wordpress.org/plugins/layoutic-blocks/#reviews) * [Ìgbéwọlẹ̀](https://yor.wordpress.org/plugins/layoutic-blocks/#installation) * [Ìdàgbàsókè](https://yor.wordpress.org/plugins/layoutic-blocks/#developers) [Ìrànlọ́wọ́](https://wordpress.org/support/plugin/layoutic-blocks/) ## Àpèjúwe **Layoutic Blocks** fills the gaps in the WordPress block editor by providing essential custom blocks and powerful extensions that Gutenberg simply doesnÌtumọ̀ Yorùbá: ’ t include out of the box. Built entirely with native WordPress components, every block feels right at home inside the editor — no bloated libraries, no page builder lock-in. Whether youÌtumọ̀ Yorùbá: ’re a freelancer, agency, or site owner, Layoutic Blocks gives you the tools to build richer, more engaging pages without ever leaving the block editor. ### Live Demos Visti: [GutenLayouts](https://gutenlayouts.com) ### Blocks Included * **Carousel** – A fully responsive image and content slider built on Swiper, configurable entirely within the editor. * **Icon** – Insert and style any icon from a curated library, with full color and size controls. * **Counter** – Animated number counters to highlight stats, milestones, or key metrics. * **Progress Bar** – Visual progress indicators with customizable labels, colors, and fill levels. * **Toggle** – Accordion-style content toggle to organize FAQs and collapsible sections cleanly. * **Advanced Toggle** – An enhanced toggle block with richer layout and styling controls. * **Unfold** – Reveal hidden content progressively with a “read more / show less” interaction. * **Map** – Embed an interactive Google Map directly inside a block with no shortcode needed. * **Rating** – Star rating display for testimonials, reviews, or product showcases. ### Block Extensions Layoutic Blocks also extends existing core blocks with extra controls: * **Visibility** – Show or hide any core block based on device type (desktop, tablet, mobile) without touching a line of CSS. * **Iconic Button** Ìtumọ̀ Yorùbá: – Add SVG icon to core button block * **Iconic List** Ìtumọ̀ Yorùbá: – Add SVG icon to core list block * **Hover Color** Ìtumọ̀ Yorùbá: – Add hover color, background and border for core blocks * **Image Masking** Ìtumọ̀ Yorùbá: – Add SVG masking to core image block * **Paragraph Max Width** Ìtumọ̀ Yorùbá: – Set a custom max-width on core Paragraph blocks for desktop; tablet and mobile automatically fall back to 100%. More blocks and extensions are in active development — new additions ship regularly. **Why Layoutic Blocks?** * **Natively Built** – Uses WordPressÌtumọ̀ Yorùbá: ’s own block API and components. No React frameworks bolted on top, no external page builder required. * **Performance First** – Block assets load only on pages where those blocks are used. Zero overhead on pages that donÌtumọ̀ Yorùbá: ’t use them. * **Selective Loading** – Enable only the blocks and extensions you actually need, keeping your site lean and your editor uncluttered. * **No Coding Required** – Every block is fully configurable from the editor sidebar. No shortcodes, no custom CSS needed for common tasks. * **Works With Any Theme** – Layoutic Blocks is theme-agnostic and works especially well with Full Site Editing (FSE) themes. **Perfect for:** freelancers, agencies, bloggers, and anyone building WordPress sites in the block editor who needs more creative control without leaving Gutenberg. ### Third Party Resources * Swiper (v12.0.3) Ìtumọ̀ Yorùbá: – https://swiperjs.com Ìtumọ̀ Yorùbá: – License: MIT. Source code: https://github.com/nolimits4web/swiper ## Àwọn ìdí Plugin yìí pèsè 16 àwọn ìdí. * Carousel Create flexible sliders and carousels using any inner blocks * Toggle Advanced toggle switcher for content variations. * Unfold Collapse long content with expandable read more button. * Icon Display SVG icons from library or upload custom SVGs. * Counter Animated number counter from zero to target value * Google Map Embed a Google Map by specifying an address. * Rating SVG-based star rating system with customizable values. * Progress Interactive progress bars and circular progress indicators. * Hover Color * Iconic Button * Iconic List * Image Masking * Full Width on Mobile * Paragraph Max Width * Toggle Content Content for a specific toggle state. * Slide Slide child block for carousel. ## Ìgbéwọlẹ̀ **Automatic installation (recommended)** 1. In your WordPress dashboard go to **Plugins Add New**. 2. Search for **Layoutic Blocks**. 3. Click **Install Now**, then **Activate**. **Manual installation** 1. Download the plugin ZIP file. 2. Go to **Plugins Add New Upload Plugin** and upload the ZIP. 3. Activate the plugin through the **Plugins** screen. **After activation** Open any page or post in the block editor. Layoutic Blocks will appear under their own category in the block inserter. Visit **Settings Layoutic Blocks** to enable or disable individual blocks and extensions. ## FAQ ### Does this plugin require a specific theme? No. Layoutic Blocks works with any WordPress theme that supports the block editor. It works especially well with Full Site Editing (FSE) themes. ### Will it slow down my site? No. Block assets are loaded only on pages where those blocks are actually used. Unused blocks add zero overhead to your front end. ### Can I use only some of the blocks? Yes. The plugin settings screen lets you enable or disable each block and extension individually so you only load what you need. ### Is Layoutic Blocks compatible with WooCommerce? Layoutic Blocks does not require WooCommerce, but it does not conflict with it either. You can use both plugins together without issues. ### More blocks coming? Yes! New blocks and extensions are actively being developed. Updates are released regularly — keep the plugin updated to get the latest additions. ## Àwọn àgbéyẹ̀wò Kò sí àwọn àgbéyẹ̀wò fún plugin yìí. ## Àwọn Olùkópa & Olùgbéejáde “Layoutic Blocks Ìtumọ̀ Yorùbá: – essential native blocks, extensions, and patterns for Gutenberg” jẹ́ ètò ìṣàmúlò orísun ṣíṣí sílẹ̀. Àwọn ènìyàn wọ̀nyí ti ṣe ìkópa sí plugin yìí. Àwọn Olùkópa * [ Binsaifullah ](https://profiles.wordpress.org/binsaifullah/) [Túmọ̀ “Layoutic Blocks Ìtumọ̀ Yorùbá: – essential native blocks, extensions, and patterns for Gutenberg” sí èdè rẹ.](https://translate.wordpress.org/projects/wp-plugins/layoutic-blocks) ### Ṣe o nífẹ̀ẹ́ sí ìdàgbàsókè? [Ṣàwárí koodu](https://plugins.trac.wordpress.org/browser/layoutic-blocks/), ṣàyẹ̀wò [ibi ìpamọ́ SVN](https://plugins.svn.wordpress.org/layoutic-blocks/), tàbí ṣe àgbékalẹ̀ sí [àkọsílẹ̀ ìdàgbàsókè](https://plugins.trac.wordpress.org/log/layoutic-blocks/) nípasẹ̀ [RSS](https://plugins.trac.wordpress.org/log/layoutic-blocks/?limit=100&mode=stop_on_copy&format=rss). ## Àkọsílẹ̀ àwọn àyípadà #### 1.0.6 * Added: Paragraph Max Width extension – set a max-width on core Paragraph blocks( desktop only; tablet and mobile fall back to 100%). Frontend stylesheet is enqueued only when the extension is actually used on the page. #### 1.0.5 * Fixed: remove remote swiper js link and hidden dev files #### 1.0.4 * Fixed: Carousel issue * Fixed: Border color issue * Added: Full width on mobile for button block * Added: Position for Icon title for Icon block #### 1.0.3 * Interactivitiy API is added for interactive blocks #### 1.0.2 * Added: Hover Color extension is added * Added: Masking for Image block is added * Improved: Iconic ButtonÌtumọ̀ Yorùbá: ’s #### 1.0.1 * Added: Iconic Button extension – Add SVG icons to the core Button block. * Added: Iconic List extension – Add SVG icons to the core List block. #### 1.0.0 * Initial release. ## Àkójọpọ̀ Meta * Ẹ̀yà **1.0.6** * Ìgbàgbọ́hùn tó kẹ́yìn **ọ̀sẹ̀ 2 sẹ́yìn** * Àwọn ìgbéwọlẹ̀ tó ṣiṣẹ́ **Tó kéré sí 10** * Ẹ̀yà WordPress ** 6.7 tàbí ju bẹ́ẹ̀ lọ ** * Dánwò dé **7.0** * Ẹ̀yà PHP ** 7.4 tàbí ju bẹ́ẹ̀ lọ ** * Èdè * [English (US)](https://wordpress.org/plugins/layoutic-blocks/) * Àwọn àmì * [block-editor](https://yor.wordpress.org/plugins/tags/block-editor/)[carousel](https://yor.wordpress.org/plugins/tags/carousel/) [custom blocks](https://yor.wordpress.org/plugins/tags/custom-blocks/)[gutenberg blocks](https://yor.wordpress.org/plugins/tags/gutenberg-blocks/) [page builder](https://yor.wordpress.org/plugins/tags/page-builder/) * [Ìwòye Tó Péye](https://yor.wordpress.org/plugins/layoutic-blocks/advanced/) ## Àwọn ìbò Kò sí ìwádìí tí a tíì fi ránṣẹ́. [Your review](https://wordpress.org/support/plugin/layoutic-blocks/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/layoutic-blocks/reviews/) ## Àwọn Olùkópa * [ Binsaifullah ](https://profiles.wordpress.org/binsaifullah/) ## Ìrànlọ́wọ́ Nǹkan wà tí o fẹ́ sọ? Ṣé o nílò ìrànlọ́wọ́? [Wo àpéjọ ìrànlọ́wọ́](https://wordpress.org/support/plugin/layoutic-blocks/)