# data[].attributes.body
création et rédaction d'un article.

# data[].attributes.body
Version 1 - glossaire

# data[].attributes.body
LOGO 1er Version

# data[].attributes.attachment_link.readable_text
Créez facilement un glossaire, une encyclopédie ou un dictionnaire de vos termes et affichez des infobulles responsives lorsque les utilisateurs passent le curseur sur les termes.
CM Glossary Tooltip is a WordPress plugin that enables you to check posts or pages for defined glossary terms, by adding links to a glossary term page that contains the definition of the term used.

The CM Tooltip Glossary plugin displays a tooltip containing the definition when users hover over the specific term.

The CM Tooltip Glossary plugin also creates a responsive glossary index with all tooltip glossary terms used.

This tooltip plugin allows users to add unlimited tooltips to a site or within a glossary of terms.

The Pro editions of the tooltip plugin for WordPress include even more powerful features, such as: audio and video tooltips, Wikipedia, Google Translate and Merriam-Webster integrations, terms with abbreviations and variations, multiple glossaries, several index templates and much more.

The CM tooltip glossary plugin integrates easily with external data from dictionaries, thesauruses, and Wikipedia.

Add-Ons & Extensions

Use-Cases

(Certains peuvent inclure des fonctionnalités pro)

Dictionary - Creates a dictionary of specifically used terms on your site.

Tooltip - Adds tooltip as an anchor to predefined terms that are contained in your site.

Knowledge base - Creates a knowledge base of useful terms and definitions.

Encyclopaedia - Builds an internal Encyclopaedia for your site.

Synonyms - Keeps and displays synonyms of terms that you are using

Lexicon - Builds a lexicon of terms.

Vocabulary - Builds a vocabulary of custom words and expressions.

Explanations - Explains the meanings of words in your posts or pages.

Translate - Translates terms and definitions into any defined language using Google Translate.

Wikipedia - Add Wikipedia content to your site.

YouTube - Show YouTube / Vimeo videos once hovering over a term

Music - Include mp3 voice or music file for each tooltip

Amazon - Enhance your site with Tooltips including Amazon product recommendation

Basic Features

Automatically generates a Glossary index of terms. Example

Each glossary term has its own unique post. Example

The tooltip window can optionally appear when the term is hovered over by the cursor. Example

Term pages can be linked directly from posts or pages.

Several filters to optimize the Tooltip window and limit the length of description displayed.

Prevents the glossary from parsing text, when needed, by using a Shortcode [glossary_exclude] text [/glossary_exclude].

Support Excerpts (if they exist) as a hover-over text that appears in the Tooltip window.

Control the location and area where the Tooltip appears (pages, posts, homepage)

Control if the Tooltip should appear more than once.

Supports UTF-8

Pro Version Features - Content APIs

Support for Wikipedia - Embed content from Wikipedia on the term page and on the tooltip. Use a shortcode to inset a wikipedia content on any page or post. The Wikipedia content can be taken from any language which has a Wikipedia article. View Image of back-end (eCommerce edition only)

Support for Audio files with tooltip - Attach an audio file to each term and customize the look and feel of the play button. View Image of back-end (eCommerce edition only)

Support for Video files with tooltip - Embed a video file taken from YouTube or Vimeo or other video sharing sites and show it in the tooltip. The tooltip can also be transparent to show no background behind the video. View Image of back-end (eCommerce edition only)

Google Translate Integration - Display translated words into the language of your choice for all terms and definitions, uses the Google Translate API View Image, View Image from Settings (Pro+/eCommerce editions only)

Merriam-Webster Dictionary Integration - Display the dictionary definition of a term from the Merriam-Webster Online Dictionary for all words on your Term page and Tooltip. View Demo (Pro+/eCommerce editions only)

Merriam-Webster Thesaurus Integration - Display the thesaurus synonyms and antonyms from the online Merriam-Webster Thesaurus in your Term page and Tooltip. View Demo (Pro+/eCommerce editions only)

Support for Amazon Product Recommendations - Choose from one of many Amazon categories and show a product recommendation widget matching the selected term. The link to the product also includes your Amazon Associate ID. View Image of back-end(eCommerce edition only)

Featured image for each term - A term can have a featured image associated with it. It will show on both the tooltip and the term page. The image size can be defined in the term page settings. (eCommerce edition only)

Pro Version Features - Language Tools

Support WPML - Support WPML plugin and Multilingual sites

Related Post - Shows all related posts and pages for each glossary term. This option is cached to enhance performance View Image

Synonyms - Users of the CM Tooltip Pro can add several Synonyms for each term, so that the Tooltip is be made to appear for all Synonyms in posts or pages that are listed in the Glossary index View Demo

Singular and Plural - Supports different variations of nouns that allow the user to specify a definition for each term according to the specific use of the word. The Tooltip will appear for all variations in all posts and pages. View Image

