Site internet : Différence entre versions

De La cinquième dimension
Aller à : navigation, rechercher
(Gérer les catégories)
(Générateur Divi)
Ligne 21 : Ligne 21 :
  
 
==== Générateur Divi ====
 
==== Générateur Divi ====
Lorsque vous éditez du contenu avec Divi, tout est structuré en '''Sections''', '''Lignes''' et '''Modules'''. L'imbrication de ces éléments vous permettent des mises en pages complètes et variées.
 
 
[[Fichier:Générateur Divi - Sections Lignes Modules.png|vignette|Générateur Divi - Sections Lignes Modules]]
 
[[Fichier:Générateur Divi - Sections Lignes Modules.png|vignette|Générateur Divi - Sections Lignes Modules]]
 
[[Fichier:Colonnes lignes.png|vignette|
 
[[Fichier:Colonnes lignes.png|vignette|
 
Générateur Divi - Mises en page Lignes
 
Générateur Divi - Mises en page Lignes
 
]]
 
]]
 +
Lorsque vous éditez du contenu avec Divi, tout est structuré en '''Sections''', '''Lignes''' et '''Modules'''. L'imbrication de ces éléments vous permettent des mises en pages complètes et variées.
 +
 
Dans notre cas, les '''Sections''' vont être utilisées pour chaque bloc de contenu, tantôt avec un fond de couleur, tantôt avec un fond blanc. Chacune de ces '''Sections''' comprend une ou plusieurs '''Lignes''' permettant des mises en page différentes.
 
Dans notre cas, les '''Sections''' vont être utilisées pour chaque bloc de contenu, tantôt avec un fond de couleur, tantôt avec un fond blanc. Chacune de ces '''Sections''' comprend une ou plusieurs '''Lignes''' permettant des mises en page différentes.
  
 +
En haut à gauche de chacun de ces éléments, vous avez accès à trois boutons (de haut en bas) :
 +
* Options de l'élément (spécifiques à son type : Section, Ligne ou Module) : couleur de fond, marges, mode pleine largeur, options du module etc.
 +
* Dupliquer : permet de dupliquer un élément pour en récréer un similaire
 +
* Structure (uniquement pour Ligne) : permet de modifier la mise en page de la ligne
 
Le site de la 5D étant en pleine largeur, veillez à ce que les '''Lignes''' soient systématiquement en mode '''Pleine largeur'''.
 
Le site de la 5D étant en pleine largeur, veillez à ce que les '''Lignes''' soient systématiquement en mode '''Pleine largeur'''.
 +
 +
Les '''Sections''', '''Lignes''' et '''Modules''' peuvent être définis en tant qu'élément global (affichés en vert fluo) ou non global (affichés en bleu, vert et gris). Si vous les définissez en global, ils seront utilisables sur d'autres pages. Ils apparaîtront également sur la page '''Divi''' > '''Bibliothèque Divi''' et via les liens '''Ajouter de la bibliothèque''' présents dans le générateur Divi.
 +
 +
==== Modules Divi ====
 +
Texte, Image,
 +
 +
==== Styles ====
 +
...
 +
 +
==== Tableaux ====
 +
...
 +
 +
==== Têtes ====
 +
Code HTML à utiliser pour insérer une de vos têtes dans le contenu : <blockquote><nowiki><div class="tete tete-emilie"><div class="content">Lorem ipsum</div></nowiki><nowiki></div></nowiki></blockquote><blockquote><nowiki><div class="tete tete-guillaumeg"><div class="content">Lorem ipsum</div></nowiki><nowiki></div></nowiki></blockquote><blockquote><nowiki><div class="tete tete-sam"><div class="content">Lorem ipsum</div></nowiki><nowiki></div></nowiki></blockquote><blockquote><nowiki><div class="tete tete-thomas"><div class="content">Lorem ipsum</div></nowiki><nowiki></div></nowiki></blockquote>
  
 
=== Blog ===
 
=== Blog ===

Version du 22 mars 2018 à 11:07

Comptes / Accès

Création des comptes

Les comptes utilisateurs sont automatiquement créés depuis la plateforme lors de la connexion de l'utilisateur.

  • Identifiant : PrenomNom
  • Mot de passe : identique à celui de la plateforme

Permissions

Le rôle de base lors de la création de l'utilisateur est Auteur. Si ces permissions ne sont pas suffisantes, demander à un administrateur de les modifier via la section Utilisateurs.

