ZenBlocks extends the WordPress block editor (Gutenberg) with custom blocks and advanced styling controls. Design responsive, professional buttons and UI elements \u2014 without writing any code.<\/p>\n\n
Button Basic Block<\/strong><\/p>\n\n Create fully customizable buttons with granular control over every visual aspect:<\/p>\n\n Responsive Design<\/strong><\/p>\n\n Every setting supports 4 breakpoints (PC \/ Tablet L \/ Tablet \/ Mobile) so your buttons look great on all devices. Customize values per device or let them cascade automatically.<\/p>\n\n Performance<\/strong><\/p>\n\n ZenBlocks generates optimized CSS per page \u2014 only the styles you actually use are loaded on the frontend. No bloated global stylesheets.<\/p>\n\n Pro Features (Optional)<\/strong><\/p>\n\n Additional features such as animations, thumbnails, and background video are available through a separate plugin (ZenBlocks Pro) from zenblockswp.com<\/a>.<\/p>\n\n This plugin includes compiled JavaScript and CSS files in the To build from source:<\/p>\n\n The build process uses This plugin includes an optional media search feature that connects to third-party image and video APIs. These services are only used when the user configures API keys in the plugin settings and actively searches for media within the block editor. No data is sent to these services during normal frontend usage.<\/p>\n\n Used for searching and importing free-to-use images in the block editor.<\/p>\n\n Used for searching and importing free images and videos in the block editor.<\/p>\n\n Used for searching and importing free images and videos in the block editor.<\/p>\n\n Used for searching and importing CC0-licensed images in the block editor.<\/p>\n\n Used for retrieving Pro upgrade pricing information on the plugin settings page.<\/p>\n\n This plugin bundles SVG icon data from the following open-source icon libraries. All icon data is included locally within the plugin files \u2014 no external HTTP requests are made to any of these services<\/strong> at any time (neither in the editor nor on the frontend). The URLs listed below are the project homepages and license references for attribution purposes only.<\/p>\n\n Feather Icons<\/strong> \u2014 MIT License, by Cole Bemis<\/p>\n\n Font Awesome Free<\/strong> \u2014 Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT, by Fonticons Inc.<\/p>\n\n Tabler Icons<\/strong> \u2014 MIT License, by Pawe\u0142 Kuna & Tabler Team<\/p>\n\n Heroicons<\/strong> \u2014 MIT License, by Tailwind Labs<\/p>\n\n Lucide Icons<\/strong> \u2014 ISC License, by Lucide Contributors<\/p>\n\n Remix Icon<\/strong> \u2014 Apache License 2.0, by Remix Design<\/p>\n\n WordPress 6.0 or higher, PHP 7.4 or higher.<\/p><\/dd>\n Yes. Core block functionality is available in the free version.<\/p><\/dd>\n Go to \n
Source Code<\/h3>\n\n
build\/<\/code> directory. The original uncompiled source code is included in the src\/<\/code> directory of this plugin.<\/p>\n\n\n
npm install<\/code> in the plugin root directory<\/li>\nnpm run build<\/code> to generate the production files in build\/<\/code><\/li>\n<\/ol>\n\n@wordpress\/scripts<\/code> (webpack-based).<\/p>\n\nExternal services<\/h3>\n\n
Unsplash<\/h4>\n\n
\n
https:\/\/api.unsplash.com\/<\/code><\/li>\nPexels<\/h4>\n\n
\n
https:\/\/api.pexels.com\/<\/code><\/li>\nPixabay<\/h4>\n\n
\n
https:\/\/pixabay.com\/api\/<\/code><\/li>\nOpenverse<\/h4>\n\n
\n
https:\/\/api.openverse.org\/<\/code><\/li>\nZenBlocks Pro Services (zenblockswp.com)<\/h4>\n\n
\n
https:\/\/zenblockswp.com\/wp-json\/zenblocks\/v1\/pricing<\/code><\/li>\nIcon Libraries (bundled, no external requests)<\/h4>\n\n
\n
\n
\n
\n
\n
\n
\n
\n
zenblocks<\/code> folder to the \/wp-content\/plugins\/<\/code> directory.<\/li>\nPlugins<\/code> menu in WordPress.<\/li>\nZenBlocks Elements<\/code> category.<\/li>\n<\/ol>\n\n\n\n
What are the minimum requirements?<\/h3><\/dt>\n
Does this plugin work without Pro?<\/h3><\/dt>\n
Where can I manage plugin settings?<\/h3><\/dt>\n
Settings > ZenBlocks<\/code> in wp-admin.<\/p><\/dd>\n\n<\/dl>\n\n\n1.1.0<\/h4>\n\n
\n
1.0.1<\/h4>\n\n
\n
1.0.0<\/h4>\n\n
\n