Page d'accueil
- 22 novembre 2016 Nous sommes ravis d'annoncer Beaver Builder 1.9, Shasta, inventé à partir du magnifique barrage Shasta dans notre État d'origine, la Californie. Shasta apporte la fonctionnalité n°1 la plus demandée à Beaver Builder : colonnes dans colonnes (CinC). Avec CinC, nous introduisons un éditeur remanié avec un glisser-déposer plus précis, la possibilité de glisser et de réorganiser les colonnes, des paramètres réactifs pour les marges et les remplissages, de nouveaux modèles et bien plus encore !
Tout d’abord, la plupart des mises à jour cette fois-ci sont beaucoup plus faciles à montrer qu’à raconter. Justin a réalisé un joli petit screencast mettant en évidence de nombreux changements. Ça vaut le détour.
Si les vidéos sont votre truc, n'oubliez pas de regarder cette vidéo d'aperçu de Shasta de Matt Mederios (vous savez, le gars qui réalise le podcast Matt Report). Matt est super brillant et a une longue histoire dans le domaine des constructeurs grâce à son produit, Conductor. Il a une perspective unique soutenue par des tonnes d’expérience.
Si vous vous demandez ce que signifie réellement « colonnes dans colonnes », ne vous inquiétez pas. Il est un peu difficile de comprendre sans un exemple visuel.
Il a toujours été possible d'avoir, par exemple, une image dans une colonne et du texte dans une autre, mais remarquez les carrés bleu sarcelle et vert sous le texte de présentation : cette mise en page n'a jamais été possible sans quelques astuces CSS.
Comme mentionné, CinC est l'une des fonctionnalités les plus demandées depuis notre lancement. Nous faisons véritablement de notre mieux pour écouter vos commentaires et mettre en œuvre vos idées. La mise en œuvre de CinC a pris beaucoup de temps, car nous ne parvenions pas à trouver une manière élégante de le réaliser. Comme vous pouvez le voir dans la vidéo, nous avons finalement résolu les problèmes avec une dynamique de colonnes « parent » et « enfant » dont nous sommes extrêmement fiers.
Une autre grande demande concerne la possibilité de dupliquer et de faire glisser des colonnes, de la même manière que cela est possible avec des modules individuels. Nous sommes ravis d'annoncer que des colonnes déplaçables seront également disponibles.
Afin de créer des colonnes déplaçables et parent/enfant, nous introduisons une nouvelle fonctionnalité d'interface utilisateur astucieuse. Dans Shasta, vous pourrez faire glisser une colonne (et si disponible, une colonne parent) directement depuis le menu des paramètres de colonne.
À gauche se trouve un menu de colonnes standard et à droite un menu de colonnes enfants . Dans l'exemple de droite, notez que vous pouvez modifier les paramètres ou déplacer à la fois l'enfant et le parent en cliquant et en faisant glisser vers la droite depuis le menu.
Il s'agit d'une innovation que nous n'avons jamais vue auparavant et, associée à quelques améliorations majeures de la précision du glisser-déposer, elle permet une expérience de construction très fluide. Bien sûr, vous ne devriez pas nous croire sur parole. Essayez-le. Nous espérons que vous ressentez un peu la même chose que ce bêta-testeur…
Après avoir travaillé avec @BeaverBuilder 1.9 pendant un certain temps, revenir au comportement de la version 1.8 est tellement déprimant. Partager sur XIl est difficile de décrire à quel point la nouvelle interface utilisateur est agréable à vivre. Vous devrez essayer et nous faire savoir si vous êtes d'accord.
Dans Gordon (v1.8), nous avons introduit plusieurs nouveaux modèles de pages de destination . Chez Shasta, nous accordons un peu d'amour à nos modèles de pages de contenu. Les pages de destination sont, vraisemblablement, la première page qu'un visiteur voit lorsqu'il arrive sur votre site (pensez aux pages d'accueil). Les pages de contenu sont les pages intérieures d'un site, comme une page à propos, un contact ou une page de tarification.
Il existe 12 nouveaux modèles de pages de contenu disponibles dans la version 1.9, chacun avec un design frais et minimaliste. Notre espoir avec tous nos modèles est qu'ils constituent soit un point de départ pour relancer votre créativité, soit un design prêt à l'emploi qui n'a besoin que de quelques ajustements mineurs avant d'être mis en ligne.
Depuis le premier jour, les mises en page Beaver Builder ont toujours été réactives et nous introduisons une fonctionnalité pour faciliter grandement la création pour des écrans plus petits.
Dans Shasta, vous pouvez désormais ajuster les marges, le remplissage et la taille des bordures en fonction de la taille de l'appareil. À l'origine, nous avons ajouté 4 zones de texte supplémentaires au panneau des paramètres. Même si c'était fonctionnel, ce n'était pas très joli. Dans une autre révélation de l'interface utilisateur, l'équipe a créé un bouton pour basculer entre les différentes vues.
Une grande partie du code de cette fonctionnalité a été soumise par des sources extérieures. Merci beaucoup à Jessie et Oliver pour leur aide ! Nous sommes toujours ravis de recevoir des demandes d'extraction pour la base de code de Beaver Builder. Si vous souhaitez contribuer, veuillez nous envoyer un e-mail.
Enfin et surtout, nous ajoutons la possibilité de générer une fenêtre contextuelle lightbox à partir d'un bouton. Il existe un nouveau paramètre Click Action dans le module de boutons qui ajoute une option lightbox ainsi que l'option permettant d'ouvrir une URL. Vous pourrez ajouter un texte personnalisé, du HTML (inclure des codes courts) ou une vidéo et ce contenu s'affichera automatiquement dans une lightbox lorsque vous cliquerez sur le bouton. Plutôt mignon !
Vous pouvez en savoir plus sur la fonctionnalité lightbox et toutes les nouvelles fonctionnalités de Shasta dans notre article de la base de connaissances. Pour consulter les corrections de bogues et les améliorations mineures, consultez les journaux des modifications.
Bien! Je pense que c'est tout.
Nous aimerions savoir ce que vous pensez de cette prochaine version et/ou, si vous rencontrez des problèmes avec la version bêta, envoyez-nous un e-mail ou laissez-nous un commentaire ci-dessous. Cette mise à jour est la preuve que nous écoutons et prenons vos commentaires très au sérieux. N'hésitez pas à nous faire part de vos impressions. Apprécier.
le 7 décembre 2016 à 9h16Merci, Andréa !
le 22 novembre 2016 à 15h35Je comprends que cette version permettra de lancer un code d'intégration YouTube dans une lightbox après avoir cliqué sur un bouton. Je travaillais récemment avec Gtmetrix.com et ils ont dit que gérer les vidéos de cette manière, où le code intégré n'est pas chargé jusqu'à ce que l'utilisateur interagisse avec lui, pouvait considérablement améliorer la vitesse de la page. Pouvez-vous s'il vous plaît confirmer que votre nouvelle fonctionnalité vidéo Lightbox accomplit cela dans la version 1.9 ? En outre, est-il prévu d'afficher la diapositive de titre de la vidéo ainsi qu'un bouton de lecture superposé sous forme d'image au lieu du bouton afin qu'il ressemble à une vidéo intégrée ?
le 7 décembre 2016 à 19h16Salut Paul. C'est une bonne question. Le balisage est inclus dans le chargement initial de la page, c'est-à-dire qu'il n'est pas chargé via ajax. Je suppose que la vidéo ne commence à être mise en mémoire tampon qu'une fois affichée, mais je n'en suis pas sûr à 100%.
Nous n'avons pas l'intention de mettre en œuvre la diapositive de titre comme vous l'avez mentionné, mais c'est une bonne idée. Nous le garderons à l'esprit. Tous nos modules par défaut peuvent être remplacés et personnalisés. Si vous travaillez sur quelque chose comme celui-ci, faites-le-nous savoir et peut-être pourrons-nous utiliser votre code ?
le 23 novembre 2016 à 13h43Génial… J'adore les mises à jour. Rend les choses beaucoup plus intuitives et devrait accélérer le flux de travail pour créer des éléments, sans avoir à trop cliquer.
J'aime aussi les personnalisations pour différentes tailles d'écran. Je ne suis pas sûr que ce soit quelque chose qui devrait être géré par le constructeur plutôt que par la feuille de style, mais cela donne définitivement à un utilisateur la possibilité d'apporter les modifications souvent nécessaires sans avoir à se lancer dans le code.
Mais c’est ici que je peux voir cette fonctionnalité devenir vraiment utile. Utilisez-le avec des colonnes, et surtout des colonnes dans des colonnes !
La principale raison pour laquelle je crée un modèle personnalisé plutôt que d'utiliser un générateur de pages est la façon dont les colonnes sont réparties pour chaque taille d'écran. Habituellement, vous êtes limité à la manière intégrée que le constructeur choisit de procéder, mais ce n'est pas toujours la meilleure.
Voici un exemple :
Il existe plusieurs cas où j'aimerais avoir 6 colonnes sur un ordinateur de bureau, qui se transforment en 3 colonnes sur une tablette, puis 2 colonnes sur un téléphone. Habituellement, cela passe de 6 colonnes à 1 colonne, ce qui n'est évidemment pas idéal dans toutes les situations.
Normalement, je ferais cette personnalisation en utilisant bootstrap, car c'est le moyen le plus simple que j'ai trouvé. Cela facilite également la priorisation de ce qui se trouve en haut lorsque la taille de l'écran descend à une colonne (comme le texte sur l'image de gauche à droite pour deux colonnes, mais en créant toujours l'image en haut pour une colonne).
Mais si je pouvais contrôler tout cela via le constructeur, je l’aimerais encore plus qu’avant. Bon sang, je ne l'ai pas utilisé depuis un moment, alors c'est peut-être déjà possible.
Je vais devoir m'y renseigner et faire une demande de fonctionnalité officielle. Merci!
le 7 décembre 2016 à 19h17Génial! Merci, Dan. Il est généralement préférable de mettre autant de style que possible dans un fichier CSS, mais pour beaucoup de gens, cela peut ne pas être pratique.
le 23 novembre 2016 à 23h47Super truc! Une fonctionnalité que j'aimerais avoir est une boîte CSS sur un module ou une colonne lorsque j'ai rapidement besoin d'ajouter quelque chose de simple mais non pris en charge dans l'interface de style, comme text-shadow, lorsque j'utilise un titre sur une zone d'arrière-plan et le titre ne peut pas être facilement distingué. J'utilise text-shadow et quelques autres éléments pour faire ressortir un titre ou un texte à partir d'un arrière-plan d'image pleine largeur. Je sais que vous pouvez ajouter la mise en page CSS en haut, mais c'est juste une pensée pour faciliter l'accès en ayant la possibilité de soumettre du code CSS rapide à partir de l'interface contextuelle module/colonne.
Acclamations
le 7 décembre 2016 à 19h20Salut David. Merci pour la suggestion. Je pense que le mieux serait de donner à l'élément une classe ou un identifiant et de garder le CSS aussi central que possible. Ce n'est pas la meilleure pratique, mais j'ai créé des « classes d'assistance » comme .text-shadow dans mon fichier CSS, puis j'ai placé la classe sur les titres/etc. où je devais ajouter une ombre. Cela pourrait marcher pour toi ?
le 25 novembre 2016 à 21h49Installez-le maintenant! Ces fonctionnalités sont géniales et j'ai hâte de voir les nouveaux modèles.
Alors, la lightbox ne s'ouvre qu'à partir d'un bouton ? Peut-il être déclenché par un lien d'image ? Oh comme ce serait gentil !
le 1er décembre 2016 à 15h21Ouah! Beaver Builder ne cesse de s'améliorer ! Merci à toute l'équipe de Beaver Builder pour ces améliorations. Je viens tout juste de commencer deux nouveaux sites Web clients et Beaver Builder travaille sur les deux !
le 7 décembre 2016 à 19h21Merci, Pete! Heureux d'entendre. Nous apprécions le soutien !!
le 7 décembre 2016 à 2h41Félicitations pour la publication de cette incroyable mise à jour, les gars ! Et merci de m'avoir mentionné dans le post, je suis heureux d'avoir pu aider un peu.
Je voudrais vous demander si vous avez un ETA pour la version Beaver Builder 1.9 Lite ? Je souhaite mettre à jour le contenu de la démonstration de mes thèmes à l'aide de la nouvelle fonctionnalité d'espacement réactif.
Merci!
le 7 décembre 2016 à 19h19Salut Olivier. C'est bon d'avoir de vos nouvelles et merci en retour-atchya !
Je pense que Justin publie généralement la mise à jour du dépôt quelques jours/semaines après le lancement des mises à jour de la version premium. Vous voudrez peut-être lui envoyer un ping sur Slack pour une confirmation, mais attendez-vous à ce qu'il soit publié très bientôt.
le 9 décembre 2016 à 4h47Cool. Merci pour la réponse, Robby!
le 12 décembre 2016 à 3h58Cette nouvelle version est sortie ? Je ne vois pas la notification de mise à jour dans mes plugins !
le 12 décembre 2016 à 8h54Salut David. Il est disponible pour les versions premium, mais pas pour la version allégée. Cela devrait sortir très bientôt.
Si vous ne voyez pas la mise à jour, il y a un bouton « Vérifier à nouveau » sur la page des mises à jour que vous pouvez essayer. Si tout le reste échoue, vous pouvez effectuer une mise à jour manuelle ou nous envoyer un ticket d'assistance.
le 13 décembre 2016 à 14h46Robby,
Il semble que j'ai quelques problèmes avec la version allégée. Je souhaite que mes lignes soient en pleine largeur et y mettre un arrière-plan. Lorsque vous enregistrez les modifications, les modifications ne prennent pas effet. Y a-t-il quelque chose que je devrais faire différemment pour que cela fonctionne ?
le 13 décembre 2016 à 21h28Salut Angèle. Nous devrions avoir une autre mise à jour qui corrige quelques bugs. Faites-nous savoir si vous rencontrez toujours ce problème après la mise à jour vers la version 1.9.2.
(et désolé pour le problème)
le 14 décembre 2016 à 16h07C'est une merveilleuse mise à jour, et merci pour la mention !
J'ai hâte de commencer à l'utiliser en production. Il existe de nombreux cas d’utilisation qui sont devenus beaucoup plus simples. Si nous pouvions simplement obtenir des colonnes globales, je pourrais remplacer complètement les barres latérales et les widgets et tout faire dans le front-end.
J'aime aussi beaucoup les commutateurs d'interface utilisateur réactifs que vous avez ajoutés. C'est tellement plus facile à utiliser que les premiers contrôles que j'ai soumis (et franchement, c'est tout simplement plus cool). Je suis vraiment impressionné !
Je continue d'être très heureux que nous ayons choisi ce cadre pour créer nos sites.
le 18 décembre 2016 à 11h37Salut Jessie ! Merci encore pour l'aide.
J'aime l'idée des colonnes globales/barre latérale ! Nous garderons certainement celui-là à l’esprit. Nous avons également des trucs sympas à préparer pour 2017…
le 22 décembre 2016 à 4h46C'est super, merci beaucoup !
Oups : Le premier lien dans le texte (Ouvrir une Lightbox depuis un bouton) donne une page introuvable.
le 22 décembre 2016 à 10h31Ah ! Merci pour l'avertissement ! Tout est réparé maintenant.
le 28 décembre 2016 à 12h13C'est tellement cool !!!!
le 28 décembre 2016 à 20h51Merci à toute l'équipe de Beaver Builder pour ces améliorations.
le 20 janvier 2017 à 14h20La nouvelle fonctionnalité de colonnes dans les colonnes est fantastique. Allez-vous bientôt ajouter la possibilité de dupliquer une colonne parent et tout son contenu (ou de les enregistrer en tant que module) ? Cela rendrait vraiment cette fonctionnalité encore plus utile. Merci!
le 23 janvier 2017 à 15h23Merci Annjanette ! Nous n'avons rien de prévu, mais nous gardons cela à l'esprit pour une prochaine mise à jour. Je sais que c'est une solution de contournement, mais vous pouvez dupliquer et enregistrer des lignes. Il peut être plus rapide de dupliquer une ligne et de supprimer les colonnes supplémentaires au lieu d'essayer de dupliquer des modules. J'espère que cela aide.
le 22 septembre 2017 à 3h31Veuillez ajouter plus de modèles personnalisés pour les pages de contenu et les publications... tout le reste est vraiment génial.
Notre newsletter est rédigée personnellement et envoyée environ une fois par mois. Ce n’est pas du tout ennuyeux ou spammé.
Nous le promettons.
Waouh ! Je suis tellement heureux de voir la version bêta – un pas de plus vers sa mise sur les sites clients. J'ai tellement aimé les nouvelles fonctionnalités réactives et de colonnes de la version alpha que je l'ai installée sur quelques sites personnels en ligne. Excellent travail comme toujours, les gars !