Premier pas

Edition via VW

Dans l'administration de Pluxml, allez dans "Pages statiques". A droite de la ligne de votre sélection, cliquez sur "Editer" . Cet exemple est bien sûr valable pour l'édition des articles ou des catégories.

Dans l'édition de la page statique, passons directement en plein écran. Cliquez sur l'icône "Plein écran" afin d'ouvrir l'espace de travail de VW.

Espace de travail

Toutes les pages de VW sont composées de 4 éléments fondamentaux :

Sections : divisent le contenu (bleu foncé)
Rangées (ou row) : divisent les sections. (bleu clair)
Colonnes : uniformiser l'affichage de l'espace sur les différents médias (en blanc)
Widgets : objets html avec des propriétés (en violet, rose et orange)

Ces notions sont a prendre en compte pour comprendre l'ergonomie de l'espace de travail.

Voici l'espace de travail de VW !

Il se compose de 4 grandes parties :

1. La page : Le plan de travail de votre page
2. Zone de fonctions : Sauvegarde, historique, mode d'affichage, propriétés
3. Les éléments de structure : Sections et lignes
4. Widgets : objets html avec des propriétés

1. La page

La page est votre espace de travail. C'est ici que vous allez pouvoir manager votre contenu. C'est ici que vous allez créer vos sections, vos lignes, vos widgets. Le contenu peut-être manager facilement en ouvrant les propriétés de l'objet, en le dupliquant ou en le supprimant.

2. Zone de fonctions

La zone de fonctions se divide en deux parties :

La zone du haut permet de manager globalement la page:

Le bouton sauvegarder permet de sauvegarder la page courante sans repasser par l'administration de pluxml.
Les flèches gauches et droites représentent l'historique sur 10 niveaux
Le cube en 3d représente le mode d'affichage. Il en existe 3 (bloc, preview, like frontend)

La zone de bas est une zone de fonctions :

widgets : permet de faire apparaitre les widgets de contenu et de structure
préférences : permet de gérer les couleurs et les réglages de VW

3. Eléments de structure

Il existe deux éléments de structure dans visual wizard :

Sections : permet de diviser le contenu
Ligne ou Rows : permet d'ajouter une ligne de colonnes dans les sections

4. Widgets

Les widgets de visual wizard sont des objets html ayant des spécificités comme un bouton par exemple.

Il existe actuellement 24 widgets dont notamment :

Bouton : permet d'insérer un bouton avec un lien
Contact : rajoute un formulaire de contact
Prix : rajoute un conteneur prix avec de nombreuse options
Editeur wysiwyg : très pratique pour rajouter de l'html sans rien y connaitre !