Guide WikiPro

Créé avec WikiPro

Démarrer votre site web

Pour gérer votre site web, vous avez besoin de deux modes d’accès :

  • Un mode d’accès en visualisation du rendu final
  • Un mode d’accès en mode édition qui permet de gérer le contenu

WikiPro propose ces deux modes d’accès qui sont au départ tous les deux protégés par mot de passe.

Une fois le site web prêt à être publié, le mot de passe du mode d’accès en visualisation sera retiré afin que votre site web soit accessible au public et aux moteurs de recherche.

Pour nous prévenir lorsque votre site web est prêt à être publié :

Accès à votre site web en mode visualisation

À l’ouverture de votre compte WikiPro, un email vous a été envoyé avec votre nom de domaine conforme à ce format: http://www.monsiteweb.fr ou http://www.monsiteweb.aellio.fr

Vous pouvez saisir cette adresse dans votre navigateur habituel pour accéder à votre site web en mode visualisation.

Au départ, votre site web géré avec le système WikiPro n’est pas public : le temps que toutes les images et tous les textes soient mis en place, revus et corrigés, l’ensemble de votre site web est protégé par un mot de passe: 1234 à saisir avant de cliquer sur « Valider » afin d’afficher votre site web :

WikiPro France Site en construction 1 Démarrer votre site web

Le but de cette protection : éviter que Google ne commence à visiter votre site web alors qu’il est encore vide, ce qui risque de ralentir ou de compromettre son futur référencement.

Grâce à cette protection initiale, vous êtes libre de corriger, retirer, rajouter ou enlever des pages, des textes et des images sans que cela ne porte préjudice à votre référencement.

Voici à quoi peut ressembler un site web en mode visualisation au départ, avant la mise en place de vos textes et de vos images :

Dreamweaver 18 Démarrer votre site web

Une fois l’ensemble de vos textes et images de base mis en place, il vous suffit de nous prévenir avec un petit email envoyé à contact(at)aellio.com : nous vérifierons alors le contenu de votre site web et s’il remplit nos conditions (pas de politique, pas de pornographie, pas de jeu d’argent, etc), nous le rendrons publique en retirant le mot de passe nécessaire pour y accéder.

Exemple de site web public réalisé avec WikiPro: http://wikipro.biz

Dreamweaver 19 Démarrer votre site web

 

Accès à votre site web en mode édition

Pour accéder en mode édition à votre site web professionnel, il faut rajouter wp-admin à la fin de l’adresse de votre site web.

Exemple: avec une adresse http://www.monadresse.fr, l’accès à votre interface éditeur se fait à l’adresse suivante : http://www.monadresse.fr/wp-admin

Nous vous conseillons d’ajouter l’adresse http://www.monadresse.fr/wp-admin1 dans votre liste de signets: vous en aurez besoin à chaque fois que vous voudrez éditer votre site web.

Lors de l’ouverture de votre compte WikiPro, vous recevrez un email avec votre identifiant et votre mot de passe à saisir avant de cliquer sur « Se connecter » afin de pouvoir éditer votre site web.

site Professionnel se connecter Démarrer votre site web

 

Vous arrivez alors sur l’interface administrateur de votre site web :

Dreamweaver 20 Démarrer votre site web

C’est là que vous pourrez éditer le contenu, ajouter et enlever des pages, optimiser votre site, etc.

Changer de mot de passe

Lors de votre première connexion, il est important de changer de mot de passe en cliquant sur « Mot de passe » dans le menu vertical gauche :

Dreamweaver 24 Démarrer votre site web

 

Une interface vous permet alors de saisir un mot de passe (1), de le confirmer (2) et de le mettre à jour (3).

Ce mot de passe est important pour préserver le contenu de votre site web : il doit être suffisamment complexe (avec un mélange de majuscules et minuscules, de chiffres et de lettres et de caractères spéciaux) :

Dreamweaver 25 Démarrer votre site web

Vous pouvez basculer depuis le mode édition vers le mode édition pour voir le résultat de vos modifications après avoir sauvegardé les modifications.

