=== Nimble Page Builder === Contributors: nikeo, d4z_c0nf Author URI: https://nimblebuilder.com Plugin URI: https://wordpress.org/plugins/nimble-builder/ Tags: page builder, visual editor, customizer, drag and drop, header, footer, landing page, contact form, grid, post grid Requires at least: 4.7 Requires PHP: 5.4 Tested up to: 5.7 Stable tag: 2.2.6 License: GPLv3 License URI: https://www.gnu.org/licenses/gpl-3.0.html Donate link: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=8FMNQPU36U27J&source=url Simple and smart companion that allows you to insert sections into any existing page, create landing pages or entire websites including header and footer. == Description == = What is Nimble Page Builder ? = **[Nimble Page Builder](https://nimblebuilder.com/?utm_source=wp-org&utm_campaign=nimble-builder-page&utm_medium=link)** is a fast and agile page builder plugin for WordPress. Nimble Builder uses the live customizer which is the native and powerful WordPress interface for real-time design. The plugin allows you to easily drag-and-drop modules like text-editor, post grids, images, contact forms, maps, icons, or beautiful pre-built sections with a [parallax background](https://docs.presscustomizr.com/article/380-how-to-set-a-parallax-background-for-a-section-in-wordpress-with-the-nimble-builder/?utm_source=wp-org&utm_campaign=nimble-builder-page&utm_medium=link), into any page of your site. You can edit your sections in real-time, and then click "publish" when you are happy with the result, or save for later. Watch the video below to see how this [demo page](https://demo.presscustomizr.com/nimble-builder/?utm_source=wp-org&utm_campaign=nimble-builder-page&utm_medium=link) has been built ! [vimeo https://vimeo.com/328473405] = Works on any page of your site and with all WordPress themes = Nimble Builder allows you to insert sections in any context of your site : home page, single post or page, category or tag page, even search results or [404 pages](https://docs.presscustomizr.com/article/372-design-your-404-page-with-the-nimble-builder/?utm_source=wp-org&utm_campaign=nimble-builder-page&utm_medium=link). No only that, but you can also decide to [start designing from a blank page](https://docs.presscustomizr.com/article/371-how-to-start-building-from-a-blank-page-with-the-wordpress-nimble-builder/?utm_source=wp-org&utm_campaign=nimble-builder-page&utm_medium=link) on any page of your site, and even create a custom header and footer. Nimble Builder uses native WordPress action hooks, which makes it compatible with all WordPress themes. = Live demos = * Example of [integration with the Customizr theme](https://demo.presscustomizr.com/nimble-builder/?utm_source=wp-org&utm_campaign=nimble-builder-page&utm_medium=link) * Example of [integration with the Hueman theme](https://demo-hueman.presscustomizr.com/nimble-builder/?utm_source=wp-org&utm_campaign=nimble-builder-page&utm_medium=link) * Example of a [404 page created with Nimble Builder](https://docs.presscustomizr.com/article/372-design-your-404-page-with-the-nimble-builder/?utm_source=wp-org&utm_campaign=nimble-builder-page&utm_medium=link), header and footer disabled. = Features overview = * **Drag and drop neatly pre-designed sections** and customize them in real-time preview. * **Works in any WordPress contexts** : home, pages, posts, custom post types, archives, author pages, search page, ... * Create content, style, move / duplicate / remove elements **in real-time preview**. * **Includes many content modules** : classic text editor, image, column layouts, contact form, button, icons, map, html code, WordPress widget area, menu, and more. * **Insert engaging [post grids](https://docs.presscustomizr.com/article/393-how-to-add-post-grids-to-any-wordpress-page-with-nimble-builder/?utm_source=wp-org&utm_campaign=nimble-builder-page&utm_medium=link)** on any page, looking great on desktop and mobile devices. * Use **full width image or video backgrounds** for your sections, and [enable a parallax effect](https://docs.presscustomizr.com/article/380-how-to-set-a-parallax-background-for-a-section-in-wordpress-with-the-nimble-builder/?utm_source=wp-org&utm_campaign=nimble-builder-page&utm_medium=link). * **Easily [customize your content specifically for mobile devices](https://docs.presscustomizr.com/article/343-designing-for-mobile-devices-with-wordpress-nimble-builder/?utm_source=wp-org&utm_campaign=nimble-builder-page&utm_medium=link)** : change the responsive breakpoint, adapt font-size, spacing, alignment, column layouts, in real-time preview. * **Customize any text [with Google Fonts](https://docs.presscustomizr.com/article/364-how-to-use-google-fonts-with-the-nimble-builder/?utm_source=wp-org&utm_campaign=nimble-builder-page&utm_medium=link)**. * Add **[custom CSS](https://docs.presscustomizr.com/article/409-how-to-add-custom-css-to-a-specific-page-of-your-wordpress-site/?utm_source=wp-org&utm_campaign=nimble-builder-page&utm_medium=link)** to any specific page of your site ( and only to this page ) : post, page, archive, 404 page, WooCommerce product, etc. * **[Export / Import](https://docs.presscustomizr.com/article/391-how-to-export-and-import-templates-with-nimble-builder)** : re-use your sections in other pages and between sites. * **[Embed shortcodes](https://docs.presscustomizr.com/article/350-how-to-use-shortcodes-from-other-plugins-with-the-nimble-builder-plugin/?utm_source=wp-org&utm_medium=link&utm_campaign=nimble-builder-page) from other plugins**, and see the result in real-time preview. * Nimble Builder automatically generates responsive HTML markup for a **pixel-perfect rendering on smartphones and tablets**. * Nimble Builder leverages the WordPress live customizer features for auto-drafting and schedule publishing. You can safely build and save drafts of your content before deploying in production. = Content modules = * Headings * WordPress text editor ( support blocks and shortcodes ) * [Image](https://docs.presscustomizr.com/article/381-how-to-enable-lightbox-on-your-images-with-the-nimble-builder/?utm_source=wp-org&utm_medium=link&utm_campaign=nimble-builder-page) * Button * Icon * Post Grid * Image Carousel * [Contact Form](https://docs.presscustomizr.com/article/385-how-to-enable-recaptcha-protection-against-spam-in-your-forms-with-the-nimble-builder/?utm_source=wp-org&utm_medium=link&utm_campaign=nimble-builder-page) * [Google Map](https://docs.presscustomizr.com/article/387-how-to-insert-google-maps-in-your-wordpress-pages-with-the-nimble-builder/?utm_source=wp-org&utm_medium=link&utm_campaign=nimble-builder-page) * Menu * Social Profiles * Divider * Spacer * Columns * Quote * Widget zone * Accordion * Shortcode * Tabs ( coming soon ) * ... and more to come ! = Getting started = Once [installed](https://docs.presscustomizr.com/article/347-installing-the-nimble-builder-plugin/?utm_source=wp-org&utm_medium=link&utm_campaign=nimble-builder-page), Nimble Builder can be accessed in the WordPress live customizer. You can [start creating your first section](https://docs.presscustomizr.com/article/337-getting-started-with-the-nimble-builder-plugin/?utm_source=wp-org&utm_medium=link&utm_campaign=nimble-builder-page) ! == Documentation == You'll find a growing online knowledge base for Nimble builder here : [Nimble builder documentation](https://docs.presscustomizr.com/collection/334-nimble-builder/?utm_source=wp-org&utm_medium=link&utm_campaign=nimble-builder-page). * [Getting started with Nimble Page Builder for WordPress](https://docs.presscustomizr.com/article/337-getting-started-with-the-nimble-builder-plugin) * [Technical requirements for Nimble Builder : server, browser, php version, WP version](https://docs.presscustomizr.com/article/355-technical-requirements-server-browser-php-version-wordpress-version) * [Designing for mobile devices with the WordPress Nimble Builder](https://docs.presscustomizr.com/article/343-designing-for-mobile-devices-with-wordpress-nimble-builder) * [How to start building from a blank page with the WordPress Nimble Builder?](https://docs.presscustomizr.com/article/371-how-to-start-building-from-a-blank-page-with-the-wordpress-nimble-builder) * [How to build your WordPress header and footer with Nimble Builder ?](https://docs.presscustomizr.com/article/358-building-your-header-and-footer-with-the-nimble-builder) * [How to set a parallax background for a section in WordPress with Nimble Builder ?](https://docs.presscustomizr.com/article/380-how-to-set-a-parallax-background-for-a-section-in-wordpress-with-the-nimble-builder) * [How to enable reCAPTCHA protection against spam in your forms with Nimble Builder?](https://docs.presscustomizr.com/article/385-how-to-enable-recaptcha-protection-against-spam-in-your-forms-with-the-nimble-builder) * [How to change the page template with Nimble Builder ?](https://docs.presscustomizr.com/article/339-changing-the-page-template) == Screenshots == 1. Creating a page with 3 sections 2. Dragging and dropping a pre-designed section 3. Editing content in live preview 4. Creating columns layouts 5. Customizing a section with an image background 6. Using the section navigator == Installation == 1. Install the plugin through the WordPress plugins screen. Or download the plugin, unzip the package and upload it to your /wp-content/plugins/ directory 2. Activate the plugin through the 'Plugins' screen in WordPress 3. Navigate to the WordPress live customizer 4. Look for a drop zone candidate in the previewed page and click on the "+" button to start building your first section of content 5. Drag a module from the left panel and drop it in a drop zone of the previewed page == Frequently Asked Questions == = How do I use Nimble Builder ? = [Getting started with Nimble Page Builder for WordPress](https://docs.presscustomizr.com/article/337-getting-started-with-the-nimble-builder-plugin/?utm_source=wp-org&utm_medium=link&utm_campaign=nimble-builder-page). = Can I use Nimble Builder with any theme ? = Yes, Nimble builder works with any WordPress theme. If you experience any problem with a specific theme, please report it in the [plugin support forum](https://wordpress.org/support/plugin/nimble-builder). = How to troubleshoot problems with Nimble Builder ? = 1. **Use the latest software versions** : make sure WordPress, Nimble Builder and your theme are all up to date. 2. **Documentation** : try to find a possible solution in our [documentation pages](https://docs.presscustomizr.com/collection/334-nimble-builder/?utm_source=wp-org&utm_medium=link&utm_campaign=nimble-builder-page). 3. **Search the forum** : use the search field on top of the topic list with keywords describing your issue. Another user may have had a similar problem already resolved. 4. **Cache plugin** : if you use a server cache or cache plugin, please clear it’s cache content and disable caching via it’s settings. It is recommended to disable your cache plugin when customizing your site. 5. **Check for plugin conflict** : deactivate all of your plugins. If it fixes the issue, re-activate your plugins one by one, until you identify the plugin in conflict. 6. **Browser** : [clear your browser's cache / history](https://docs.presscustomizr.com/article/309-how-to-clear-your-browsers-cache-cookies-and-history/?utm_source=wp-org&utm_medium=link&utm_campaign=nimble-builder-page). Switch to another browser if needed. Make sure you do not use a browser extension that conflicts with the plugin. 7. **Theme** : try to switch to another WordPress theme, like the default WordPress theme. If you use a child theme, activate the parent theme instead. We have also published a detailed [troubleshooting guide for Nimble Builder](https://docs.presscustomizr.com/article/351-nimble-troubleshooting-guide/?utm_source=wp-org&utm_medium=link&utm_campaign=nimble-builder-page). If you can't troubleshoot your issue, please open a new thread in [Nimble Builder support forum](https://wordpress.org/support/plugin/nimble-builder/). == Upgrade Notice == 2.2.6 : fixed [customizer][font-picker and icon picker] automatically opens the select options after first click + various minor improvements == Changelog == = 2.2.6 March 13th 2021 = * fixed : [tiny MCE editor][customizer] make sure window.tinyMCE global is declared * improved : [customizer][font-picker and icon picker] automatically opens the select options after first click * improved : [customizer] added a link to the documentation to the template notification + various wording style improvements = 2.2.5 March 9th 2021 = * fixed : [performance][customizer] the font picker input of the global options could slow down UI * fixed : [performance][customizer] the list of icons is now generated only when clicking on the control * fixed : [sections][templates] prevent NB writing the boolean is_edit_meta in the section or template meta data * fixed : [user sections and templates] html encoding problem when injecting a user saved section or template that includes html markup * fixed : [template API] avoid hammering NB api with multiple calls at the same time = 2.2.4 March 8th 2021 = * improved : [performances] deactivate autoloading for some options = 2.2.3 March 4th, 2021 = * 100% compatible with WordPress 5.7 ( scheduled for March 9th 2021 ) * fixed : [customizer] collection validation => allow setting value to be set even when there are errors + print an error message. * fixed : [customizer] prevent logging message of "missing location id" when click is outside a NB location = 2.2.2 February 18th, 2021 = * fixed : [character encoding] some characters like (€ quotemarks „“, ä ü ö ß and € 😘🚀) can break rich text editor content = 2.2.1 February 11th, 2021 = * fixed : regression introduced when fixing emoji encoding issue => json encoding html markup can break serialization * fixed : [button module] remove sanitize_text_field() action when sanitizing = 2.2.0 February 9th, 2021 = * fixed : inserting emojis leading to blank page * fixed : [html module] prevent double instantiation of the code editor * added : [template] beta version of template saving * added : [image module] new option to use the current post thumbnail as source of the image * added : [level background] new option to use the current post thumbnail as source for the background url = 2.1.36 February 2nd, 2021 = * Updated : FontAwesome icons to latest version (v5.15.2) = 2.1.35 January 29th, 2021 = * fixed : [form module] reCaptcha badge not displayed even when global option checked * improved : [performance] prevent concatenating twice the same module stylesheet if used both in local and global stylesheets * added : [mobile menu] collapsible sub-menu items = 2.1.34 January 25th, 2021 = * fixed : [Menu module] Submenu items not clickable when option "expand the menu in full width below the menu hamburger icon." is checked = 2.1.33 January 21, 2021 = * fixed : [menu module] clicking on a sub menu item doesn't open the link * added : [user sections] edit icon to modify the title and description of the section = 2.1.32 January 12, 2021 = * fixed : [form module] javascript may break after submitting the form when jQuery called too early = 2.1.31 December 24th, 2020 = * fixed : [customizer] minor possible bug when initializing NB customization interface = 2.1.30 December 23rd, 2020 = * fixed : [dynamic CSS] insufficient specificity when setting section style options * fixed : [file import] bug when trying to assign sections to missing locations if current page uses a local header/footer * fixed : [text editor module] line break not preserved when re-opening a text module UI = 2.1.29 December 12, 2020 = * fixed : [customizer] minor issue when adding a new section in an empty location * fixed : [customizer][pre-built sections ui] pre-opened section group is broken * improved : [user template] added various component to prepare introduction of reusable templates = 2.1.28 December 3rd 2020 = * fixed : [js] always check that window.nb_ is defined before trying to emit an event * fixed : [performance] removed global performance > jQuery options, replaced by PHP boolean constants: NIMBLE_LOAD_JQUERY_ASYNC and NIMBLE_USE_LATEST_JQUERY_VERSION = 2.1.27 November 24th 2020 = * fixed : [WP5.7][jquery-migrate] replaced deprecated shorthands and fixed wrong usage $.fn.css() method * fixed : [carousel module] when customizing the lazy-load preloader is not self-removed * fixed : [images] removes any additional style attribute added by a theme ( Twenty Twenty one ) or a plugin to the image * added : [slider module][performances] introduction of a new option to pick an image size * fixed : [lazyload][performance] Wait and trigger the dom-ready again after 1 second, so we don't miss any image initially below the viewport (can happen if the height of a page element like a slider is modified at dom ready) * added : [post grid module] grid layout now supports up to 12 columns * improved : [post grid module] the number of columns by device is now consistent with the global custom breakpoint, and the section custom breakpoint * improved : [post grid module] default border-radius of post thumbnail now set to 4px by default * improved : [grid module] adjust default font-size, line-height, color css rules for text blocks = 2.1.26 November 24th 2020 = * fixed : [pre-built section] link to demo should not be displayed when not specified * fixed : [WP 5.6] images in the image module should not be inline styled by third party themes/plugins (as new default theme Twenty Twenty One does it with a filter for example ) * fixed : [WPML translation] compatibility issue with WPML preventing NB to build translated page = 2.1.24 November 19th 2020 = * fixed : [WP 5.6][admin][NB button] updated selector of the header toolbar with new in WP5.6 + implement retro-compat with previous versions * added : [compatibility] Implemented compatibility with the content analyzer of Rank Math SEO plugin * added : [button module] new options to customize width and height of the button = 2.1.23 November 17th 2020 = * fixed : [jQuery][javascript] prepare code for WordPress 5.6+ and removal of jquery migrate * fixed : fixed : [CSS][default style] headings font-sizes should be styled by default when used in another module than the heading one, like in the rich text module for example