Related Glossary terms - Relates Glossary terms to a specified term which is displayed according to control settings. View Demo

Glossary Search - Glossary index page is included within a local search engine. Demo (Pro+/eCommerce editions only)

Glossary Categories - Glossary categories are supported and can be used in the glossary page, also set with a Shortcode. View Demo , Categories in Glossary Index (Pro+/eCommerce editions only)

Tags - Tooltip Glossary now supports tags per each term. Tags are shown also on the Glossary index page and allow easy filtering of terms. (eCommerce edition only)

Exclude Term - Glossary terms can be excluded from the Glossary index and Tooltip. View Image

Term Target Link - Terms are linked and can be targeted to go to an external or custom link View Demo - Click on Ajax and you will be taken outside of site

Custom Characters - Support for custom characters in alphabetical index

Pro Version Features - Customization

Link Style - The Pro version of the CM ToolTip gives you the ability to change term link style.

Tooltip Style - Ability to change Tooltip shape, color and border. View Demo

Term page Template - Term page uses a template that can be edited and changed.

Change tooltip font - Select the Tooltip font from 8 available Google fonts View Image

Transparent tooltip background - Tooltip can now have a transparent background. This supports showing images and videos.

Index page style - Show the Terms AND Definitions in an Alphabetically sorted index. View Image

Pro Version Features - Benefits

Anchors inside Tooltip - Tooltip can include anchors which the user can click. View Demo - Hover over HTML

Widget - The CM ToolTip Pro version includes a glossary widget that shows a random selection of a number of specified terms with a link to the Glossary index. View Demo (Scroll down and look at the right side for Glossary)

Importation / Exportation - Import and Export your glossary file to and from .CSV format.

Internal Links - Options to add a link back to your glossary page from each term page. View Demo

Search & Replace Tool - Includes an on the fly search and replace tool to replace text or html code in your posts and pages with newly replaced content. View Image

Support for double click on any word in a post or page - Any word on any page or post can be double clicked to retrieve information from Wikipedia / Amazon Products Recommendations / Merriam Webster Dictionary or Thesaurus. View Image of back-end

Pro Version Features - Settings

Mobile-Friendly - Detects Mobile devices and displays the Tooltip only when term is clicked. Tooltip includes a link to the term page. View Image

Optimized for Speed - Parsing engine is optimized for speed and can hold many thousands more terms without slowing down the site

Permalink - Tooltip permalink can be changed.

Pagination - The CM ToolTip Pro version gives you the ability to add pagination to the glossary page on both server side and the client side of the plugin. (Support is provided to speed up extra large glossaries). Administrators can also control the number of items that appear on each page. View Demo

Editor Button - Editor button to support glossary exclusions.

Multisite - Support for WP Multisite.

Gratitude Message - Does not include the CMinds Gratitude message in the footer.

Localization - All labels are external in the settings and can be localized easily.

Shortcodes - Many shortcoes to support glossary operation and embed within post or pages. List of supported shortcodes

Custom Links - Manually add custom links from your Term page View Image
recommendation in the tooltip once hovering a term (View Image of Back-end), (View Image of front-end)

Code and Style Issues

The Tooltip is created with JavaScript and is based on the article written by Michael Leigeber here The Tooltip can be customized and styled through the tooltip.css and tooltip.js files.
The alphabetical index for the Glossary index is based on jQuery ListNav Plugin

Keywords

glossary, tooltip, lexicon, dictionary, knowledgebase, posts, definition, definitions, tooltip, automatic, hints, hint, tip, tool-tip, dictionary, Encyclopaedia, knowledge base, index, keywords, terms, knowledge base, knowledgebase, lexicon, synonyms, plural, singular, descriptions, description, explain, explanation, explanatory dictionary, Tooltips, vocabulary, words, word, expression, expressions, appendix, technical terms, content management, knowledge management, highlight, concordance, language, reference, terminology, jargon, palaver, style, talk, word, wording, thesaurus, word stock, wordbook, wordlist, archive, catalog, directory, index, listing, menu, source, archives, atlas, accent, expression, lingua, slang, bilingual, dialectic, expressed, lexical, literal, term, entry, verbal, verb, literature, book, literature, sourcebook, word list, translate, translation, google translate, merriam-webster, wikipedia, hint, youtube, vimeo, mp3, mp4, ecommerce, tags, amazon, products, products recommendations, recommendations, support, comments, images, page, pages, plugin, post, posts, seo, shortcode, sidebar, social, twitter, widget, widgets, wordpress, video, audio

Suivez nous

Suggested Plugins by CreativeMinds

CM Ad Changer - Manage, Track and Report Advertising Campaigns Across Sites. Can turn your Turn your WP into an Ad Server

