Pour entrer dans l'éditeur ADI, rendez-vous dans l'onglet "Mes Sites" en haut à gauche de la page d'accueil de votre compte WIX. Votre site fraîchement créé devrait apparaître. Faites passer votre souris dessus. Cliquez sur le bouton qui s'affiche alors "Sélectionner et Modifier Site". Ce bouton vous enverra sur le Tableau de Bord de votre site. Il devrait ressembler à ceci :
Ce Tableau de Bord est l'endroit où est résumé les informations importantes de votre site.
Il est composé de plusieurs onglets dans la barre d'accessibilité à gauche mais cela sera l'objet d'un prochain tutoriel.
Si vous n'êtes pas sur l'onglet "Tableau de Bord", cliquez dessus. La page ci-dessus devrait s'afficher.
Pour modifier votre site, cliquez sur le bouton "Actions du site". Un petit menu devrait s'afficher :
Cliquez sur modifier. Après un temps de chargement un nouvel onglet pour l’éditeur ADI devrait s’ouvrir dans votre navigateur
Comme dit dans le tutoriel précédent, WIX ADI est un éditeur simplifié pour nous permettre de créer la base de notre site WEB en quelques clics. Faisons le tour de l'interface.
Tout d'abord, votre page doit ressembler à ceci :
Dans l'en-tête, vous pouvez apercevoir différents boutons. Commençons l'analyse :
En haut à gauche, vous pouvez voir le texte "Page : Acc...", c'est à partir d'ici que vous pourrez accéder aux différentes pages de votre site. Le bouton juste à côté s'intitule "Ajouter", ce dernier vous propose un menu déroulant :
Une "Section [de] page" est un élément que l'on ajoute sur une page, c'est une sorte de module préfabriqué. En cliquant dessus, un volet devrait s'ouvrir à gauche :
Que nous propose ce volet ? Il nous propose toute une série de catégories de sections à ajouter à la page.
Sélectionnez en une et faites-la glisser dans l'espace bleu à droite. La section sélectionnée devrait apparaître sur la page.
Revenons à l'onglet ajouter, en dessous du texte "Section à la page", il y a "Page". Le résultat sera sensiblement le même, c'est-à-dire un volet va s'ouvrir à gauche et vous proposera différents types de pages à ajouter.
Pour finir, séparé d'un trait, le texte "Ajouter applis" vous permet d'ajouter des applications à votre site. Cette partie sera l'objet d'un nouveau tutoriel.
À côté du bouton "Ajouter" se trouve le bouton "Design". C'est ici que vous pourrez gérer le design de votre site. Le texte "Thème" vous aidera à paramétrer le thème principal de votre site. Les boutons "Couleurs", "Polices" et "Animation" vous permettront de personnaliser votre page en ajoutant des animations à certains éléments, une police plus élevée pour d'autres ou de changer la couleur d'un troisième élément. Cette partie sera plus détaillée dans un prochain tutoriel.
Le bouton à côté de celui s'intitulant "Design" est nommé "Gérer Applis", ce dernier sera développé dans le tutoriel destiné aux applis. Nous ne l'aborderons pas ici.
En partant cette fois-ci de la droite de la page, le premier bouton qui s'offre à nous est "Publier" c'est celui qui mettra notre site en ligne.
À gauche de ce dernier, vous pouvez apercevoir le bouton "Aperçu" c'est celui-ci qui vous permettra de tester votre site comme s'il était en ligne. Les boutons deviendront actifs et tous les liens de vos pages aussi. Cela va de même pour le menu de votre site. Dans notre cas, celui-ci se compose des boutons "Accueil", "Contact", "À propos" et "Blank".
Pourquoi avons nous autant de pages ? Lors de la création de votre site, WIX vous a demandé à un moment d'ajouter des pages déjà construites à votre site. Nous avons sélectionné la page de Contact, la page d'À propos et une page vierge. Ces dernière se sont répertoriées dans le menu.
La bouton "Booster" vous demandera de payer pour accéder à des avantages comme le nom de domaine personnalisé ou le référencement, il vous donnera aussi accès à des applis disponibles que pour les comptes "Premium". Pour vous montrer la portée de la version gratuite, nous n'allons pas Booster notre site.
La petite cloche vous répertoriera les notifications une fois votre site publié. Elles peuvent comprendre nouveaux membres, remplissage de formulaire ou encore chat avec les membres.
Le bouton "Site" reprend les actions essentielles de votre site quand on passe sa souris dessus, ce menu devrait apparaître :
Différentes options vous sont proposées comme l'accès au Tableau de Bord ou encore les Paramètres de votre site. Un nouveau Tutoriel sera consacré à cette partie.
Le texte "Connecter à un domaine" est en violet, cela signifie qu'il vous faut booster votre site pour que l'option soit utilisable.
Tout en bas, nous avons la possibilité d'accéder à l'Éditeur Complet de WIX. Nous n'en sommes pas encore là. Nous restons pour l'instant sur WIX ADI.
Pour finir le bouton "Aide" vous envoie directement sur la documentation de WIX ADI. Cela pourra vous aider pour savoir comment utiliser tel ou tel élément sur votre page.
Entrons maintenant dans le vif du sujet, à savoir modifier son site. Lorsque vous passez votre souris sur les différents éléments de votre page en mode édition, vous pouvez constater que les sections auxquelles sont rattachées ces éléments se mettent en sur-brillance :
Un petit menu vous est alors proposé : vous avez le choix de "Designer" la section, la "Modifier" et dans les "..." de dupliquer la section ou de la supprimer. Nous souhaitons modifier le texte "BIENVENUE SUR EXEMPLE" et le sous titre "Une source incontournable". Cliquons donc sur "Modifier".
Un volet devrait s'ouvrir, il devrait avoir cette tête :
Pour modifier notre Titre, nous allons changer le contenu du texte en dessous du texte en bleu "TITRE".
Nous souhaitons créer un blog pour CréaWEB, donc nous allons remplacer ce texte par "BIENVENUE SUR LE BLOG DE CRÉA WEB". Le sous-titre nous convient donc nous pouvons le laisser. La description ne correspond pas au type de site dont nous faisons le blog. Nous changeons la description. En dessous se trouve le bloc Média, en cliquant sur "Settings" à droite de la photo vous serez en mesure de changer l'image et de par exemple la remplacer par une vidéo.
Pour finir, tout en bas du volet, vous pouvez apercevoir un bouton radio nous permettant d'ajouter un bouton en dessous de la description. Dans notre cas nous allons ajouter deux boutons : un qui renvoie sur le site crea.universjeux.info et l'autre qui envoie sur le Blog. Cochons donc ce bouton radio.
Après avoir ajouté deux boutons et les avoir renommés, vous avez la possibilité d'y ajouter des liens. En cliquant sur "Lien" un boîte de dialogue devrait apparaître :
Plusieurs propositions s'offrent à vous. Dans notre cas nous voulons renvoyer sur le site crea.universjeux.info. Pour faire cela, nous cliquons sur "Adresse Internet" (Vous êtes libre de changer l'adresse.) et nous collons le lien. Une fois cela fait, nous cliquons sur "Terminer".
Pour le deuxième bouton, nous souhaitons renvoyer à une page du site. Nous cliquons donc sur la nouvelle boîte de dialogue pour le bouton en question qui s'affiche et sélectionnons "Page". Nous sélectionnons la page "Post" et "Haut de Page".
Pourquoi "Haut de page" ? Ce menu déroulant nous permet de sélectionner le Post que nous souhaitons accéder directement. Puisque nous n'avons pas encore de Post, nous laissons "Haut de Page".
Il se peut, qu’après avoir changé votre média, que WIX ADI vous propose de nouveaux designs déjà faits sélectionnez en un si vous souhaitez.
Après avoir complété vos informations, vous devez avoir quelque-chose comme ça (avec vos informations bien-sûr) :
Le design de cette section a été suggéré par WIX ADI puisque nous avons souhaité que l'image soit affichée entièrement.
Et voilà ! Vous avez appris la base de l'Éditeur ADI ! Continuez à modifier chaque section pour trouver des options supplémentaires !