Bac à sable

Cette page est un tutoriel accessible à tous. Mais l’édition de pages du site www.lechaplin.com est actuellement réservée à l’usage des salariés de l’association responsables de l’édition.

Nous utilisons le plugin elementor, pour la mise en page. Ce mémento n’exclue en rien la lecture attentive du tutoriel de wordpress : https://wordpress.com/fr/support/

Créer une page.

Afin d’éditer ou de créer une page il faut atteindre le « tableau de bord » du site :

http://www.lechaplin.com/cino/wp-admin/

A partir du menu de gauche, choisissez l’item Page.

Toutes les pages du sites sont accessibles.

 

Pour créer une nouvelle page. Activer le bouton Ajouter.

 

Vous ouvrez une fenêtre de mise en page.

1/ Indiquer le titre de votre page

2 /C’est à ce moment que vous allez utiliser les outils de mise en page d’Elementor. Appuyer sur le bouton Modifier avec Elementor

La fenêtre d’édition Elementor s’affiche. Vous reconnaissez dans la fenêtre principale la mise en page de votre site : menu et pied de page, la page que vous venez de créer, ici elle se nomme par exemple Créer une page avec Elementor. Au milieu de cette page un rectangle pointillé indique les emplacement de futurs Widgets. Les widgets sont des éléments de mise en page constitutifs des pages WordPress. A gauche vous trouverez une liste de widgets. En bas à gauche de la colonne, vous trouverez le bouton vert Publier, il permet de sauvegarder votre page. Remarquons que la flèche à droite de ce bouton permet des modes de sauvegardes de mise à jour. L’icône de l’oeil prévisualise la page.

Le principe de mise en page suit les règles générales des feuilles de styles ( css). En appuyant sur le bouton plus on définit une première boite qui peut être divisée en parties. Dans chacune des parties sont empilées des widgets.

 

Mise en page

L’exemple suivant est la mise en page d’un titre, d’un texte, d’une image, de bouton permettant d’ouvrir une page web ou un fichier web. Nous montrerons aussi comment activer un son ou bien encore une séquence video provenant de sur site vimeo.com

Choisissons une structure en deux colonnes

Dans chaque boite un widget peut être placé à partir de la liste liste des widgets à gauche de la fenêtre Elementor.

Pour le titre suivant il suffit de cliquer draguer sur l’icône texte en plaçant l’icône dans la boite pour voir apparaitre la boite titre suivante.

Ajoutez votre titre ici

Il suffit de modifier le contenu du titre. Dans la fenêtre Elementator vous pourrez paramétrer le titre avec l’interface suivant ( généralement en activant l’icône d’un stylo apparaissant à chaque survol de la boite possédant un WIdget

Image

Le tableau de caractéristique des widgets vous permet de chercher une image afin d’emplir la partie image. il suffit de cliquer sur la zone image :  Choisissez une image

De la La fenêtre word press Insérez un media vous pouvez récupérer une image existant ou téléverser une image provenant de votre disque dur…

L’aspect de l’image en dimension ou en position dans un cadre est paramétrable.

Texte

L’écriture d’un texte est possible par le widget éditeur de texte. Les caractéristiques du widgets offrent les possibilités de modification de mise en pages tout autant que de définition de règles d’hypertexte.

Bouton

La mise en place de bouton, se décide avec l’utilisation du widget Bouton

La case lien définit la location du fichier. Par exemple ouvrir un fichier pdf placé sur le serveur du Chaplin :

http://www.lechaplin.com/ecoutezmaville/ConfArchi/conf1/livret81216.pdf

ou bien ouvrir une page particulière du site :

(http://www.lechaplin.com/cino/a-propos-dalien/)

ou encore invoquer une video sur youtube :

(https://www.youtube.com/watch?v=f0tKsv0lyzg)

Son

Il est pratique d’utiliser un widget propre à wordpress pour écouter à la vollée un son.

En bas de la liste des widget que propose Elementor , se trouvent les widget de wordpress. Écouter le son nous est util :

Comme une image un son peut être positionné sur le serveur du site le chaplin. Ajouter un son dans les paramètres du widget de son ouvre une fenêtre wordpress permettant l’accés à des sons ou bien au téléchargement de sons.

Intégrer cette page au menu du site.

Cette page doit être accessible sous le menu ESPACE PUBLIC NUMÉRIQUE. La page doit être MISE à JOUR. Il faut ensuite sortir d’Elementor ( bouton des 3 traits en haut à gauche) et choisir en bas le bouton revenir à l’éditeur WORDPRESS

 

Sous Apparence, L’item Menu permet de positionner cette page dans le menu général du site.

L