CM Super ToolTip Glossary - Easily creates a Glossary, Encyclopaedia or Dictionary of your website's terms and shows them as a tooltip in posts and pages when hovering. With many more powerful features.

CM Download Manager - Allows users to upload, manage, track and support documents or files in a download directory listing database for others to contribute, use and comment upon.

CM Answers Plugin - A fully-featured WordPress Questions & Answers Plugin that allows you to build multiple discussion forum systems Just like StackOverflow, Yahoo Answers and Quora, Now with MicroPayment and Anonymous posting support!.

CM MicroPayments - Adds the in-site support for your own " virtual currency ". The purpose of this plugin is to allow in-site transactions without the necessity of processing the external payments each time (quicker & easier). Developers can use it as a platform to integrate with their own plugins.

CM Restrict Content - A full-featured, powerful membership solution and content restriction plugin for WordPress. Support access by role to content on your site.

CM OnBoarding - Superb Guidance tool which improves the online experience and
the user satisfaction.

CM Booking Calendar - Customers can easily schedule appointments and pay for them directly through your website.

# data[].attributes.attachment_link.description
Créez facilement un glossaire, une encyclopédie ou un dictionnaire de vos termes et affichez des infobulles responsives lorsque les utilisateurs passent le curseur sur les termes. CM Glossary Tooltip is a WordPress plugin that enables you to check posts or pages for defined glossary terms, by adding links to a glossary term page that contains the definition of the term used.

# data[].attributes.body
Fiche 1 : Charte Graphique - word

# data[].attributes.attachment_link.readable_text
La rédaction de contenu sur le web se doit d'être travaillé pour s'adapter au lectorat. Certaines règles ou astuces sont recommandés pour s'adapter au contrainte de l'accessibilité, de l'ergonomie et du référencement. Cet article présente un grand nombre d'astuces qui seront bénéfique à n'importe quel rédacteur sur le web (community manager, blogueur ou référenceur).

La rédaction sur internet se prépare et se travail.

Avant de commencer à écrire

La préparation d'un article constitue les bases de celui-ci. Impossible de lancer une information sans être sûr de celle-ci. Il y a des experts dans toutes les thématiques et des internautes qui sont prêt à rechercher les sources pour vérifier la conformité des faits. Sur le web, plus qu'ailleurs, il faut dire la vérité. La désinformation et les erreurs sont trop facilement repérées.

Choix du sujet

L'article doit aborder un seul sujet pour éviter de s'égarer. Dans le choix du sujet il faut prendre en compte les lois de proximité. Ces lois indiquent qu'une information est plus ou moins importantes vis-à-vis de sa proximité par rapport au lecteur. Cela implique d'écrire une information qui plaira au plus grand nombre des lecteurs habituels.

Le travail de recherche du sujet doit aussi être un travail pour discerner le profil lecteurs. Plus l'article sera adapté aux visiteurs et plus ceux-ci vont apprécier le contenu, visiter le reste du site, promouvoir l'article sur les réseaux sociaux ...

Préparer la rédaction

Dès que le sujet est trouvé il faut partir à la recherche de mots-clés et de synonymes. En inclure dans le contenu permet d'améliorer le référencement grâce à la longue traîne. Indirectement ça permet aussi d'éviter le keyword stuffing qui est une technique de surcharge de mots-clés nuisible au référencement.

Astuce : l'un des meilleur outil gratuit pour chercher des mots-clés est l' outil de Google Adwords.

La rédaction

Dès que le travail préliminaire est terminé, la rédaction peut commencer. Mais cela doit toujours se faire en s'adaptant au lectorat. Cela passe par une adaptation du choix du vocabulaire, des termes techniques et même des tournures de phrases. Un site éducatif doit veiller à ne pas perdre son lectorat tandis qu'un site spécialisé n'a pas besoin de tout ré-expliquer dans chacun de ces écrits. Pour simplifier le contenu il est recommandé de suivre ces recommandations:

Écrire des phrases courtes

Éviter les termes trop techniques, les abréviations ou le contenu dans une langue étrangère. Exception faites des termes connus de tous tel que "e-mail" ou "marketing"

Privilégier la voix active à la voix passive

Ne pas faire de double négation

Éviter les métaphores

Adapter le style à son audience. Utiliser la 1er personne du singulier pour un blog très personnel, la 2ème personne du pluriel pour des tutoriaux, un style impersonnel pour un site éditorial ...

Ne faire aucune faute

Les chiffres ne doivent pas être écrit en lettre

La longueur d'une ligne doit faire environ 12 mots

Le contenu de l'article

Des astuces permettent de garder le lecteur en éveil:

Structurer le contenu. Penser à découper en petits paragraphes avec plusieurs niveaux de titres

Article découpé par des titres et des paragraphes (utilisation de balisage sémantique)

