Comment ajouter une coupure HTML "Lire la suite" dans Tumblr

Étudiante assise au café.

Lire la suite break est un excellent moyen de briser votre blog.

Crédit d'image : millann/iStock/GettyImages

L'ajout d'une pause « Lire la suite » 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 peu de code. Ce n'est pas du code HTML standard, et il n'aura pas l'air de fonctionner lorsque vous prévisualisez le message, mais après avoir publié, il apparaît 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 "Lire la suite" est facile à l'aide de l'éditeur de texte enrichi standard sur Tumblr. Tout d'abord, écrivez la section de début de votre article, c'est-à-dire la partie que vous souhaitez passer 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.

Vidéo du jour

Cliquez sur le symbole à trois points pour insérer la pause "Lire la suite" 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 "Lire la suite" Tumblr 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 modifiez un existant un, 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 HTML mode.

Le processus à partir de ce point est simple. Si vous avez déjà du texte en place, vous voyez le "

" et "

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

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 lorsque vous utilisez la méthode précédente.

« En savoir plus » dans l'éditeur Markdown

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

Ajout de sauts de ligne en HTML

Bien que le lien « Lire la suite » 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 souhaitez que le saut de ligne apparaisse. Vous n'avez pas besoin de le mettre entre les balises de fermeture et d'ouverture du paragraphe. Cela fonctionne n'importe où.