Comment ajouter une coupure « Lire la suite » en HTML sur Tumblr

Ajouter une coupure « Lire la suite » sur Tumblr est un excellent moyen de structurer votre contenu de blog et de faciliter la navigation entre plusieurs articles. C'est facile à faire avec l'éditeur de texte enrichi standard de Tumblr, mais si vous voulez ajouter une coupure « Lire la suite » en HTML, vous devez ajouter un petit bout de code. Ce n'est pas du code HTML standard et cela ne semblera pas fonctionner en prévisualisation, mais après la publication, cela s'affichera comme souhaité. Il est judicieux de connaître les deux approches, car la méthode standard est beaucoup plus simple.

Méthode facile pour « Lire la suite » sur Tumblr

Ajouter une coupure « Lire la suite » est simple avec l'éditeur de texte enrichi standard sur Tumblr. Commencez par écrire la section de début de votre article, c'est-à-dire la partie que vous voulez avant la coupure « Lire la suite ». Appuyez ensuite sur « Entrée » pour commencer une nouvelle ligne et remarquez le symbole « + » qui apparaît vers la droite de la fenêtre d'édition à côté de la nouvelle ligne. Cliquez sur ce symbole, et des options apparaissent, la plus à droite étant une rangée de trois points sur fond gris.

Cliquez sur le symbole à trois points pour insérer la coupure « Lire la suite » avec la méthode simple. Vous pouvez également utiliser le raccourci « Ctrl »+« Maj »+« K » sur PC ou « Commande »+« Maj »+« K » sur Mac pour faire la même chose. Cela génère automatiquement le code HTML dont vous avez besoin. Vous n'avez pas besoin de passer par l'éditeur HTML si vous ne le souhaitez pas.

Code HTML pour « Lire la suite »

Vous pouvez également créer une coupure « Lire la suite » sur Tumblr via l'éditeur HTML. Pour accéder à l'éditeur, cliquez sur l'icône d'engrenage en haut à droite de l'écran lorsque vous créez un nouvel article ou en modifiez un existant, puis cliquez sur le menu déroulant à côté de « Éditeur de texte ». Choisissez « HTML » parmi les options affichées, et l'éditeur passe en mode HTML.

Le processus à partir de là est simple. Si vous avez déjà du texte en place, vous voyez les balises «

» et «

» pour les débuts et fins de paragraphes respectivement. Entre la balise de fin et la balise de début, là où vous voulez que la coupure « Lire la suite » soit située, tapez « [[MORE]] » (sans guillemets) pour générer la coupure.

Cependant, ce code n'est pas standard pour le HTML, et si vous cliquez sur « Prévisualiser », il s'affichera tel que vous l'avez écrit. Ne vous inquiétez pas. Lorsque vous publiez l'article, il apparaît comme une coupure, tout comme avec la méthode précédente.

« Lire la suite » dans l'éditeur Markdown

Le dernier format d'éditeur sur Tumblr est l'éditeur Markdown, et vous pouvez aussi créer un lien « Lire la suite » avec cet éditeur. Le processus est exactement le même que pour le HTML. Vous tapez le texte que vous voulez avant la coupure « Lire la suite », puis « [[MORE]] » avant de continuer votre texte. Cela ne s'affichera pas en prévisualisation, comme en mode HTML, mais cela fonctionne lors de la publication.

Ajouter des sauts de ligne en HTML

Bien que le lien « Lire la suite » soit le moyen le plus utile de séparer votre contenu, il peut aussi être utile de savoir comment insérer des sauts de ligne en HTML. C'est facile : insérez le code «

» (sans les guillemets) au point où vous voulez que le saut de ligne apparaisse. Vous n'avez pas à le mettre entre les balises de fermeture et d'ouverture de paragraphe. Cela fonctionne n'importe où.