Conception Rubriques
- Généralités et conventions
- Dernières mises à jour
- Etape 1 : les thèmes et les schémas
- Etape 2 : les thèmes et le design
- Etape 3 : les options et modules
- Etape 4 : les contenus et variables
- Etape 5 : les pages fixes et dynamiques
- Etape 6: les contrôles et finitions
- Etape 7: les référencements et production
DIABOLO
GÉNÉRALITÉS
Certaines fonctions de votre administration ne sont pas encore réactivent sur certains navigateurs, dans le doute utilisez 'Firefox' pour PC ou Mac.
- Installation de Firefox : https://www.mozilla.org/fr/firefox/new/
- Il est également très conseillé d'installer sur Firefox le module Web Developper, il vous aidera dans vos contrôles ultérieurs.
- Rappels : pour voir le code source d'un site avec Firefox, faites un clic droit puis 'Code source de la page'. Pour voir le CSS et divers comportements d'un élément d'une page, clic droit puis 'Examiner l'élément'.
Les conventions utilisées dans nos fichiers d'aide :
- Lorsque vous êtes invité à cliquer sur un bouton du menu du haut nous indiquons :
- Menu/Nom du bouton
- Pour un sous menu du menu du haut :
- Menu/Nom du bouton > sous menu
- Pour un bouton placé dans une page :
- Nom du bouton
- Lorsqu'une option ou fonction est inactive nous disons qu'elle est 'bloquée'.
- Une rubrique est matérialisée par un lien hypertexte visible dans la partie gauche de cette page (Étape 1, etc.).
- Les conseils pour les experts sont au format italique-souligné.
- Les sections d'information s'ouvrent en cliquant sur l'icône blanche.
- Les sections d'action s'ouvrent en cliquant sur l'icône bleue.
-
Les alertes sont encadrées par un pavé rouge ou écrit en rouge
-
Les actions que vous devez faire avec vos choix
-
Les recommandations, ce que vous devez lire absolument
Avant tout vous devez configurer votre site avec les coordonnées de votre client.
Rendez-vous sur la page de configuration générale Menu/Configuration > Informations Sté puis modifiez les champs concernant votre client. Si vous ne disposez pas de toutes les informations concernant votre client vous pouvez faire une recherche ici Ouvrir le site societe.com
- Titre (titre global de site, par exemple : lesite - confection de vêtements).
- Description (description globale du site ex. : fabrication française de tous type de vêtements et importation...).
- Mots clés (mots clés principaux du site ex. : société française fabrication textile vêtements...).
- Email Contact (pour l'instant mettez le vôtre afin de faire les tests, ensuite à l'ouverture du site vous devrez le modifier).
- Email Rappel (c'est l'adresse ou les emails de demande de rappel se font, idem mettez le vôtre).
- URL du site : ne pas toucher, c'est l'atelier Seomedias qui le gère.
- Société : nom de la société de votre client. (ceci apparaît automatiquement dans les mentions légales, etc.).
- RCS : N. de RC de votre client. (ceci apparaît automatiquement dans les mentions légales, etc.).
- TVA : N. de TVA intracommunautaire de votre client (pour les assujettis).
- Insee : code APE INSEE de votre client. (ceci apparaît automatiquement dans les mentions légales, etc.).
- Nom, prénom, Adresse, Code Postal, Ville de votre client.
- Téléphone(s) : les numéros et textes relatifs aux n. de tél. de votre client (cette variable sera affichée sur le site à divers endroits).
- Slogan : le slogan de votre client (cette variable pourra être affichée sur le site dans le bottom ou header).
Pour sauvegarder cliquez sur Enregistrer
Votre console administration (ou back-office) est soumise à diverses autorisations. Par exemple les vôtres sont totales (ou presque) c'est à dire que toutes les fonctions sont visibles et disponibles.
Lorsque vous créez un identifiant pour votre client vous devez lui donner des droits, nous le feront après la conception du site.
Pourquoi limiter les autorisations du client ? Pour éviter que ce dernier détruise votre travail ou modifie des éléments importants pouvant rendre le site vulnérable ou bancal... Les autorisations sont souvent groupées, c'est à dire que l'accès à une option peut bloquer également une autre fonction liée à la première, etc.
Pour les experts jouant avec les CSS une autre fenêtre vers vos css est souhaitable.
Votre version a été installé avec au minimum 2 thèmes proposés à titre d'exemple. Sur Diabolo on ne télécharge pas un thème déjà existant et programmé par un autre disponible dans une banque de thèmes, ici on le créé de toutes pièces. Une fois créé on le sauvegarde et on le sélectionne en tant que thème par défaut.
Bien entendu il est possible de créer et dupliquer plusieurs thèmes pour ensuite les sélectionner par défaut suivant l'humeur et l'envie du moment. Une fonction sur Diabolo existe permettant au visiteur de choisir son thème (fonction inactive par défaut).
Il n'y a pas de règles obligatoires pour la conception d'un site web et le nombre d'éléments qui le compose.
Toutefois la forme généralement la plus utilisée est (de haut en bas) :
- Le Top (topsite avec par exemple les réseaux, slogan, date, etc.
- Le Header (entête) avec généralement le logo, un slogan, une bannière, etc.
- Le Slide (Slideshows multiples avec animations, liens hypertextes, boutons et texte sur image ou vidéo).
- Les options (Partage sur réseaux), date du jour, fêtes à souhaiter, etc.
- Le contenu du haut (textes, images, vidéos, etc.).
- Le contenu du milieu (textes, images, vidéos, etc.).
- Le contenu du bas (textes, images, vidéos, etc.).
- Le bottom (espace reprenant en bas du site divers liens du menu, informations, etc.)
- Le footer (inscription Newsletter, informations concepteur et copyright, conditions générales, mentions légales, etc.)
Puis quelques options orphelines pouvant s'intégrer comme un Chatbot bas de page ou popup divers (avertissement pour les sites interdits aux moins de 18 ans, etc.), etc.
Dans les pages (ou contenus) 2 types existent :
Les pages fixes : souvent pages obligatoires, Accueil, Contact, Mentions légales, etc.
Les pages dynamiques : pages créées par le concepteur du site ou le client final. Une page peut être 'Parent' et contenir en sous-rubriques d'autres pages, par exemple sur le site Seomedias la page 'Les produits' contient plusieurs pages de produits.
Le français est la langue par défaut. Vous disposez sur Diabolo de 6 langues pré-installées. Bien entendu d'autres sont possibles sur demande spéciale à l'atelier Seomedias.
- Le français
- L'anglais
- L'allemand
- L'italien
- L'espagnol
- Le portugais
L'activation d'une langue se fait en 2 étapes.
Pour activer une langue cliquez sur le drapeau français situé en haut et à gauche de votre console administration ou sur le bouton Menu/Paramètres/Langues
Une fois la page d'activation ouverte vous remarquez 1 bouton bleu face à chaque langue disponible. Ce premier bouton active la langue sur votre administration. Une fois cliqué il passera en vert et un second bouton bleu apparaîtra pour activer la langue sur le site.
A noter, avant d'activer la langue sur le site assurez-vous d'avoir bien finalisé tous vos contenus et modules. En effet, les contenus, images publicitaires, Slideshows, etc. doivent exister dans la langue appelée ! On appelle ceci une langue native, elle a ses propres publicités, images et contenus. Son référencement se fera automatiquement dans chaque langue. Un visiteur provenant des USA sera automatiquement connecté en anglais (voir la rubrique Les Référencements).
Dans tous les cas de figure on commence par élaborer le site en français, une fois terminé on active les autres langues et et copie les contenus français afin de les coller après traduction dans les contenus des autres langues. Idem pour les modules, Slideshows, etc. Une traduction doit être juste, c'est la raison pour laquelle Diabolo ne le fait pas de façon automatique (attention aux sites de traduction qui peuvent parfois être hors sujet.). Rien ne vaut un étudiant maîtrisant parfaitement la langue.