Sélectionner une page

Vous construisez la charte graphique de votre site dans le tableau de bord, sous l’onglet Divi et Personnaliseur de thème.

Toutefois, chaque module est paramétrable. Il est toujours possible de modifer les polices de caractères et les couleurs dans chaque module. Pour cela, il faut explorer l’onglet Paramètres avancés de conception lors de l’édition.

Le module Bouton

Éditer un simple bouton pour faire un lien. Les couleurs et les formes sont paramétrées dans le tableau de bord Divi > Personnaliseur du thème.

Exemples : les boutons qui mènent aux sites d’écoles, sous l’onglet site d’écoles en pied de cette page.

La page projet affiche la liste des projets proposés par la Ddec22 à destination des élèves des écoles, des collèges et des lycées de l’Enseignement Catholique des Côtes d’Armor.

  • Clip’Art pour les écoles
  • ArmoricPl@net pour les collèges
  • Movie Makers pour les lycées

La page Tutoriels WordPress propose des tutoriels vidéos pour faciliter l’utilisation du générateur Divi pour WordPress. On y trouve aussi une liste de plugins conseillés tant pour sécuriser le site que pour faciliter son alimentation.

Sous cet onglet, on trouve la liste des sites d’écoles réalisés avec WordPress ou avec Guppy, l’ancien logiciel diffusé par la Ddec22. Tous les autres sites d’écoles, de collèges et de lycées sont aussi répertoriés.

Le module Onglets

Il affiche des textes et des liens accessibles en cliquant sur les onglets. Les couleurs sont paramétrables.

Ce module peut être utilisé par exemple pour présenter les différents projets de l’établissement :

  • projet d’établissement
  • projet éducatif
  • projet pédagogique
Pas à pas en vidéo

Ils sont réalisés progressivement, en fonction des demandes des établissements et des difficultés rencontrées.

Les tutoriels tiers

Ces tutoriels vidéos sont réalisés par des entreprises qui vendent du service (installation et formation)

Les projets

Ils concernent les établissements scolaires. Ils s’adressent aux écoles (Clip’Art), aux collèges (ArmoricPl@net) et aux lycées (Movie Makers). Les informations relatives à ces projets sont disponibles sur le site de la Ddec 22, dans la zone professionnelle.

Module accordéon

C’est une présentation dynamique d’informations : ce module pourrait être intégré dans un page d’informations qui portent sur l’organisation de l’établissement. Chaque type d’information ferait l’objet d’un article à dérouler.

Les couleur de fonds et des textes sont paramétrables.

Module curseur de défilement des posts

C’est une fenêtre qui affiche les derniers articles. Il est paramétrable en fonction du nombre d’articles à afficher et des catégories qui contiennent les articles.

Ce module peut trouver sa place en page d’accueil du site. Elle permet au lecteur d’avoir un aperçu rapide des dernières informations.

Le module Appel d'action est l'équivalent d'un bouton enrichi de ce texte explicatif. Il bénéficie du même graphisme par défaut que les boutons.

Module Appel d’action

C’est l’équivalent d’un bouton enrichi d’un texte,au dessus. Il bénéficie du même graphisme par défaut que les boutons. Les réglages par défaut sont modifiables

Ddec 22

Module code (1)

Carte crée avec Google : le code est copié et collé dans un module Code. (Cf tutoriel sur l’intégration de vidéo Youtube)

Ce module  peut  être utilisé pour localiser l’établissement. Il est très souvent présent dans la page Contacts ou en pied de page d’accueil.

<iframe src="https://player.vimeo.com/video/95044197?color=ffffff&byline=0&portrait=0" width="600" height="338" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe><!-- [et_pb_line_break_holder] -->

Module Code (2)

Le module code est utilisé  pour faire apparaître une vidéo provenant d’un hébergeur spécialisé (Youtube, Viméo, Libcast, Daily motion …). Exemple ci-contre avec une vidéo Youtube

Le designer Timo Arnall signe Internet machine, un documentaire sur les infrastructures invisibles de l’internet, pour révéler la matérialité des serveurs, des câbles et des nuages où notre connectivé est gérée.

Des espaces plus sécurisés qu’un aéroport, des machineries assourdissantes, des infrastructures redondantes, des architectures complexes pour gérer les systèmes électriques et hydrauliques pour en assurer le fonctionnement et le refroidissement.

<iframe src="//www.pearltrees.com/numerique22?embed=2&d=201711061839" width="560" height="413" style="border:0px;" allowtransparency="true"></iframe><span style="display:block; padding-top:2px; color:#818181; font-size:13px;"><a href="http://www.pearltrees.com/numerique22" style=" color:#818181; font-size:13px;" target="_blank">Numerique22</a></span><!-- [et_pb_line_break_holder] -->

Module Code (3)

Le module code est utilisé  pour faire apparaître un contenu issu de Pearltrees.

Le site Pearltrees est une plateforme qui permet de faire de la curation : trier, classer et partager des informations (sites web, documents)

Vacances de Pâques

Jour(s)

:

Heure(s)

:

Minute(s)

:

Seconde(s)

Module compte à rebours

Compteur à rebours pour annoncer un évènement. (La fête de l’école, un anniversaire, etc)

Vous pouvez ici soumettre des demandes de tutoriels

3 + 2 =

Module formulaire de contact

Il permet aux internautes de laisser leurs coordonnées et de faire des demandes. Attention, si l’établissement collecte des données à caractère personnel (Nom, prénom, adresse, mail, N° de tél.), alors il doit être déclaré à la CNIL.