Sortie visual wizard 2.7 version gratuite

je-evrardje-evrard Member
décembre 2018 modifié dans Echanges
La tendance est de plus en plus marquée, les administrateurs de contenu veulent du simple, du rapide et du facile, tout en obtenant de très bons résultats sur le rendu visuel de leur site. Les constructeurs de page sont en plein essor, avec les meilleurs on peut très rapidement de très belles page facilement.

Visual wizard est un constructeur de pages entièrement en drag & drop. Il permet de créer de belles pages aux mises en formes complexes (colonnes, onglets tabulaires, boutons, etc), et ce, sans aucune connaissance particulière.

Je vous invite d'abord à regarder la vidéo de présentation : Visual wizard

Toutes les infos et le téléchargement du plugin se trouvent sur : http://justeasy.org

bg2.png

Un thème spécialement conçu pour le wizard est disponible : theme par default visual wizard

Quelques exemples de pages réalisées par Visual wizard :

template moon
templateresume
template gym
template photos



Pour tester visual wizard rien de plus simple c'est ici !

demo live !

login : demo
password : demo




Longue vie à la création !

A noter :
[list=*]
[*]le widget rawhtml permet l'insertion de shortcodes[/*]
[*]ViusalWizard n'est pas compatible avec SPXShortCodes ! Il intègre les mêmes fonctions[/*]
[*]Visual wizard participe au concours des trophées catégorie innovation digitale epy[/*]
[/list]
«1

Réponses

  • GzygGzyg Member
    Alors, niveau travail je te tire tous mes chapeaux ! :)

    Par contre, ce que je n'aime pas chez les constructeurs de pages (quelque soit le CMS), c'est qu'on finit invariablement avec ce genre de code imbitable : :(
    <div style="width: 100%; text-align: left; color: rgb(255, 255, 255); min-height: 640px;" class="vwi_section vwi_flex vwi_flexCol vwi_flexWrap vwi_flexAlignItemsStretch vwi_flexJustifyCenter vwi_section-fullheight parallax-window vwi_section-58e6459d86bfb" data-parallax="scroll" data-image-src="./data/medias/template-resume/masthead-2x.jpg"><div style="max-width: 1280px;width: 100%;" class="vwi_container"><div style="background-color:transparent;" class="vwi_row vwi_flex vwi_flexRow vwi_flexWrap vwi_flexAlignItemsCenter"><div style="text-align:inherit;" class="vwi_col  vwi_lrg-7 vwi_med-12 vwi_med-colnotontop"><div style="" class="vwi_col-wrapper"><h1 style="color:#FFFFFF;text-align:inherit;" class="vwi_title "><span class="vwi_title-text">You Idiots!</span></h1><h5 style="color:#eceff1;text-align:inherit;" class="vwi_title "><span class="vwi_title-text">These are not them! You’ve captured their stunt doubles!</span></h5><div class="vwi_spacer " style="height: 32px"></div><h5 style="color:#FFFFFF;text-align:inherit;" class="vwi_title "><span class="vwi_title-text">— Spaceballs</span></h5><div class="vwi_spacer " style="height: 32px"></div><div style="color: #FFFFFF ;" class="vwi_rawhtml "><p>No more boring V-Cards, Selfy is the perfect theme for self promotion. A little piece of the internet all about you, customise and self express with Selfy...  <a href="styles.html">Read&nbsp;More</a></p></div></div></div><div style="text-align:inherit;" class="vwi_col  vwi_lrg-5 vwi_med-12 vwi_med-colnotontop"><div style="" class="vwi_col-wrapper"></div></div></div></div></div>
    

    Du style dans le code html, des titres non sémantiques et des div en pagaille... on dirait un thème WordPress de chez ThemeForest... ]:D
    Pas sûr que les futurs algo des moteurs de recherche qui privilégieront la vitesse et le html5 strict apprécient ce type d'architecture...

    Je me répète : chapeau pour le travail. Visuellement, c'est propre et ça en jette. Mais ça me paraît quand même aller à l'encontre de la simplicité recherchée par PluXml.

    Il fallait un râleur (néanmoins admiratif) de service, c'est fait ! :D


    à plus,

    Gzyg
  • [h]VOILA ![/h]

    Cette journée du 6 avril restera marquée exceptionnelle ! Un seul mot pour le dire "Voilà !" comme celui que tweetait il y a peu, le grand candidat béarnais à la présidentielle. Il y a probablement une ambiance créatrice particulière autour de la Vallée d'Aspe !

    Il était attendu depuis quelques jours : Le fabuleux PLUGIN BEARNAIS Révolutionnairement Créatif sur un CMS Nouvelle Version 5.6 sans Base de données par l'artiste Jérôme EVRARD - http://www.justeasy.org .

    La compétition créative est lancée, pour inventer de nouveaux templates de pages web en drag and drop !

    Merci Jérôme
  • je-evrardje-evrard Member
    avril 2017 modifié
    Si tu regarde de bien de près tu verras que coté front il n'y a absolument pas de div en pagaille, elles sont toutes justifiées. J'ai justement misé sur la simplicité du code html. Regarde du coté de visual composer pour voir la différence...
  • cfdevcfdev Member
    Yeah Magnifique!
    Que dire de plus si ce n'est un plugin qui donne des ailes littéralement à Pluxml!
    @Gzyg je comprend ta critique mais clairement, au vu des différents builder de page (visual composer, elementor..etc) celui de jéjé est très léger, ce qui est en accord total avec la philosophie de pluXml.

    Clairement pluXml pourra être utilisé par des néophytes! Et ca c'est bien!
    Légèreté doit rimer avec Simplicité et fonctionnalité et non avec codeur effréné.

    Un travail de cette envergure doit être récompensé clairement, surtout lorsque ça bénéfice à cette communauté.

    Bravo Jéjé :cool:
  • iceice Member
    Bonjour,

    Franchement, bravo pour le plugin. Je présume qu'il y a un certain nombre d'heures de travail derrière.

    Étant débutant et non informaticien, j'étais resté sur le thème par défaut. Avec cet outil, je vais pouvoir essayer d'améliorer le désign de mon blog. Merci.

    J'ai une question. J'ai vu la disponibilité prochaine d'une version pro. Quelles sont les différences avec cette version ?

    Vous en remerciant,

    Cordialement.
  • je-evrardje-evrard Member
    avril 2017 modifié
    Bonjour,
    ice a écrit:
    Je présume qu'il y a un certain nombre d'heures de travail derrière.
    J'ai calculé a peu près entre 250 et 300 heures. Ca aurait été plus rapide, en terme de dev, si j'avais fait ça a plein temps, mais j'ai fait ça à mes heures perdues, donc sur une période de 8 mois et avec passion.

    A tous merci pour vos petits mots qui me redonne la pêche. Un merci spécial a cfdev, cette version n'aurait pas été la même sans lui (merci aussi aux longues dicussions que nous avons pu échanger sur le sujet).

    Oui il y a deux versions :
    [list=*]
    [*]Une version gratuite déja sortie[/*]
    [*]Une version pro payante qui sortira dans quelques semaines[/*]
    [/list]

    Quelles sont les différences ?

    La version gtratuite ne possède que 9 widgets alors que la version payante en possèdera 25 dont certain très utiles comme google maps, bouton, grille de prix, video, icône et groupes d'icones, editeur wysiwyg, faqs, grille d'images...

    De plus, la version payante intégrera les possiblitées suivantes :

    [list=*]
    [*]Enregistrement de ces widgets pour une réutilisation en d&d[/*]
    [*]Une liste de Templates tout faits[/*]
    [*]Possiblité d'enregistrer ces templates[/*]
    [*]Une gestion des couleurs pour rajouter ces propres couleurs[/*]
    [*]et plein d'autres surprises... (j'adore faire des cadeaux)[/*]
    [/list]


    Je mettrais un tableau comparatif sur le site Justeasy.org dès que possible.

    A noter que le widget rawhtml de la version gratuite permet l'insertion de shortcodes. Pas besoin d'installer spxshortcodes, le wizard intègre les mêmes fonctionnalitées.

    Un peu de patiente donc pour la version payante dont le prix ne sera pas excessif avec mise à jour pendant un an.

    Cordialement,

    Jéjé le béarnais (amoureux du dessin et de la prise de photos aériennes)
  • iceice Member
    Merci bien pour ces précisions.

    Alors je prendrai la version pro lorsqu'elle sera disponible pour participer et vous encourager même si, dans un 1er temps, je n'en aurai probablement pas besoin.

    Cordialement.
  • je-evrardje-evrard Member
    avril 2017 modifié
    Mise à jour sur le site en 2.4.

    ## Version 2.4 (14/04/2017) ##
    - translation for section, row, col

    ## Version 2.3 (13/04/2017) ##
    - fix space header space
    - powerfull plxlastart
    - fix wording translation


    Téléchargement sur justeasy.org

    C'est un plugin donc juste a le remplacer c'est tout.

    Ou plus simple :

    Le plugin peut être téléchargé par le : spxplugindownloader via le dépot justeasy
  • joebartjoebart Member
    avril 2017 modifié
    Mise à jour faite sans soucis, de très bonne améliorations apportées (j'ai pu tester sur les derniers articles), bref, un véritable petit bijou ce plugin :)
    Pouvoir gérer son template aussi facilement, quel pied ! :D

    Il faudrait peut-être le rendre ce plugin plus visible sur le forum :P
  • je-evrardje-evrard Member
    avril 2017 modifié
    Mise à jour en 2.5

    ## Version 2.5 (24/04/2017) ##

    - remove h2 title for plxlastart
    - fix cat issue filter for widget plxlastart
    - add plxarchives

    Téléchargement sur justeasy.org

    C'est un plugin donc juste a le remplacer c'est tout.

    Ou plus simple :

    Le plugin peut être téléchargé par le : spxplugindownloader via le dépot justeasy
  • C’est parti mon kiki :D :D Merci Jérôme :)
  • je-evrardje-evrard Member
    mai 2017 modifié
    Coucou les amis,

    Voici la version 2.6. de Visual Wizard

    - ajout de lien possible sur image
    - ajout d'image de fond sur colonnes
    - correction id sur paramètres avancés
    - margin négative possible sur paramètres avancées
    - traductions presque terminées
    - révision du drag and drop sur widget

    Pour la version pro

    - modification du widget list
    - alignement vertical du text sur les boutons
    - ajout du widget forme penchée

    Téléchargement sur justeasy.org

    C'est un plugin donc juste a le remplacer c'est tout.

    Ou plus simple :

    Le plugin peut être téléchargé par le : spxplugindownloader via le dépot justeasy

    Bonne journée,

    jéjé

    ## Version 2.6 (08/05/2017) ##
    - adv option negative margin
    - add widget skewed
    - gui widget list improved
    - improved widget sortable
    - place holder with min height
    - helper clone
    - original alpha 50 when sortable
    - trad ok for button
    - add bg image for col
    - fix id value (instead of class)
    - add link of image
    - fix vertical center for text button
    - fix trad english
  • [h]Révolution Pluxml avec Visual Vizard : inutile de passer du temps à chercher un thème ![/h]

    En Mai, fais ce qu'il te plait avec Pluxml, c'est just la révolution easy facile !

    Bonjour Jérôme,

    J'avoue que je m'amuse en souriant à tester Visual Vizard dans ses recoins magiques ,
    car c'est vraiment simple et rapide pour concevoir une page sans se tracasser avec le code.

    Un petit truc, qui serait utile lors de l'affichage sur écran large de tablettes ou Pc de bureau, c'est par défaut fixer la barre de menu en haut. Pour l'affichage mobile elle se fixe d'elle-même.
    Toute l'attention de préparation du site web,
    peut être concentrée sur la qualité du contenu, les termes, titres et mots clés utilisés,
    et construire l'esthétique souhaitée, les images à préparer, les couleurs à choisir,
    avec le bonus magique : choisir le type d'animations des éléments de la page,et ses nombreux effets visuels ...
    C'est extra !

    Construire une page qui s'adapte à tous les écrans avec des animations sans avoir besoin d'écrire une seule ligne de code ! Chapeau !

    @+
  • joebartjoebart Member
    mai 2017 modifié
    Merci encore pour ce superbe travail ;) ;)

    Par contre, j'ai un souci sur une page statique : http://jmr-immobilier.fr/recrutement

    Mon texte est coupé sur la gauche :o

    170514101527116489.jpg
  • je-evrardje-evrard Member
    mai 2017 modifié
    Coucou,

    Tu utilises quelle version du thème ?

    Cordialement,

    jéjé
  • joebartjoebart Member
    mai 2017 modifié
    Hello ;)

    viwdefault 1.1 semble t'il.

    170514110420692031.jpg
  • je-evrardje-evrard Member
    mai 2017 modifié
    Jobart : Il semblerait que tu utilises une page statique sans passer par visual wizard ? Non ? On en discute en private si tu veux bien.
  • je-evrardje-evrard Member
    mai 2017 modifié
    Jaseur Boreal a écrit:
    Révolution Pluxml avec Visual Vizard : inutile de passer du temps à chercher un thème !

    Merci héhé. Je vais t'embaucher pour faire mon marketing si ça continue !
    Jaseur Boreal a écrit:
    Un petit truc, qui serait utile lors de l'affichage sur écran large de tablettes ou Pc de bureau, c'est par défaut fixer la barre de menu en haut. Pour l'affichage mobile elle se fixe d'elle-même.

    Effectivement. Je vais voir ce qu'on peut faire.
    Jaseur Boreal a écrit:
    Toute l'attention de préparation du site web,
    peut être concentrée sur la qualité du contenu, les termes, titres et mots clés utilisés,
    et construire l'esthétique souhaitée, les images à préparer, les couleurs à choisir,
    avec le bonus magique : choisir le type d'animations des éléments de la page,et ses nombreux effets visuels ...
    C'est extra !

    C'est le but effectivement. Ne plus penser a la technique mais se focaliser essentiellement sur le fond et la forme. Place au plaisir de construire sa page !

    A noter dans les semaines qui vont suivre :
    [list=*]
    [*]Sortie de Visual Wizard pro[/*]
    [*]Peaufiner l'interface (bugs....)[/*]
    [*]Rajout de couleurs perso[/*]
    [*]Enregistrment de widgets personnalisés[/*]
    [*]Template tout fait a dispo[/*]
    [*]Thème administrable via visual wizard[/*]
    [/list]
  • joebartjoebart Member
    je-evrard a écrit:
    Jobart : Il semblerait que tu utilises une page statique sans passer par visual wizard ? Non ? On en discute en private si tu veux bien.

    Oui c'est bien ça, je dois impérativement passer par le Wizard ?
  • je-evrardje-evrard Member
    mai 2017 modifié
    Pour le moment oui. Mais je m'arrangerais dans une version 1.2 du thème d'avoir un conteneur si il n'y en a pas (en modifiant la structure html du thème et par ciblage css si pas de container wizard détecté).

    Un truc comme ça :
    [== Indéfini ==]
    notvwi_container:not(> .vwi_container) {
    margin: 0 auto;
    	
    	width: 100%;
    	padding-left: 15px;
    	padding-right: 15px;
    max-width:1280px;
    
     }
    



    ++

    jéjé
  • Bonjour,
    Je viens de tester le plugin spxvisualwizard - Version 2.6 (24/04/2017) sur mon blog, mais lorsque je crée une page, j'arrive à définir les sections, mais pas à y mettre du contenu. Impossible de trouver le moyen d'écrire son texte dans les sections.
    Sur mon serveur j'ai même mis les permissions des fichiers du plugin à 775, mais cela n'a rien changer.

    ++
  • joebartjoebart Member
    Hello,

    Pour rédiger un texte, il faut te servir de l'icone BRUT HTML.
    Tu l'insères dans une section et te voilà paré pour rédiger un article :)
  • Hello,

    Un petit tuto en vidéo ici : documentation visualwizard

    ++

    jéjé
  • Ok, alors je viens de mettre un bout de code brut html, effectivement je peux mettre du texte et ça marche.
    Par contre pour insérer une image, je glisse pour mettre une image, j'édite le blog et là il y a une ligne de texte, j 'ai mis un lien http vers une image ou même le chemin absolue vers une image de mon serveur, mais cela n'est pas pris en compte.

    D'ailleurs lors des modifications, elle ne sont pas enregistrés, et cela ne change rien lorsque je clic sur Sauvegardé.
    Ça ne marche pas aussi bien que sur le tuto vidéo. :o
  • je-evrardje-evrard Member
    mai 2017 modifié
    @jinformatique : il faut drag & dropper le widget image. Il faut cliquer sur edition. Dans la popup Il faut cliquer sur l'image vide avec la croix rouge pour ouvrir le popup media. Reste plus qu'à choisir limage en cliquant sur son lien. Effectivement il faudra que j'en dise plus la dessus.

    Voir l'animation ci-dessous
    image.gif
  • Sortie de la version 2.7.

    Pas mal de corrections diverses.

    La principale nouveauté de cette version gratuite est le widget "éditeur html" qui est quand même bien pratique !

    Une bonne animation est toujours mieux qu'un long discours !

    editeurhtml.gif


    Le plugin peut être téléchargé par le : spxplugindownloader via le dépot justeasy

    Bonne journée

    jéjé
  • stevanovichstevanovich Member
    juillet 2017 modifié
    Bonjour,
    Super module ! bravo au développeur !

    Je rencontre deux soucis récurrent :
    1 - NE PAS FAIRE ENREGISTRER LA PAGE dans la partie pluxml classique, sous peine de tout perdre ....
    2 - Le masque d'image en rond ne fonctionne pas bien, j'ai le droit à un rond bleu en lieu et place de l'image.
    3 - Le chemin pour trouver les images ne fonctionne pas dès que l'on met en marche un effet dessus .

    Sinon , encore bravo :cool:
  • @stevanovich
    1 - NE PAS FAIRE ENREGISTRER LA PAGE dans la partie pluxml classique, sous peine de tout perdre ....
    Tu peux me donner plus de précisions la dessus stp.
    2 - Le masque d'image en rond ne fonctionne pas bien, j'ai le droit à un rond bleu en lieu et place de l'image.
    Peux-tu me dire si tu vois correctement ces images : Demo images
    Peux-tu me donner l'url ou ça ne fonctionne pas ?
    3 - Le chemin pour trouver les images ne fonctionne pas dès que l'on met en marche un effet dessus .
    Un peu plus d'explication la dessus aussi, je ne comprend pas bien ce que tu veux dire.

    Il y aura une grosse mise à jour après le 20 aout, pour infos.

    ++

    jéjé
  • 1 - NE PAS FAIRE ENREGISTRER LA PAGE dans la partie pluxml classique, sous peine de tout perdre ....
    1 - je n'ai pas regardé la vidéo :D
    2 - A ce que j'ai compris , il faut cliquer sur le bouton "plein écran" pour accéder à toutes les options du plugin VW
    3 - et ]:D ]:D ]:D en voulant te montrer , je viens de perdre 2 jours de boulot .... GRRRRR
    4 - Donc quand on quitte le mode plein écran , et que je fais enregistrer "ENREGISTRER CETTE PAGE STATIQUE" .... je me retrouve à une version n- 2 ou n-3
    :D :D :D

    2 - Le masque d'image en rond ne fonctionne pas bien, j'ai le droit à un rond bleu en lieu et place de l'image.
    Oui , je les vois toutes correctement ...
    Et aujourd'hui ça fonctionne , Exemple

    3 - Le chemin pour trouver les images ne fonctionne pas dès que l'on met en marche un effet dessus .
    Et aujourd'hui ça fonctionne , Exemple
  • stevanovichstevanovich Member
    juillet 2017 modifié
    Suite ,
    Editeur HTML , il me rajoute sans cesse des <em> autour d'un boutonnn
    [== HTML ==]
    <p class="w3-card-2">
            <img src="../../data/medias/personnel/team3.jpg" alt="xxxxxxxxxxxxxxxxxxxxx" style="width:100%">
            </p>
              <h3 style="text-align: center; ">xxxxxxxxxxxxxxxxxxxxxxxx</h3>
              <p class="w3-opacity" style="text-align: center; ">Responsable de production</p>
              <p>Dirige l'atelier de fabrication, il supervise la réalisation des armoires, respecte les normes de conception et de réalisation de tableau , et aussi, les impératifs clients.</p>
              <p><button class="w3-button w3-light-grey w3-block" onclick="location.href='';"><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><em><i class="fa fa-envelope"></i></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em></em>  Contact</button></p>
    
Cette discussion a été fermée.