Si le texte devient trop long, il faut songer à le découper sur plusieurs pages / article. Un gros dossier thématique est une solution envisageable

Mettre en forme le contenu (gras, italique, liste à puce ...)

Utiliser la pyramide inversée

Utiliser la méthode QQOQCCP (cf. Qui fait Quoi ? Où ? Quand ? Comment ? Combien ? Et pourquoi ?) pour détailler au mieux l'information. En anglais il s'agit de la technique des 5W (cf. Who, What, Where, When, Why ?)

Se concentrer sur une idée par paragraphe. Préciser cette idée dès le début du paragraphe

Aller à l'essentiel. Éviter de tourner autours du pot. Le contenu doit être encore plus synthétisé si les lecteurs sont majoritairement sur mobiles

Mettre dans des blocs certaines informations importantes (citation, phrase clé ...)

Avoir un contenu unique. Il faut plutôt paraphraser que de faire du copier/coller

Astuce: sur le web un contenu peut facilement être intemporel à condition d'éviter les mots temporels tel que "aujourd'hui", "demain" ou bien "cette année". Ou alors, il faut se rappeler de mettre à jour ces termes

Le chapô est l'accroche de l'article

Le chapô, alias le premier paragraphe, est le premier texte qui sera lu par les internautes après le titre. Il se doit d'être incitatif et mis en valeur pour inciter les lecteurs à lire le reste du contenu.

Mettre le chapô en gras ou en dans une police un peu plus grosse

2 ou 3 lignes maximum

Faire un texte accrocheur qui donne envie de lire la suite

Compléter le titre et résumer un peu l'article sans trop en dire. Il faut juste donner l'eau à la bouche

Placer les mots-clés dans le chapô ou dans les premiers paragraphes

Écrire le chapô après avoir écrit l'article

Le titre

Sur le web il ne faut pas confondre le titre d'une page web visible dans la barre du navigateur (cf. la balise <title>) avec le titre d'un article visible dans le contenu (cf. la balise <h1>). Le premier n'est pas visible sur la page mais est très utile pour le référencement. Le deuxième à un impact pour les visiteurs car c'est la première chose qu'il liront.

Titre sous FireFox 2

Il est possible d'utiliser un titre principal différent du titre de la page. Cela permet de varier le vocabulaire et donc d'améliorer le référencement. Dans tous les cas, le titre de la page web doit suivre ces conseils:

Être facilement compris

Décrire l'article correctement

Ne pas être trop long. Google tronque les titres de plus de 66 caractères

Positionner les mots-clés importants au début. C'est plus pratique à scanner et ça améliore le référencement sur des mots importants. A titre d'exemple, dans un flux RSS un titre qui possède un mot-clé important au début est plus facilement repéré

Choisir entre un titre informatif ou incitatif. L'informatif permet d'améliorer l'ergonomie tandis que l'incitatif permet d'améliorer l'apport de visiteur depuis d'autres sites (exemple: médias sociaux).

Limiter les petits mots peu utiles (cf. préposition, adverbes ...)

Approcher les mots-clés en rapport pour un meilleur référencement sur un groupe de mots. Par exemple pour améliorer le référencement sur le terme "rédacteur web" il faut remplacer le titre "rédacteur : un nouveau métier sur le web" par "rédacteur web : un nouveau métier"