Si vous êtes Auteur, vos modifications seront soumises à un administrateur pour relecture avant mise en ligne.

Connexion à l'interface d'administration

Vous avez deux possibilités :

Édition de contenu

Généralités

Générateur Divi

Générateur Divi - Sections Lignes Modules
Générateur Divi - Mises en page Lignes

Lorsque vous éditez du contenu avec Divi, tout est structuré en Sections, Lignes et Modules. L'imbrication de ces éléments vous permettent des mises en pages complètes et variées.

Dans notre cas, les Sections vont être utilisées pour chaque bloc de contenu, tantôt avec un fond de couleur, tantôt avec un fond blanc. Chacune de ces Sections comprend une ou plusieurs Lignes permettant des mises en page différentes.

En haut à gauche de chacun de ces éléments, vous avez accès à trois boutons (de haut en bas) :

  • Options de l'élément (spécifiques à son type : Section, Ligne ou Module) : couleur de fond, marges, mode pleine largeur, options du module etc.
  • Dupliquer : permet de dupliquer un élément pour en récréer un similaire
  • Structure (uniquement pour Ligne) : permet de modifier la mise en page de la ligne

Le site de la 5D étant en pleine largeur, veillez à ce que les Lignes soient systématiquement en mode Pleine largeur.

Les Sections, Lignes et Modules peuvent être définis en tant qu'élément global (affichés en vert fluo) ou non global (affichés en bleu, vert et gris). Si vous les définissez en global, ils seront utilisables sur d'autres pages. Ils apparaîtront également sur la page Divi > Bibliothèque Divi et via les liens Ajouter de la bibliothèque présents dans le générateur Divi.

Modules Divi

Texte, Image,

Styles

...

Tableaux

...

Têtes

Code HTML à utiliser pour insérer une de vos têtes dans le contenu :
<div class="tete tete-emilie"><div class="content">Lorem ipsum</div></div>
<div class="tete tete-guillaumeg"><div class="content">Lorem ipsum</div></div>
<div class="tete tete-sam"><div class="content">Lorem ipsum</div></div>
<div class="tete tete-thomas"><div class="content">Lorem ipsum</div></div>

Blog

Ajouter un article

Aller dans la section Articles > Ajouter.

Champs à remplir :

  • Titre
  • Contenu
  • Extrait
  • Catégorie : sélectionner Blog et une catégorie fille existante ou à créer. Si vous créez une nouvelle catégorie, consulter la section ci-dessous.
  • Image mise en avant
  • Si vous souhaitez mettre votre article en avant (en première position dans la liste et texte en couleur) : dans le bloc Publier, sélectionner Mettre cet article en avant sur la page d'accueil.

Cliquer sur Publier.

Modifier/supprimer un article

Aller dans la section Articles. Trier par catégorie (Blog) et modifier/supprimer l'article souhaité.

Gérer les catégories

Articles > Catégories

Gérez ici les catégories utilisées pour les articles du blog. Les catégories du blog ont forcément la catégorie "Blog" comme parent.

Pages

Chaque catégorie du blog possède une page attitrée. Pour en ajouter une, il suffit de dupliquer une page du blog existante et de :

  • modifier le champs titre
  • vérifier que vous avez bien la page "Blog" en parent
  • modifier le bloc "Catégories blog" pour y ajouter le lien de la nouvelle catégorie
  • sélectionner la bonne catégorie dans le bloc "Blog"

Événements

Ajouter un événement

Aller dans la section Articles > Ajouter.

Champs à remplir :

  • Titre
  • Contenu
  • Extrait
  • Champs personnalisés : date_debut (format 20/03/2018 9:00), date_fin (format 20/03/2018 9:00), lien_inscription (lien vers le formulaire de contact de la 5D, lien vers un outil de réservation etc.), lieu (lieu de l'événement).
  • Catégorie : sélectionner Agenda et éventuellement une catégorie fille existante ou à créer.
  • Image mise en avant
  • Si vous souhaitez mettre votre article en avant (en première position dans la liste et texte en couleur) : dans le bloc Publier, sélectionner Mettre cet article en avant sur la page d'accueil.

Cliquer sur Publier.

Modifier/supprimer un événement

Aller dans la section Articles. Trier par catégorie (Agenda) et modifier/supprimer l'article souhaité.