Si vous avez un texte très long, et que vous souhaitez masquer une partie de ce texte et laisser aux utilisateurs le choix d'afficher ce texte masqué, voici la méthode à suivre.

Structurer votre texte en 3 blocs

  • 1 bloc "Paragraphe" qui affichera le début du texte qui doit être visible à l'arrivée dans l'article
  • 1 bloc "HTML Personnalisé" avec le code ci-dessous

Ce bloc affichera le lien "Lire la suite ...". Si besoin, vous pouvez personnaliser le libellé "Lire la suite ..." dans ce code avec le texte de votre choix.

<a href="#nogo" onclick="document.getElementById('lirelasuite').style.display = 'block'; this.style.display = 'none';">Lire la suite...</a>
  • 1 bloc "Paragraphe" avec le contenu du texte masqué. Attention, pour ce bloc il faudra compléter le champ "HTML anchor" avec l'intitulé "lirelasuite"

Pour terminer

Dans "apparence ----> Gestion du thème ---> Réglages avancés, ajouter le code css suivant :

#lirelasuite {display:none;}

La modification des réglages avancés est expliqué dans l'article "Thème (Avancé".

Ne pas oublier :

Il vous faudra vider le cache de votre site pour que la présentation de votre texte soit prise en compte.

Cela se fait dans "Réglages ---> Cache du site".

Exemple :

Lorem ipsum dolor sit amet consectetur adipiscing elit in, commodo id at per porta justo laoreet curae, habitant interdum pharetra dui eleifend massa sociis, mattis nisi facilisi metus imperdiet sodales augue.

Lire la suite...

Nullam netus dui platea conubia hac taciti arcu turpis dictumst, sagittis venenatis interdum aliquet gravida per tincidunt tempus est lacus, tellus consequat ultricies ante feugiat fames mollis tristique. Sodales felis facilisis metus vehicula commodo luctus non molestie sapien, aliquet at congue turpis nisi nullam quis in accumsan senectus, viverra eu ad ornare cum purus dis mattis.

Pour reproduire ce fonctionnement dans un même article

Si vous souhaitez proposer cette présentation de texte dans plusieurs paragraphes de votre article, il faudra dupliquer le code css à ajouter en modifiant dans celui-ci le terme "lirelasuite" ainsi que dans le code du 2ème paragraphe de votre structure.

Attention à bien utiliser le même libellé dans les 2 codes. Par exemple "lirelasuite1"