Utiliser des caractères spéciaux pour faire un titre plus attractif visuellement lorsqu'il sera réutilisé par d'autres outils (exemple : Facebook et Scoopt.it peuvent reprendre le titre d'un article dans l'aperçu d'une page)

Exemple de caractères spéciaux qui peuvent être utilisé dans un titre

Astuce: le titre est repris par les réseaux sociaux ou les agrégateurs RSS. Il servira donc de lien pour accéder à l'article. En conséquent, il faut à placer des mots-clés dans le titre pour que cela bénéfice au référencement.

Les liens

La gestion des liens ne doit pas être traitée à la légère à commencé par l'ergonomie de ceux-ci:

Souligner les liens et éviter de souligné du texte non-cliquable

Définir une couleur spécifique pour reconnaître les liens

Faire un effet visuel au survol du lien

C'est optionnel, mais il est recommandé d'utiliser une couleur de lien différente pour les liens déjà visités

Bien choisir le texte du lien : écrire un lien ni trop long, ni trop court sans jamais écrire "cliquer ici"

Les liens internes améliore le référencement. Ces liens doivent être placé dans un contenu et l'ancre du lien (le texte cliquable) doit avoir des mots-clés

Les liens externes doivent pointer sur des sites de qualité. Cela est notamment bénéfique pour le référencement

Les liens pour télécharger des fichiers doivent préciser le type de fichier et son poids

Potentiellement ouvrir les liens externes dans une nouvelle fenêtre et le signaler avec une iconographie

Les images

L'ajout de photos ou d'illustrations est une manière simple d'inciter le visiteur à lire le contenu. Toutefois, cet apport visuel est soumis à quelques contraintes pour améliorer son effet bénéfique:

Limiter le poids de l'image : pour plus d'information lire l'article: Optimiser le chargement des images web

Garder une bonne qualité

Insérer des images en rapport avec la thématique. C'est important car ces illustrations peuvent servir de repères visuels dans un long contenu textuel

Lors du clic sur l'image afficher une version plus grande si nécessaire

Rédiger un texte alternatif (indispensable pour l'accessibilité et le référencement). Si nécessaire rédiger aussi une légende

Attention à la licence des images (copyright, creative commons, domaine publique ...). Si vous ne trouvez pas le type de licence pour une image, c'est toujours par défaut la propriété intellectuelle qui l'emporte

Limites techniques

La publication d'un article sur internet est foncièrement différente du support papier. Pour commencer, il faut respecter à tout prix la charte graphique existante. Les modifications doivent être faites en priorité dans le thème (cf. en CSS) et non dans l'article. Dans le cas contraire, il faudrait changer le design de tous les articles qui ont eu des modifications particulières.

Outre le choix du design, il faut aussi prendre en compte les contraintes suivantes:

La vitesse de chargement est importante. Il faut réduire le poids des pages au maximum (attention au poids des images)

Contenu important au début (chapô et/ou image) à cause de la ligne de flottaison

Mise en évidence de la ligne de flottaison en rouge

Ne pas écrire un roman sur le web car les lecteurs lisent moins vite que sur format papier

Les mobinautes lisent moins de contenu à cause du support (cf. petit écran tactile) et du contexte (exemple: lecture rapide à un arrêt de bus)

Si l'outil de publication le permet il faut utiliser quelques mots-clés dans l'URL de l'article tout en conservant une adresse web courte. Éviter les caractères spéciaux, utiliser en priorité des tirets pour séparer les mots.

Si l'éditeur le permet il faut respecter bien utiliser les formats disponible (titre, citation ...) et éviter d'écrire en gros et gras pour faire un titre. Cela permet de respecter l'aspect sémantique du contenu

Un peu d'accessibilité ne fait pas de mal

Différents types de handicaps

Quelques adaptations sont nécessaire pour qu'un grand nombre de personnes puissent lire le contenu convenablement.

Les images doivent éviter d'avoir du texte. Ça ne peut pas être lu par les logiciels de lecture d'écran

Les textes en italique ou majuscule sont plus difficile à lire. Il faut les utiliser avec parcimonie

Le texte justifié est à éviter car compliqué à lire pour certaines personnes avec des déficiences

Le contenu doit être simple à comprendre et composé de petites phrases pour faciliter la lecture des lecteurs avec une déficience cognitive

Attention : l' accessibilité web ne consiste pas à penser uniquement aux lecteurs avec des déficiences visuelles. Il y a aussi des lecteurs avec des déficiences moteurs, cognitives, auditives ....

Après la rédaction

Après avoir terminé l'article, il faut absolument se consacrer une étape de relecture pour corriger les fautes et s'assurer de la bonne cohérence des phrases. Il est même parfois bon de relire l'article le lendemain pour éviter une relecture à chaud. S'il le faut, il est aussi possible de faire relire par une tierce personne.

Une fois l'article vérifié, la publication est enfin possible. Mais se contenter de mettre du contenu sur internet ne garantis pas une popularité assurée. Internet est une jungle de plusieurs milliards de pages. Pour sortir du lot, il faut promouvoir soit même son article. Pour cela, il est toujours possible d'utiliser les réseaux sociaux (Facebook, Twitter, Pinterest, Viadeo, Linkedin ...) ou de parler de l'article sur les forums ou dans la newsletter de votre site.

Avec ces astuces et recommandations, l'article va pouvoir recevoir le lectorat qu'il mérite. Si ce n'est pas le cas, il ne faut pas oublier qu'un rédacteur augmente son expérience au fur et à mesure des publications et des retours des lecteurs. La seule contrainte restante pour l'article consiste à le faire évoluer si cela devient nécessaire.

Article rédigé par Tony_ le 16/08/2012 à 20h21 dans la catégorie " Webmaster" du site InfoWebMaster.fr.
Ajouter un commentaire
﻿

# data[].attributes.attachment_link.description
La rédaction de contenu sur le web se doit d'être travaillé pour s'adapter au lectorat. Certaines règles ou astuces sont recommandés pour s'adapter au contrainte de l'accessibilité, de l'ergonomie et du référencement. Cet article présente un grand nombre d'astuces qui seront bénéfique à n'importe quel rédacteur sur le web (community manager, blogueur ou référenceur).

# data[].attributes.body
Fiche 5 : Carte de compétences

# data[].attributes.attachment_link.readable_text
Depuis septembre 2018, l'éditeur de texte de WordPress a changé en profondeur. Pour suivre les tendances actuelles, WordPress a remplacé l'éditeur classique (TinyMCE) par un éditeur de blocs (Gutenberg).

Si le nouvel éditeur de textes s'ouvre par défaut lors de la création d'un nouveau billet ou d'une nouvelle page, les deux éditeurs coexistent sur les carnets Hypothèses jusqu'à 2021, date à laquelle WordPress a annoncé mettre fin à la maintenance de l'ancien éditeur.

Pages et billets sont modifiables depuis leurs interfaces d'édition dans l'interface d'administration de votre carnet.

Sommaire du billet

Les objets définis par la plateforme

Billets : Aussi appelés "articles", ils constituent le cœur de votre blog, et représentent l'objet le plus courant que l'on trouve sur un support de publication de type blog. Les billets peuvent accueillir la majorité des types de textes que vous souhaitez publier sur votre blog. Ils peuvent être associés à des étiquettes et à des catégories. Ils apparaissent par ordre antéchronologique dans les "flux d'archives" tels que la page d'accueil du blog (qui, par défaut, contient tous les billets), les flux correspondant à un auteur, une étiquette ou une catégorie. Ils apparaissent également dans les flux RSS de votre blog, auxquels les gens peuvent s'abonner.

Pages : Les pages, au sens de WordPress, sont destinées à publier des contenus plus "statiques", tels que des informations générales sur le projet éditorial du blog, son équipe éditoriale, ses affiliations universitaires, une bibliographie, etc. Contrairement aux billets, elles ne peuvent pas être organisées en catégories ou associés à des étiquettes. Bien qu'elles soient référencées dans les moteurs de recherche tels que Google, les pages n'apparaissent pas dans les flux RSS du blog, et n'apparaissent pas parmi les billets sur la page d'accueil du blog. Elles peuvent être rendues accessibles par des éléments de navigation tels que des menus.

L'interface d'édition d'un contenu

Ce billet est destiné à expliquer la prise en main de base de l'interface d'édition de contenu sur Hypothèses. Il ne décrit pas de manière exhaustive toutes les options de cet éditeur, en constante évolution.

La barre supérieure

La barre horizontale qui se trouve en haut de l'interface d'édition propose d'ajouter un bloc à la suite des autres (+), d'annuler ou de rétablir la dernière action effectuée dans l'éditeur, d'obtenir des informations sur la structure du contenu en cours de rédaction (i), et de naviguer bloc par bloc dans le contenu. En haut à droite se trouvent les boutons Enregistrer comme brouillon, Prévisualisation (d'un contenu avant publication), Publication, Colonne de réglages (roue crantée) et un menu "3 points" (options de l'interface).

Le menu "3 points" permet d'accéder à des options de présentation de l'interface d'édition : édition en pleine page, "Editeur de code" pour afficher le contenu sous forme de code html, "Astuces" pour l'affichage d'aides contextuelles à l'écran et "Copier tout le contenu" pour sélectionner et copier tout le contenu de l'éditeur.

La colonne de réglages

Si l'interface ne l'affiche pas par défaut, il est possible de retrouver une colonne de réglages similaire à celle du précédent éditeur de texte au niveau du document en cliquant sur l'icône "Réglages" (roue crantée) à droite de la barre. Pour refermer la colonne "Réglages", cliquer de nouveau sur l'icône "roue crantée" ou cliquer sur la croix "Fermer les réglages" en haut à droite de la colonne.

Onglet "Bloc"

Il s'agit d'un onglet dynamique dont le contenu est relatif au bloc actuellement sélectionné dans l'éditeur. Il offre une description du bloc ainsi que des options de personnalisation de celui-ci, en complément des options présentées dans la barre d'outils du bloc.

Onglet "Document"

S'y trouvent toutes les options relatives à la publication du billet ou de la page, comme "État et visibilité" (choix de la date et de l'auteur·e), "Catégories" et "Étiquettes", "Image mise en avant", "Réglages des commentaires".

Les options dans État et Visibilité permettent de gérer le statut de publication du billet (brouillon / en attente de relecture / publié), sa visibilité (public / protégé par mot de passe / privé), la mise en avant d'un billet sur la page d'accueil (qui le fait apparaître en premier même si d'autres sont plus récents), sa date de publication (par défaut la date et heure à laquelle le bouton "Publier" a été cliqué, mais il est possible d'antidater ou programmer un billet). L'auteur·e d'un contenu est par défaut le compte utilisateur qui crée le contenu. L'auteur·e ne change pas si par la suite un· autre utilisateur/trice édite ce contenu. L'auteur·e peut en revanche être changé·e à tout moment par les comptes utilisateurs de rôle "Éditeur" ou "Administrateur" grâce au menu déroulant de ce champ Auteur : il est donc possible d'attribuer un billet ou une page à un·e autre rédacteur/trice. Il est fortement recommandé d'attribuer à un contenu le vrai nom de son auteur·e, et non le nom d'une personne tierce qui aurait mis ce contenu en ligne. C'est en effet le nom renseigné dans ce champ Auteur qui sera conservé comme métadonnée "auteur" dans toutes les bases de données où ce billet apparaîtra ( en savoir plus ici).

A partir de l'encart Discussion, il est possible de personnaliser les réglages de commentaires, pings et rétroliens sur un billet ou une page en particulier. Ce réglage prend le dessus sur les choix effectués à l'échelle du carnet dans Réglages > Discussion (voir le billet " Réglages des options de discussion " de la Maison des carnets). Grâce à ce champ, il est donc possible d'autoriser les commentaires sur l'ensemble du carnet sauf un billet en particulier, ou vice-versa.

L' image mise en avant est une image qui n'est pas contenue dans le corps du texte du billet, mais est mise en valeur souvent au niveau du titre du billet. Elle a une vocation esthétique et est plutôt destinée à attirer le lecteur et l'inciter à cliquer sur le billet pour l'ouvrir et le lire. De plus en plus de thèmes graphiques font la part belle aux images mises en avant. C'est dont une bonne pratique d'en ajouter à vos billets (dans le respect de la propriété intellectuelle de ces images).

Onglet "Document" de l'interface d'édition d'une page

L'interface de création et d'édition d'une page fonctionne similairement à celle des billets mais bénéficie de fonctionnalités qui diffèrent parmi les options dans l'onglet "Document" de l'interface :

Le champ Parent : permet de hiérarchiser les pages, une page pouvant être une sous-page d'une autre ;

Le champ Ordre : permet notamment d'ordonner les pages dans un menu qui afficherait automatiquement celles-ci.

L'espace de rédaction

Le champ titre du contenu ne propose pas d'options d'édition car la mise en forme du titre (police, taille du texte, capitales) est déterminée par le thème graphique adopté sur le carnet.
Pour styler les titres de parties et sous-parties dans le contenu d'un billet ou d'une page, utilisez des blocs "Titre".

L'espace d'édition du contenu permet de mettre en forme très simplement un billet ou une page grâce à un mode d'édition par défaut nommé "Éditeur visuel" qui suit le principe du " What You See Is What You Get " ("ce que vous voyez est ce que vous obtenez").

L'éditeur de textes de WordPress fonctionne en agençant des blocs les uns par rapport aux autres. Chaque type de contenu constitue un bloc : un paragraphe est un bloc, une image est un bloc, un titre est un bloc, etc.

Il existe plusieurs manières d'ajouter un nouveau bloc :

Cliquer sur le bouton (+) en haut à gauche de l'interface d'édition ouvre le sélecteur de bloc et ajoutera le bloc choisi à la suite des blocs déjà insérés ;

Cliquer sur le bouton (+) qui s'affiche au passage de la souris à la limite entre deux blocs déjà insérés permet d'ajouter un nouveau bloc de nature indéfinie entre ces blocs ;

Appuyer sur la touche Entrée à la fin d'un bloc contenant du texte permet d'ajouter à la suite un nouveau bloc de nature indéfinie.

Une fois un bloc de nature indéfinie créé, un nouveau bouton (+) s'affiche sur son côté gauche : cliquer dessus permet d'ouvrir le sélecteur de blocs.

Passer la souris sur un bloc le met en valeur avec un encadré de couleur, précise la nature du bloc et affiche sur sa gauche les boutons pour le déplacer vers le haut, le bas, ou à la main (par glisser-déposer).

Au-dessus de chaque bloc s'affiche une petite barre d'outils, composée de boutons qui diffèrent selon la nature du bloc. Le premier bouton est constant et permet de changer la nature du bloc pour un bloc de nature voisine (transformer un bloc "Paragraphe" en "Titre" sera possible mais, par exemple, "Paragraphe" en "Image" ne le sera pas).

Le dernier bouton est un menu 3 points affichant des options relatives au bloc. Celles-ci permettent de dupliquer le bloc sélectionné, d'insérer un bloc au-dessus ou en-dessous de celui-ci, de modifier ce bloc sous sa forme de code html (sans pour autant passer tout le billet en html), et de rendre ce bloc réutilisable. Ceci permet ensuite de le retrouver dans la liste des blocs existants, et de l'insérer, tel quel, dans le billet ou la page.

Pour supprimer un bloc, il est également possible de cliquer dessus et d'appuyer sur la touche Suppr. du clavier, ou, dans le cas d'un bloc "Paragraphe", supprimer son contenu.

Focus : le bloc paragraphe

Le bloc "Paragraphe" est le bloc permettant d'écrire du texte simple. Chaque paragraphe de texte étant un bloc distinct, c'est le bloc le plus utilisé sur les carnets : il bénéficie donc de raccourcis pour sa création.

Lorsqu'un bloc est ajouté, sa nature est indéfinie. Mais il suffit d'y écrire ou coller du texte pour le transformer en bloc "Paragraphe", sans passer par le sélecteur de blocs (où se trouve malgré tout le bloc "Paragraphe" dans la catégorie "Blocs communs").

Comme sur un logiciel de traitement de texte, appuyer sur la touche Entrée entraîne un retour à la ligne de changement de paragraphe - donc ici la création d'un nouveau bloc "Paragraphe".

La barre d'outils du bloc "Paragraphe" contient des boutons permettant d'aligner le paragraphe à gauche, à droite ou au centre ; de mettre tout ou partie du texte en gras ou en italique, de le rayer, ou d'ajouter un hyperlien.

Insérer des médias

Rappel sur le droit de propriété intellectuelle des images

Quel que soit le type de document à insérer (textes, vidéos, enregistrements sonores...), il est protégé par le droit d'auteur, qui interdit par défaut toute réutilisation d'une œuvre sans autorisation et crédit. Pour savoir dans quels cas vous avez le droit de réutiliser une œuvre ne vous appartenant pas, et comment bien les créditer dans vos contenus, consultez le billet " Quels contenus avez-vous le droit d'insérer sur votre carnet ? " de la Maison des carnets.

Néanmoins, quelle que soit la licence apposée au document, il est possible, lorsque cela est techniquement permis, de récupérer le code html " embed " du document qui permet d'insérer, sans enfreindre le droit de propriété intellectuelle, une œuvre dans son carnet (voir le billet " Du multimédia sur votre carnet " de la Maison des carnets).

Insertion d'un média

Techniquement, il est possible d'insérer toutes sortes de fichiers dans le corps d'un billet ou d'une page, dans la limite de 10MO par fichier. Il suffit de choisir le bloc correspondant au type de média à insérer :

Le bloc Image permet d'afficher une image (jpg, jpeg, png ou gif) ;

Le bloc Galerie permet d'afficher une galerie de plusieurs images ;

Le bloc Vidéo permet d'afficher un lecteur vidéo pour une vidéo hébergée sur le carnet (mp4, mov, avi ou wmv) ;

Le bloc Son permet d'afficher un lecteur pour un fichier audio hébergé sur le carnet (mp3, midi ou mid) ;

Le bloc Fichier permet d'insérer un lien vers le fichier (pdf, doc, odt, xls, zip). Selon les navigateurs, le fichier s'affichera (uniquement dans le cas des PDFs) ou une boîte de dialogue s'ouvrira pour proposer le téléchargement.

Pour chaque type de bloc permettant d'insérer un média, il est possible de charger (téléverser) un fichier soit depuis son ordinateur, soit depuis internet s'il est déjà disponible en ligne (il suffit alors d'indiquer son URL), ou d'aller chercher le fichier dans la bibliothèque de médias du carnet. Une fois le média chargé dans la bibliothèque de médias, il est possible de le décrire grâce à différents champs, en lui attribuant un titre, une légende, un texte alternatif, et une description.

Les blocs de type Contenu embarqué permettent de coller d'afficher des médias/publications externes de certaines plateformes connues, sans les héberger sur le carnet, en collant simplement leur URL. Si le service externe n'est pas disponible dans la liste des blocs de type "contenu embarqué", il est parfois possible d'insérer un iframe pour afficher le contenu externe. Pour cela, il s'agit de coller un code html embed dans un bloc de type Html personnalisé. Voir le billet " Du multimédia sur votre carnet " de la Maison des carnets.

Et les autres blocs ?

N'hésitez pas à explorer les blocs disponibles, dont le nombre et les fonctions évoluent avec les mises à jour de l'éditeur de texte, et qui permettent d'ajouter des listes à points ou numérotées, d'afficher du code informatique, de styler une citation, d'ajouter un bouton, d'écrire sous forme de colonnes ou d'ajouter un tableau, de " N'afficher que les accroches des billets sur la page d'accueil d'un carnet ", etc.

Le fonctionnement par blocs de l'éditeur de textes a permis aux équipes de WordPress de proposer certains widgets comme blocs, à ajouter non plus dans une zone de widgets fixe autour du contenu mais bien dans un billet ou une page.

Image à la Une : Photo par Kate Trysh sous licence Unsplash

# data[].attributes.attachment_link.title
Éditer et publier des billets et des pages

# data[].attributes.attachment_link.description
Depuis septembre 2018, l'éditeur de texte de WordPress a changé en profondeur. Pour suivre les tendances actuelles, WordPress a remplacé l'éditeur classique (TinyMCE) par un éditeur de blocs (Gutenberg).