Comment ajouter une pause HTML Lire la suite dans Tumblr

L'ajout d'une pause "En savoir plus" sur Tumblr est un excellent moyen de diviser le contenu de votre blog et de faciliter le défilement de plusieurs articles. C'est facile à faire en utilisant l'éditeur de texte enrichi standard utilisé par Tumblr, mais si vous souhaitez ajouter une pause "Lire la suite" Tumblr en HTML, vous devez ajouter un petit morceau de code. Ce n'est pas du code HTML standard, et il ne semblera pas que cela fonctionne lorsque vous prévisualisez le message, mais après avoir publié, il s'affiche comme vous le souhaitez. C'est une bonne idée de connaître les deux approches, car la méthode standard est beaucoup plus simple.

Tumblr "En savoir plus" - Méthode facile

L'ajout d'une pause "En savoir plus" est facile à l'aide de l'éditeur de texte enrichi standard sur Tumblr. Tout d'abord, écrivez la section de début de votre message, c'est-à-dire la partie que vous souhaitez lire avant la pause "Lire la suite". Sélectionnez ensuite "Entrée" pour commencer une nouvelle ligne et notez le symbole "+" qui apparaît vers la droite de la fenêtre de l'éditeur à côté de la nouvelle ligne. Cliquez sur ce symbole et des options apparaissent, celle d'extrême droite étant une rangée de trois points sur un fond gris.

Cliquez sur le symbole à trois points pour insérer la pause "En savoir plus" en utilisant la méthode simple. Vous pouvez également utiliser le raccourci "Ctrl"+"Maj"+"K" sur un PC ou "Commande"+"Maj"+"K" sur un Mac pour faire la même chose. Cela génère automatiquement le code HTML dont vous avez besoin. Vous n'avez pas besoin d'aller dans l'éditeur HTML si vous ne le souhaitez pas.

Code HTML pour "En savoir plus"

Vous pouvez également créer une pause Tumblr "En savoir plus" via l'éditeur HTML sur Tumblr. Pour accéder à l'éditeur, cliquez sur l'icône d'engrenage dans le coin supérieur droit de l'écran lorsque vous créez un nouveau message 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 ce moment est simple. Si vous avez déjà du texte en place, vous voyez le "

" et "

" pour le début et la fin des paragraphes, respectivement. Entre les balises de fin et de début, là où vous souhaitez placer le saut "Lire la suite", tapez "[[MORE]]" (sans les guillemets) pour générer le "Lire Plus" pause.

Cependant, ce code n'est pas standard pour HTML, et si vous cliquez sur "Aperçu", il s'affiche tel que vous l'avez écrit. Ne vous inquiétez pas, cependant. Lorsque vous publiez le message, il apparaît comme une pause, tout comme il le fait lorsque vous utilisez la méthode précédente.

"En savoir plus" dans Markdown Editor

Le dernier format de l'éditeur dans Tumblr est l'éditeur Markdown, et vous pouvez également créer un lien "En savoir plus" à l'aide de cet éditeur. Le processus est exactement le même que pour HTML. Vous tapez le texte que vous souhaitez lire avant la pause "En savoir plus", puis "[[MORE]]" avant de continuer à taper votre texte. Il ne s'affichera pas sur l'aperçu, comme en mode HTML, mais il fonctionne lorsque vous publiez le message.

Ajout de sauts de ligne en HTML

Bien que le lien "En savoir plus" soit le moyen le plus utile pour séparer votre contenu, il peut également être utile de savoir comment insérer des sauts de ligne en HTML. C'est facile à faire :insérez le code "

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