Administration de sites web : Un nouvel éditeur chez WordPress

Quand l’éditeur classique devient « Gutenberg »

Cet article peut concerner des internautes en recherche d’informations sur ce sujet, mais je l’ai d’abord écrit pour mes clients, dans le cadre de mon S.A.V. de création de sites internet. L’outil servant à la mise en page sur un site web s’appelle un éditeur, et depuis la création de WordPress en 2003, il n’y avait pas eu grande évolution.

J’ai toujours laissé le choix à mes clients de sites web, concernant l’intégration de leurs contenus d’actualité (rubrique actualité, ou newsletter) :

  • soit je m’occupe moi même de la création de contenus et de leur intégration sur le site
  • soit le client s’en charge, après avoir été formé (ou non) aux rudiments de l’édition sur wordpress.

.

Concernant ce deuxième cas, les clients concernés ont dû remarquer ces derniers temps qu’il y avait eu pas mal de changements sur l’interface … Il s’agit là d’un changement d’éditeur, le nouveau se nommant « Gutenberg », en référence au célèbre imprimeur de la Renaissance qui inventa les caractères métalliques mobiles en Europe . Ce nouvel éditeur demande certes un temps d’adaptation, mais offre une évolution techniques & graphiques.

Comparatif visuel des éditeurs, à gauche l’ancien, à droite le nouveau

.

L’ancien éditeur était un éditeur de texte avec des boutons de formatage très similaires à ceux de Microsoft Word.

Le nouvel éditeur utilise une approche totalement différente et a été nommé en anglais, « Block Editor ». Les blocs sont des éléments de contenu que vous ajoutez pour créer des mises en page de contenu. Chaque élément que vous ajoutez à votre message ou à votre page est un bloc. Ils correspondent donc à des paragraphes, des images, des vidéos, des galeries, de l’audio, des listes et plus encore.

Quels sont les avantages / les nouveautés avec Gutenbert

Vous pourrez désormais ajouter directement dans votre page ou votre article les contenus suivants :

  • Galerie photo supplémentaires
  • bannière
  • tableau
  • son
  • collage d’images sous plusieurs formes
  • fichier
  • bouton d’appel à l’action
  • citation
  • colonnes
  • séparateur de page
  • code
  • icône d’évaluation
  • aperçu ou carrousel d’articles du site
  • Intégration d’applications diverses (whatsapp, twitter, youtube, spotify, facebook, instagram, slideshare, etc)
  • sondage
  • etc.

Et pour ceux qui veulent continuer à utiliser l’ancien éditeur ?

Par manque de temps pour s’adapter, ou par choix de rester sur un outil connu, certains feront le choix de rester sous l’éditeur « classique ». C’est tout à fait possible, il suffit de d’appliquer la pocédure que voici :

  • Ouvrir la nouvelle page / le nouvel article
  • Vous allez avoir un pop-up qui vous décrit en anglais comment utiliser l’éditeur classique (cliquez sur suivant).
  • cliquez sur le « + » bleu en haut à gauche de la page d’édition.
  • dans le formulaire de recherche des blocs, tapez « classique » si votre wordpress est en français, « classic » si il est en anglais. Il apparaît, cliquez dessus.
  • Il apparaît une barre correspondant à l’ex éditeur de texte classique (cliquez dessus pour la déployer si elle apparaît comme ci-dessous)

Et voilà ! Vous pouvez désormais utiliser l’ex éditeur de texte. Par contre, pour insérer des images & autres outils, vous devrez utiliser les blocs, en passant par les touches « + ».

J’espère que cet article vous a aidé à y voir plus clair sur cette évolution chez WordPress. Vous pouvez laisser vos questions et commentaires si besoin juste en dessous !

Carine CHARLIER
Clic & Plume / Agence de communication web & photo

Amicale XJ

  • Prestation : Création de site web
  • Domaine d’activité du client : Club de passionnés de Jaguar XJ
  • Style visuel : Bannière pleine page, barre latérale sur certaines pages, thème monochrome.

http://www.amicalexj.net

logo_amicalexj_vert.pngL’Amicale XJ est une association nationale qui a été créée pour réunir les passionnés des Jaguar et Daimler, et plus précisément de la Jaguar XJ, tous modèles confondus. Elle comporte également une dimension culturelle et patrimoniale à travers ses sorties en voiture proposées aux adhérents, en France et ailleurs pour découvrir paysages, monuments etc.

Elle était pourvue d’un ancien site qui n’était plus du tout au goût du jour, relié à deux outils de taille à conserver tels quels :

  • un forum très fréquenté
  • un accès membre correspondant à une base de donnée interne.

Le projet a consisté à refondre complètement le site esthétiquement en conservant et en réintégrant à l’intérieur ces deux outils, restant hébergés sur des serveurs externes à WordPress.

Sur le site, vous trouverez, entre autres, une vraie bibliothèque pour tout connaître de ces voitures si particulières, leur histoire, comment les entretenir, leur cote, etc. Côté nouveautés par rapport à l’ancien site :

Bon surf !

pub_xj40_6_20.jpg

Photo : Stéphane GABART

Champagne Michel Sibeaux

  •  Prestation : Rédactionnel, shooting & traitement photo, création d’un site web.
  • Domaine d’activité du client : Production & commercialisation de Champagne.
  • Style : Authentique et familial.

Un site vitrine classique et visuel doté d’une page d’accueil dédiée au village où est installé le vigneron : Fleury-La-Rivière. Toponymie (origine du nom du village), histoire, légendes & anecdotes au rendez-vous pour introduire le produit symbole de fête. Le client a souhaité publier lui-même des articles d’actualité et mettre à jour son site quand cela sera nécessaire, grâce à une formation aux bases d’administration de son site d’une demie journée.

https://champagne-michel-sibeaux.com

ADT Technologies : Le Quadrivigne

> EXEMPLE DE RÉALISATION < 

  • Prestation : Création d’un site internet
  • Domaine d’activité du client :  Artisan-Créateur de produits viticoles.

Cet artisan souhaitait un site de présentation visuel et synthétique, pour présenter ses inventions : Mission accomplie ! Un premier produit, le « Quadrivigne », fait l’objet d’une page descriptive, démontrant ses fonctionnalités et avantages. D’autres pages-produits viendront se greffer au site au fur et à mesure des créations réalisées. Au niveau du contenu, j’ai dû effectuer un travail de synthèse des informations, ainsi que quelques prises de vues du chariot personnalisé afin d’optimiser sa mise en valeur. Le « Fox-Chariot », clin d’oeil à Clic & Plume, est une proposition du client pour  démontrer la possibilité de personnalisation du chariot, pour les maisons de champagne qui le souhaitent.

Avec le quadrivigne, Didier Tranchant fait évoluer un produit existant depuis des années, au niveau de l’encombrement mais aussi au niveau du confort d’utilisation. Il a d’ailleurs reçu avec ce produit le prix 2015 de l’innovation.

http://adt-technologies.com

Ce diaporama nécessite JavaScript.