Rédiger et mettre en forme un article

Un article peut contenir de multiples éléments et être personnalisé. Nous aborderons ici : la structure d'un article ainsi que les possibilités de mise en forme telles que l'ajout d'image ou de vidéo, le cadrage et le redimensionnement des images, l'application d'une couleur à votre texte, l'ajout d'ancres, ...

Structure d'un article

Un article de blog se compose principalement d'une photo ou d'une image de couverture (facultative), d'un titre et d'un corps d'article. 

En plus de ces éléments principaux, vous pourrez ajoutez un auteur, une date de publication, un titre et une description pour les moteurs de recherches (informations affichées par Google), des tags, ...

Pour ce qui est de la mise en forme de votre texte, vous pourrez utiliser la palette de mise en forme (à gauche sur la photo). Nous allons justement présenter quelques options avancées de la mise en forme.  

Redimensionner les images et vidéos

Une fois votre image ou votre vidéo ajoutée à votre article via la palette d'édition, vous pourrez la redimensionner à la taille qui vous convient. 

Pour redimensionner l'image, saisissez le bord de couleur jaune avec votre souris puis redimensionnez à la taille voulue. On procédera de la même manière pour les vidéos.

Positionner les images et vidéos

Les images et vidéos sont centrées par défaut sur votre page. Vous avez cependant la possibilité de les repositionner où vous le souhaitez dans votre article : plus haut, plus bas, à gauche ou à droite d'un bloc de texte. Pour cela, sélectionnez l'image avec votre souris en maintenant le clic puis déplacez l'image à droite du texte par exemple.

Ajout d'ancres

Une ancre, aussi appelée liens hypertextes, permet de faire pointer un lien vers l'endroit précis de la page consultée. En règle générale, on crée en début d'article, un sommaire avec différents titres renvoyant vers le paragraphe concerné dans la page.

La création d'une ancre est facile : il suffit simplement d'attribuer à l'élément vers lequel on pointe un identifiant (appelé id) et de faire de l'élément "appelant" un lien avec l'adresse #id, autrement dit dièse suivit de l'identifiant choisi. 

Nous vous expliquons ci-dessous comment procéder : 

Premièrement concentrons-nous sur l'élément vers lequel nous allons faire pointer un identifiant (cliquez au bas de votre écran sur le petit fanion de couleur de l'élément cible choisi). 

Paramétrez l'attribut (roue crantée au bas de la fenêtre) avec comme nom id et comme valeur l'identifiant choisi, ici architecto.

Ajoutez maintenant le lien à l'élément "appelant" :

Le lien devra contenir le symbole dièse # suivi de l'id de l'élément appelé : 

Appliquer une couleur à un titre ou à un bloc de texte

À l'image des standards qui sont aujourd'hui présents sur les plus grandes plateformes de blogging, nous avons souhaité offrir un outil de création d'articles simple pour un rendu de qualité. Le choix de format du texte est donc restreint. De la même manière, nous avons donc limité le choix des couleurs à une seule, celle que vous avez choisie pour le thème de votre site.

Voici comment appliquer la couleur principale de votre thème :

Notez que de la même manière la police utilisé pour vos articles est celle que vous avez choisi pour le thème de votre site.