L'essentiel de SPIP 3.1

Mettre en forme le contenu rédactionnel

Testez gratuitement nos 1271 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Vous allez voir comment mettre en forme le contenu rédactionnel des articles. Découvrez les facilités d'utilisation.
06:51

Transcription

Dans cette séquence nous allons voir comment mettre en forme le contenu rédactionnel de nos articles. Donc pour ce faire, je vais ouvrir un article que nous avons déjà créé, je vais ouvrir celui-ci tout simplement par un clic sur son titre. Il apparait avec tous ses paramètres, et je clique sur le bouton « Modifier cet article ». Nous avons le contenu rédactionnel qui est ici. Et nous avons la barre d'outils de mise en forme. Première mise en forme que nous allons voir, c'est le bouton qui va nous permettre d'appliquer un inter-titre. Je me mets dans cette phrase ici, et je clique sur ce premier bouton, « Transformer en inter-titre ». À ce moment-là, vous voyez qu'il y a du code qui apparait automatiquement, c'est du code SPIP pour la mise en forme. Mais ne vous inquiétez pas, vous avez ici, ce qui est extrêmement pratique, le petit onglet « voir » qui va vous permettre de visualiser en direct ce que va donner cette mise en forme. Et nous voyons ici la mise en forme obtenue. Si besoin est, nous pouvons parfaitement supprimer cette première ligne vide au début. Le deuxième et troisième bouton, tout simplement, vont nous permettre de mettre en gras, et en italique, du texte qui sera sélectionné. Je sélectionne ces deux mots, je les mets en gras. Ces deux mots aussi, et je les mets en italique. Là encore, vous voyez que c'est du code SPIP qui est utilisé. On a deux accolades pour la mise en gras, et une accolade pour la mise en italique. Ce qui veut dire qu'une fois que vous connaissez les codes, vous pouvez vous-même saisir deux accolades ouvrantes et fermantes pour mettre en gras, et une accolade ouvrante et fermante, pour mettre en italique. Là encore, je peux utiliser le bouton Voir et on voit bien les mots en gras et les mots en italique. Nous avons ensuite la possibilité de créer des listes, je veux me mettre à la fin, par exemple. Je vais à la ligne, chaque item de mes listes, vous voyez, est dans une ligne séparée. Je sélectionne ces trois éléments, et je vais pouvoir choisir une liste à puces. Là encore, c'est du code, j'utilise l'onglet Voir, et nous avons bien nos trois éléments à puces. Je reviens dans l'onglet Éditer, je sélectionne à nouveau ces éléments, et je vais pouvoir choisir une liste numérotée. Et voilà. Si jamais vous avez besoin de faire des listes hiérarchiques, vous pouvez augmenter d'un cran ou descendre d'un cran, dans la hiérarchie des listes. Je me mets sur ce mot. Et je vais demander ici à augmenter d'un cran dans la hiérarchie. Donc je vais indenter une liste. Et voilà, vous voyez qu'elle est descendue d'un cran. Même principe, je vais la remonter d'un cran. J'utilise ce bouton. Nous avons maintenant la possibilité de créer des liens hypertextes. Je vais me mettre à la fin de ce texte, je vais mettre un petit libellé, et je vais sélectionner le mot sur lequel les utilisateurs pourront cliquer pour accéder au site concerné. Donc je sélectionne Nantes, et je clique sur ce bouton transformé en lien hypertexte. Et dans le champ qui apparait ici, vous mettez tout simplement l'URL l'adresse du site sur lequel vous voulez pointer. Et je dis OK. Là encore, c'est du code qui est utilisé. Dans l'onglet Voir, nous pouvons visualiser notre lien. Autre possibilité, c'est de créer des notes de bas de page, ici, de bas de page Web, naturellement. Supposons par exemple que pour le mot « Donec », ces mots ici doivent être placés en bas de page, je sélectionne ces mots et je clique sur le bouton Transformer en note de bas de page. À nouveau, j'utilise l'onglet Voir. Et nous avons bien ici le petit appel de note, et en bas, avec une ligne de séparation, les mots que nous avions sélectionnés, c'est à dire le contenu de la note. Pour plus de facilité, je vais mettre à nouveau, du texte. Nous avons maintenant la possiblité de mettre des paragraphes en évidence, en créant des paragraphes de citations. Je vais sélectionner tout ce paragraphe, et je vais demander ici à le faire apparaitre sous forme de citation. Là encore, c'est du code qui est utilisé. Je me mets selon où les voir, et voilà, la mise en forme. Alors naturellement, pour les développeurs de squelettes, vous pourrez parfaitement modifier cette mise en forme standard. Et nous avons à peu près le même principe, avec la mise en forme en poésie. Nous pouvons mettre automatiquement des guillemets autour d'une sélection. Je sélectionne ces mots. Et je vais utiliser ici ce type de guillemets, vous voyez que vous avez deux types de guillemets. Et voilà, j'ai bien mon chevron ouvrant et mon chevron fermant. Maintenant il se peut que dans votre texte vous ayez besoin d'un caractère spécial. Je vais me mettre par exemple ici. Et bien vous pouvez utiliser ce bouton, et à ce moment-là, il suffira de cliquer sur le caractère que vous souhaitez. Si vous voulez avoir le O collé dans le E, vous cliquez ici. Et vous avez ainsi le O collé dans le E, je peux terminer par exemple, en mettant simplement « oeuvre », et je vais mettre un L apostrophe. Dernière possibilité, si besoin est, vous pouvez insérer du code informatique dans vos articles. À ce moment-là, vous allez utiliser ce petit bouton-là. Enfin, dernière facilité, tout à fait pratique, si vous voulez avoir une saisie qui soit plein écran, et ne pas être dérangé, si je puis dire, par les autres éléments de l'interface, vous pouvez cliquer sur cet onglet. Et à ce moment-là, vous avez un double affichage, extrêmement pratique, sur la partie gauche, vous saisissez votre texte et vous effectuez la mise en forme. Dans la partie droite, vous avez le rendu immédiat. Pour revenir à l'état précédent, il vous suffit à nouveau de cliquer sur ce même bouton. Donc voilà comment vous allez pouvoir mettre en forme le contenu rédactionnel de vos articles. Et naturellement, n'oubliez pas d'enregistrer toutes vos modifications.

L'essentiel de SPIP 3.1

Apprenez à installer SPIP et à configurer ensuite le site web créé. Voyez comment gérer les contenus rédactionnels, les médias, les utilisateurs ainsi que leurs droits, etc.

3h10 (54 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Thématiques :
Design web
CMS
Spécial abonnés
Date de parution :11 févr. 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !