Nimble Page Builder

Description

Qu’est-ce que le constructeur de page Nimble ?

Nimble Page Builder est une extension de création de page facile à utiliser mais puissant pour WordPress. Le constructeur Nimble utilise l’outil de personnalisation dynamique, l’interface native WordPress pour la conception en temps réel.
Le plugin vous permet de glisser-déposer des modules tels que l’éditeur de texte, des grilles de publication, des images, des formulaires de contact, des cartes, des icônes ou de superbes sections pré-construites avec parallax background, dans n’importe quelle page de votre site. Vous pouvez modifier vos sections en temps réel, puis cliquer sur « Publier » lorsque vous êtes satisfait du résultat ou enregistrer pour plus tard.

Regarder la vidéo ci-dessous pour voir comment cela fonctionne page de démonstration a été construite !

Fonctionne avec n’importe quelle page de votre site et avec tous les thèmes WordPress

Nimble Builder vous permet d’insérer des sections dans n’importe quel contexte de votre site : page d’accueil, article unique ou page unique, catégorie ou page de balises, même résultats de recherche ou 404 pages. Non seulement cela, mais vous pouvez également décider de commencer à concevoir à partir d’une page blanche dans n’importe quelle page de votre site, et même créer une entête et un pied de page personnalisés. Nimble Builder utilise des points d’ancrage d’action WordPress natifs, ce qui le rend compatible avec tous les thèmes WordPress.

Démos en direct

Aperçu des fonctionnalités

  • Glisser et déposer des sections soigneusement conçues et personnaliser l’aperçu en temps réel.
  • Fonctionne dans n’importe quels contextes WordPress : page d’accueil, pages, articles, types d’articles personnalisés, archives, pages d’auteurs, page de recherche, …
  • Créer un contenu, mettre en forme, déplacer / dupliquer / retirer des éléments dans l’aperçu en temps réel.
  • Inclure de nombreux modules de contenu : éditeur de texte classique, image, mise en page des colonnes, formulaire de contact, bouton, icônes, carte, code html, zone de widget WordPress, menu, etc…
  • Insérer des grilles grilles de publication dans n’importe quelle page, regarder sur les ordinateurs de bureau et les appareils mobiles.
  • Utilisez des arrière-plans d’images ou de vidéos pleine largeur pour vos sections, et activer un effet parallaxe.
  • Facilement personnaliser votre contenu spécifiquement pour les appareils mobiles : changer le point d’arrêt sensible, adapter la taille de la police, l’espacement, l’alignement, la disposition des colonnes, dans l’aperçu en temps réel.
  • Personnaliser n’importe quel texte avec 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.
  • Exporter / Importer : réutiliser vos sections dans d’autres pages et entre sites.
  • Raccourcis intégrés depuis d’autres extensions, et voir le résultat d’aperçu en temps réel.
  • Le constructeur de page Nimble génère automatiquement une balisage HTML responsive pour un rendu parfait sur les smartphones et les tablettes.
  • 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.

Modules de contenu

  • Entêtes
  • Éditeur de texte WordPress (blocs de support et raccourcis)
  • Image
  • Bouton
  • Icône
  • Grille d’article
  • Carrousel d’images
  • Formulaire de contact
  • Google Maps
  • Menu
  • Profils sociaux
  • Séparateur
  • Espacement
  • Colonnes
  • Citation
  • Boîtes de widgets
  • Accordéon
  • Raccourci
  • Onglets ( à venir )
  • … et plus à venir !

Premiers pas

Une fois que installed, Nimble Builder est accessible dans l’outil de personnalisation direct WordPress. Vous pouvez commencer la création de votre première section !

Documentation

Vous trouverez ici une base de connaissances en ligne croissante pour le constructeur de page Nimble : Documentation du constructeur de page Nimble.

Captures d’écran

  • Créer une page avec 3 sections
  • Glisser-déposer une section pré-conçue
  • Modifier le contenu d’aperçu
  • Création de mise en page de colonnes
  • Personnalisation d’une section avec un arrière-plan en image
  • Utiliser le navigateur de section

Installation

  1. Installer l’extension via l’écran des extensions WordPress. Ou téléverser l’extension, décompressez le package et télécharger dans votre répertoire /wp-content/plugins
  2. Activer l’extension via l’écran ‘Extensions’ dans WordPress.
  3. Accéder en direct à l’outil de personnalisation de WordPress
  4. Rechercher un candidat de zone de dépôt dans la page de prévisualisation et cliquer sur le bouton « + » pour commencer à créer votre première section de contenu.
  5. Glissez un module du panneau de gauche et déposez-le dans une zone de page de prévisualisation

FAQ

Comment utiliser Nimble Builder ?

Premiers pas avec Nimble Page Builder pour WordPress.

Puis-je utiliser le constructeur de page Nimble avec n’importe quel thème ?

Le constructeur de page Nimble fonctionne avec n’importe quel thème WordPress. Si vous rencontrez des problèmes avec un thème spécifique, veuillez le signaler dans le forum de support de l’extension.

Comment résoudre les problèmes avec le constructeur Nimble ?
  1. Utiliser le dernier logiciel’: assurez-vous que WordPress, le constructeur Nimble Builder et votre thème sont tous à jour.
  2. Documentation : trouver une solution possible dans notre pages de documentation.
  3. Rechercher dans le forum : utiliser le champ de recherche en haut de la liste des sujets avec des mots clés décrivant votre problème. Un autre utilisateur a peut-être déjà résolu un problème similaire.
  4. Cache de l’extension : si vous utilisez un cache de serveur ou un cache d’extension, veuillez effacer le contenu de ce cache et désactiver le cache via ses réglages. Il est recommandé de désactiver votre extension de cache lors de la personnalisation de votre site.
  5. Vérifier le conflit d’extensions : désactiver toutes vos extensions. Si cela résout le problème, réactiver vos extensions une par une jusqu’à ce que vous identifiez l’extension en conflit.
  6. Navigateur : effacer le cache / l’historique de votre navigateur. Basculer vers un autre navigateur si nécessaire. Assurez-vous de ne pas utiliser une extension de navigateur en conflit avec l’extension.
  7. Thème : essayer un autre thème WordPress, comme le thème WordPress par défaut. Si vous utilisez un thème enfant, activer plutôt le thème parent.

Nous avons également publié un guide de dépannage pour Nimble Builder.

Si vous ne parvenez pas à résoudre votre problème, veuillez ouvrir un nouveau fil de discussion dans le forum de support de Nimble Builder.

Avis

Lire les 64 avis

Contributeurs & développeurs

« Nimble Page Builder » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.

Contributeurs

“Nimble Page Builder” a été traduit dans 4 locales. Remerciez l’équipe de traduction pour ses contributions.

Traduisez « Nimble Page Builder » dans votre langue.

Le développement vous intéresse ?

Parcourir le code, consulter le SVN dépôt, ou s’inscrire au journal de développement par RSS.

Journal

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