Nimble Page Builder

Описание

What is Nimble Page Builder ?

Nimble Page Builder 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, 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 has been built !

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. No only that, but you can also decide to start designing from a blank page 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

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 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.
  • Easily customize your content specifically for mobile devices : change the responsive breakpoint, adapt font-size, spacing, alignment, column layouts, in real-time preview.
  • Customize any text with Google Fonts.
  • Add custom CSS to any specific page of your site ( and only to this page ) : post, page, archive, 404 page, WooCommerce product, etc.
  • Export / Import : re-use your sections in other pages and between sites.
  • Embed shortcodes 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
  • Button
  • Icon
  • Post Grid
  • Image Carousel
  • Contact Form
  • Google Map
  • Menu
  • Social Profiles
  • Divider
  • Spacer
  • Columns
  • Quote
  • Widget zone
  • Accordion
  • Shortcode
  • Tabs ( coming soon )
  • … and more to come !

Getting started

Once installed, Nimble Builder can be accessed in the WordPress live customizer. You can start creating your first section !

Documentation

You’ll find a growing online knowledge base for Nimble builder here : Nimble builder documentation.

Скриншоты

  • Creating a page with 3 sections
  • Dragging and dropping a pre-designed section
  • Editing content in live preview
  • Creating columns layouts
  • Customizing a section with an image background
  • Using the section navigator

Установка

  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

Часто задаваемые вопросы

How do I use Nimble Builder ?

Getting started with Nimble Page Builder for WordPress.

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.

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.
  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. 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.

If you can’t troubleshoot your issue, please open a new thread in Nimble Builder support forum.

Отзывы

Посмотреть все 64 отзыва

Участники и разработчики

«Nimble Page Builder» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

«Nimble Page Builder» переведён на 4 языка. Благодарим переводчиков за их работу.

Перевести «Nimble Page Builder» на ваш язык.

Заинтересованы в разработке?

Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.

Журнал изменений

2.0.4 March 28th 2020

  • improved : [performances][Google fonts] added param «display=swap» to ensure text remains visible during webfont load
  • improved : [Performance] make sure no enqueued script / inline script / preload stylesheet is printed when no Nimble Sections to print

2.0.3 March 24th 2020

  • fixed : [form module] add specificity to CSS selectors of the button
  • fixed : [carousel module] when inserting a carousel for the first time, js not instantiated
  • added : [carousel module] a css loader until initialization of the slider
  • improved : [lazyload] lazyload js should not be ran when disabled in options
  • improved : [CSS] always re-generate front dynamic stylesheet when user is logged in and has «customize» capabilities

2.0.2 March 22nd 2020

  • fixed : [slider module][UI] make sure there’s an available img size to use for the slide thumbnail
  • improved : [performance] options for javascript

2.0.1 March 18th 2020

  • fixed : [visibility option] visibility setting not working

2.0.0 March 13th 2020

  • fixed : [acessibility] Buttons do not have an accessible name
  • fixed : [social icons module][accessibility] Links do not have a discernible name
  • fixed : [slider module] when lazy loading active, make sure all slides are always lazyloaded, both when moving a section when customizing and navigating the slides
  • fixed : [performance] removed fetching for material-icons, not used anymore
  • fixed : [carousel module][performance] lazyload breaks the last image
  • fixed : [performance] make sure lazyload is triggered when refreshing sections during customization
  • improved : [performance] added a set of options to improve Nimble Builder performance when loading stylesheets and javascript files
  • improved : [performance] scripts are now loaded in defer mode to minimize render blocking issues on page load
  • improved : [performance] stylesheets can be loaded in partial mode
  • improved : [performance] Google fonts now be preloaded by default for minimal impact on page load
  • improved : [performance] Font Awesome icons are now loaded asynchronously by default to avoid blocking rendering problems
  • improved : [performance] if activated, smartload should also work when customizing

1.10.12 March 3rd 2020

  • fixed : when a multi-item module, like carousel or social icon, is updated, its value should be cast as an array
  • fixed : [responsive columns] custom column width might not be applied when using a custom breakpoint < 768px
  • fixed : [nested sections] duplicating a nested section should trigger a preview refresh in order to regenerate a proper column layout
  • fixed : [carousel module] disable autoplay by default
  • updated : [carousel module] set default navigation to arrows only, not arrows + dots
  • fixed : [CSS grid] columns of a section with property «flex-direction: column-reverse» needs to be set on «flex:auto»
  • fixed : [breakpoint] possible php error notice when custom breakpoint is set to an empty value
  • updated : use «adapt images to carousel’s width» instead of «Nimble wizard» by default
  • improved : [performance] avoid potential multiple db queries when fetching the sektion posts
  • improved : [performance] added an experiment to load some of the largest module stylesheets per module instead of bundled in the main one. Can be enabled with constants in wp-config : NIMBLE_USE_SPLIT_STYLESHEET, NIMBLE_PRINT_MODULE_STYLESHEETS_INLINE

1.10.11 February 29th 2020

  • fixed : figcaption => adjust margin top only when wrapped inside .wp-caption
  • fixed : [accordion module] wrong cursor pointer on +/- icons
  • fixed : [WP Widget module] implement basic styling for WP search form
  • improved : [performance] lazyload => implement a better deferral of offscreen images on page load and apply a higher threshold when scrolling
  • improved : [performance] removed unused CSS => reduced size of main CSS stylesheet
  • improved : [performance] removed Poppin Google font for prebuild menu sections