Diviser le texte en colonnes ?

  • Avatar de Inconnu
    lejardindepantoufle · Membre ·

    Bonjour, je cherche à savoir si il est possible de diviser mon texte en plusieurs petites colonnes (2 ou 3) ? Mon thème est ‘Toujours’ et mon blog https://lejardindepantoufle.wordpress.com . Puis je faire cela sans modifier mon thème, et sans version payante de WordPress ? Merci d’avance pour votre temps.
    Pantoufle

    L’adresse du blog concerné est (visible uniquement pour les utilisateurs connectés).

  • Avatar de Inconnu
    floflo56 · Membre ·

    Bonjour Lejardindepantoufle.

    Il est possible de diviser le texte en colonnes, il faut pour celà utiliser un code HTML.

    Il faut donc en premier lieu que vous sélectionniez l’éditeur HTML de WordPess.com .
    Cliquez sur le bouton HTML en haut à droite de l’éditeur d’article ou de page comme sur l’image suivante:
    https://i.ibb.co/CzBzxKc/Screenshot.png

    Vous pouvez utiliser le tag avec un attribut de style pour créer des colonnes sur un article ou une page.

    Voici un exemple:
    Pour séparer un texte en deux colonnes, vous pouvez écrire ce code dans l’éditeur: 

    
Texte de la première colonne
Texte de la première colonne
Texte de la première colonne

 

Texte de la seconde colonne
Texte de la seconde colonne
Texte de la seconde colonne

 
<hr style="clear:both; visibility: hidden;">

    Cela devrait vous donner quelque chose de ce style là: https://i.ibb.co/qnLYTrp/Screen-shot-2.png

    Vous pouvez ajuster les valeurs de « width » (largeur de vos colonnes) de « padding »(espace entre les colonnes) pour ajuster vos colonnes.

    Par exemple si vous souhaitez 3 colonnes, vous pouvez utiliser le code : 

    
Texte de la première colonne
Texte de la première colonne
Texte de la première colonne

 

Texte de la seconde colonne
Texte de la seconde colonne
Texte de la seconde colonne

 

Texte de la troisième colonne
Texte de la troisième colonne
Texte de la troisième colonne

 
<hr style="clear:both; visibility:hidden;">

    Cela devrait vous donner quelque chose comme ceci: https://ibb.co/h8fvb1f

    Noter que la valeur de largeur (width) a été diminuée afin que les 3 colonnes puissent passer.

    J’espère que ça vous aidera :)

    Florent

  • Avatar de Inconnu
    floflo56 · Membre ·

    Mes excuses, je n’ai pas entrer les codes correctement, les voici:

    Pour un texte à 2 colonnes:

    contenu de la 1ère colonne

    contenu de la 2ème colonne

    <hr style= »clear:both; visibility: hidden; »>

    Pour un texte à 3 colonnes:

    contenu de la 1ère colonne

    contenu de la 2ème colonne

    contenu de la 3ème colonne

    <hr style= »clear:both; visibility:hidden; »>

    :)

  • Avatar de Inconnu
    floflo56 · Membre ·

    Toutes mes excuses pour le triple post,
    les balises HTML disparaissent lorsque je les entrent sur le forum, voici une image avec les codes à enter. Cela sera plus parlant.

    Pour 2 colonnnes:
    https://i.ibb.co/2PyLCLV/Screenshot-3.png

    Et pour 3 colonnes:
    https://i.ibb.co/FDfJRPR/Screenshot-4.png

  • Avatar de Inconnu
    lejardindepantoufle · Membre ·

    Merci pour les réponses !
    Je vais essayer de recopier ça sans faire de fautes ;)
    J’ai essayé d’utiliser le nouvel outil de mise en page, mais je n’ai pas du tout réussi à faire ce que je voulais malgré un bouton colonnes, c’est on ne peut moins clair !

    J’espère que WordPress va améliorer son nouvel outil mise en page, car ce serait vraiment bien de pouvoir avoir un outil colonnes et d’autres trucs du genre, en accès simple.
    Bonne journée et merci pour votre aide et votre temps !

  • Le sujet ‘Diviser le texte en colonnes ?’ est fermé aux nouvelles réponses.