Ajouter des colonnes sous WordPress

Vous souhaitez ajouter plusieurs colonnes dans un article ou une page de votre site sous WordPress ? Voici une solution intéressante par l’intermédiaire du plugin Advanced WP Columns.

Ajouter simplement des colonnes

Grâce à cette extension vous allez pouvoir choisir la structure de départ (une, deux, trois colonnes…) la largeur maximale totale et l’écart entre les colonnes. Tout ce ceci simplement en bougeant des marqueurs.

Installation et utilisation du Plugin

Une fois le plugin installé (Installation comme n’importe quel autre plugin « Extensions > Ajouter ») vous devriez voir apparaître l’icône ci-dessous dans le menu d’édition page ou article.

advanced-wp-columns

Advanced WP Columns

Pour créer une nouvelle structure on clique alors sur le fameux bouton. Une fenêtre d’édition va alors s’afficher à l’écran.

add-columns

Add Columns

Sélectionner alors le nombre de colonnes souhaiter et bouger ensuite les marqueurs à votre convenance et valider avec « Add Columns ».

add-columns2

Choix de la taille des colonnes

Il ne vous reste alors qu’à insérer votre texte ou vos images dans les colonnes.

wp-columns-test

Insertion de texte dans les colonnes

Exemples de mises en pages

Voici des exemples de mises en pages possibles grâce à cette extension :

resultat-wpcolumns

Exemple avec deux colonnes

4-colonnes-wordpress

Exemples avec quatre colonnes

Vous pouvez évidemment ajouter des images ou autres à la place du texte. Il vous faudra cependant spécifier une URL précise pour intégrer une image depuis la fenêtre d’insertion.

Modifier les réglages par défaut

Cette partie n’est pas indispensable, mais vous pouvez si vous le souhaitez modifier certains paramètres de l’extension.

Pour ce faire, dirigez-vous > Réglages > Advanced Wp Columns.

Une fois dans le menu, vous allez pouvoir notamment modifier les éléments suivants :

  • Container Width : Permets de définir la largeur des colonnes (complète ou non). Valeur optimale 960.
  • Initial Structure : Définis la structure par défaut (1,2,3 colonnes).
  • Responsive Layout : Activer ou désactiver l’adaptabilité au smartphone.
  • Resolution breaking point : Affiche une colonne par ligne quand la largeur de l’écran et plus grande que prévu. Valeur optimale 1024.
  • Column per row occupation : Permets de définir l’espace d’occupation des colonnes en pourcentage.
advanced-wp-columns-settings

Réglages > Advanced WP Columns > Settings

Voilà tout pour ce plugin. N’hésitez pas à me donner votre avis sur celui-ci !

A Très vite !

Advanced WP Columns


Source : Advanced WP Columns.

Partager l'article >Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedInEmail this to someone

8 Comments

  • eve

    Reply Reply 24 septembre 2015

    Bonsoir,
    Avec une amie, nous avons il y a peu créé un blog WordPress.com gratuit
    Nous débutons totalement avec WordPress et avons souhaité rapidement mettre nos textes sous forme de colonnes.
    Nous avons téléchargé un pluggin à cette fin mais impossible de trouver comment l’insérer à notre blog.

    Nous nous demandions si ce genre de pluggin ne sont possibles que pour les versions payantes de WordPress ?
    Excusez notre amateurisme et merci de votre aide 🙂

    • Régis

      Régis

      Reply Reply 25 septembre 2015

      Bonjour,

      Pas de problème, il faut bien débuter ! 😉

      Ce plugin (et beaucoup d’autres d’ailleurs) sont disponibles gratuitement sur le CMS WordPress.

      Est-ce que vous avez bien réussi à installer l’extension ? (comme l’exemple d’installation de ce plugin Canvas Shortcode)

      Si oui, est-ce que vous avez bien le bouton de l’extension dans le menu d’édition d’un article ?

      • eve

        Reply Reply 25 septembre 2015

        Merci de cette réponse rapide !

        En fait je ne comprends de base pas comment installer une extension depuis wordpress.
        Je vois dans le lien d’exemple d’installation et sur d’autres forums qu’il faut aller dans « extensions-ajouter »..mais où cela se trouve-t-il ?

        Quand je suis sur mon blog et clique sur ‘mon site » j’arrive à une interface où j’ai plein d’options, notammment « configurer » et là il y a un onglet extension, quand je clique dessus on me demande une mise à jour et si j’accepte, plusieurs onglets s’affichent en haut comme « mes extensions », et en cliquant dessus on me dit que je n’ai pas d’extensions pour le moment en me proposant « d’essayer l’un de nos plans », ce qui me renvoie à un comparatif semblant m’inciter à passer à la version payante.

        Merci encore de votre aide…

        • Régis

          Régis

          Reply Reply 25 septembre 2015

          Alors pour installer un nouveau plugin, il faut que tu passe par le menu Extensions > Ajouter.
          Ensuite il te suffit de spécifier le nom de l’extension dans le champ de rechercher (vers la droite) et enfin de cliquer sur « installer maintenant » pour installer l’extensions sur WordPress.

          Est-ce que tu trouve bien ces menus depuis ton Site ?

          • eve

            25 septembre 2015

            Justement c’est bien le problème, je ne sais pas où est ce menu « extension-ajouter » et ai du coup décrit la seule façon que je trouve d’arriver dans une rubrique concernant les extensions, mais qui n’a pas l’air du tout d’être la bonne et ne me propose pas d’ajouter une extension….
            Merci encore de votre aide 🙂

          • Régis

            Régis

            26 septembre 2015

            Si tu arrive dans la page extension tu devrais trouvé en dessous le bouton « Ajouter ». C’est par la que tu peux installer des extensions facilement.

            Est-ce que tu as bien installé la dernière version de WordPress par hasard ?

  • chantal

    Reply Reply 20 novembre 2016

    Bonsoir le post est ancien mais peut-être pourriez-vous m’apporter une réponse. J’ai installé Advanced WP Columns mais le bouton n’apparaît pas sur le menu édition. J’ai donc désinstallé et supprimer pour à nouveau l’ajouter, l’installé et l’activité mais idem. Merci de votre aide si vous me lisez.

    • Régis

      Régis

      Reply Reply 24 novembre 2016

      Bonjour,

      En effet étrange comme problème. :/

      Est-ce que vous utilisez un thème (ou extensions) qui ajoute des éléments au menu d’édition ?

      Bon courage !

Leave A Response

* Denotes Required Field