En cas de doutes sur la validité des dernières modifications, vous pouvez aussi visualiser le rendu final sans sauvegarder les modifications même si c’est une opération délicate non recommandée: si vous ne suivez pas la procédure, vous risquez de perdre les dernières modifications.

Basculer mode édition / mode visualisation

Basculer depuis le tableau de bord WikiPro vers le mode visualisation

Depuis le tableau de bord WikiPro, en cliquant sur le titre de votre site web en haut à gauche du bandeau d’édition ou sur « Aller sur le site » qui s’affiche en survolant le titre :

Dreamweaver 109 Démarrer votre site web

Uniquement lors du premier basculement et si votre site web est encore en construction

Uniquement lors du premier basculement et si votre site web est encore en construction, le mot de passe d’accès en visualisation vous est demandé.

Dans ce cas, saisir le mot de passe « 1234 » et cliquer sur « Valider« .

Dreamweaver 110 Démarrer votre site web

Vous basculez alors sur votre web en construction en mode visualisation tout en restant connecté en tant qu’éditeur comme l’atteste la présence du bandeau d’édition en haut de la fenêtre :

Dreamweaver 111 Démarrer votre site web

 

Basculer depuis le mode visualisation vers le tableau de bord WikiPro

Depuis le site web si vous êtes connecté en mode édition, le bandeau d’édition est affiché en haut de la fenêtre de votre site web.

En survolant avec la souris le coin gauche du bandeau en haut de la fenêtre, apparait le le menu « Tableau de bord« .

En cliquant sur « Tableau de bord« , vous basculez sur le tableau de bord WikiPro :

Dreamweaver 112 Démarrer votre site web

 

Basculer mode édition / mode visualisation en éditant une page

Une fois connecté en tant qu’administrateur, uniquement après avoir sauvegardé votre page2 (sinon les modifications sont perdues), il est facile de basculer vers le mode visualisation en cliquant dans le bandeau en haut à gauche sur « Voir la page« :

Dreamweaver 211 Démarrer votre site web

La page s’affiche alors en mode visualisation avec en plus le bandeau d’édition en haut de la fenêtre qui ne s’affiche que lorsque vous êtes connecté.

En cliquent sur « Modifier la page » dans ce bandeau, on revient dans l’interface d’édition:

Dreamweaver 23 Démarrer votre site web

 

Basculer mode édition / mode visualisation en mode édition sans avoir enregistré les modifications

Cette méthode présente un risque : celle de perdre vos modifications pas encore sauvegardées.

Cette méthode présente un avantage : la possibilité de ne pas conserver les modifications non sauvegardées si elle ne conviennent pas.

Vous avez la possibilité de prévisualiser des modifications (1) sans les sauvegarder en cliquant sur le bouton « Prévisualiser les modifications«  (2)  :

Dreamweaver9 1 Démarrer votre site web

Cela va créer une nouvelle fenêtre dans votre navigateur (2) et vous pourrez y voir les modifications non sauvegardées (1) :

Dreamweaver9 2 Démarrer votre site web

Attention : Dans ce cas, il ne faut pas cliquer sur le bandeau d’édition « Modifier la page » (3) car vous risquez de perdre les modifications.

Si le résultat (1) vous convient, vous devez alors fermer cette fenêtre de votre navigateur (2) afin de revenir sur la fenêtre ouverte en mode édition et :

  • Sauvegarder vos modifications en cliquant sur le bouton « Mettre à jour« 

OU AU CONTRAIRE

  • Effacer les modifications en cliquant sur le bouton « Annuler »

Dreamweaver9 3 Démarrer votre site web

 

Se déconnecter du mode édition

Une fois les modifications terminées, il est important avant de passer à autre chose de penser à se déconnecter du mode édition pour protéger votre site web.

Vous avez le choix entre deux boutons « Se Déconnecter » pour fermer l’accès en mode édition :

Dreamweaver 69 Démarrer votre site web

  1. en remplaçant monadresse.fr par l’adresse de votre site web [Retour ↩]
  2. clic sur « Mettre à jour » ou sur « Sauvegarder brouillon«  [Retour ↩]

© 2013-2017 Aellio Web Agency Tous droits réservés