Si vous n’avez jamais cr\u00e9\u00e9 de galerie auparavant, suivez ce didacticiel sur la fa\u00e7on de cr\u00e9er des galeries<\/a>.<\/p>\n L’astuce consiste \u00e0 utiliser une version de taille moyenne des images et \u00e0 choisir deux colonnes, m\u00eame si vous n’incluez que deux images. Le r\u00e9sultat ressemblera \u00e0 quelque chose comme ceci :<\/p>\n Contrairement aux images que vous placez dans votre publication, les galeries ont un code HTML sp\u00e9cial qui maintient les images les unes \u00e0 c\u00f4t\u00e9 des autres. Cette structure facilite et simplifie l’alignement des images en lignes\/colonnes.<\/p>\n Si cela ne vous d\u00e9range pas d’ajouter un nouveau plugin \u00e0 votre site, Column Shortcodes<\/a> est une excellente solution pour aligner les images.<\/p>\n Column Shortcodes est l’un de ces plugins g\u00e9niaux qui ne remplissent pas votre site de nouveaux menus. En fait, la seule chose qu’il ajoute \u00e0 votre tableau de bord d’administration est ce bouton pratique au-dessus de l’\u00e9diteur.<\/p>\n Pour montrer comment cela fonctionne, je vais cr\u00e9er une seule rang\u00e9e de trois images.<\/p>\n La premi\u00e8re \u00e9tape consiste \u00e0 placer votre curseur sur une ligne vide dans l’\u00e9diteur. Cliquez ensuite sur le bouton shortcode et s\u00e9lectionnez une option de colonne.<\/p>\n Cr\u00e9ation d’une ligne avec trois colonnes.<\/p>\n R\u00e9p\u00e9tez cette \u00e9tape pour ajouter une deuxi\u00e8me colonne 1\/3, puis r\u00e9p\u00e9tez une fois de plus, mais cette fois en utilisant l’option un tiers (derni\u00e8re). Le r\u00e9sultat est les shortcodes suivants ajout\u00e9s \u00e0 l’\u00e9diteur.<\/p>\n Si vous n’avez jamais utilis\u00e9 de shortcodes auparavant, vous pouvez commencer par suivre ce didacticiel<\/a>.<\/p>\n Comme vous pouvez le voir, chaque shortcode a une balise d’ouverture et de fermeture. Vous pouvez maintenant mettre une image \u00e0 l’int\u00e9rieur de chaque shortcode, comme ceci\u00a0:<\/p>\n On dirait un g\u00e2chis, n’est-ce pas?<\/p>\n C’est parce que les shortcodes ne peuvent pas styliser les images dans l’\u00e9diteur, mais ce n’est pas un probl\u00e8me. Une fois que vous les aurez consult\u00e9s sur le site, ils s’aligneront parfaitement en colonnes, comme ceci\u00a0:<\/p>\n Bien que les codes courts ne s’affichent pas bien dans l’\u00e9diteur comme les galeries et puissent \u00eatre plus difficiles \u00e0 travailler, vous obtenez \u00e9galement un peu plus de contr\u00f4le. Par exemple, les galeries forcent toutes les images \u00e0 \u00eatre li\u00e9es\u00a0:<\/p>\n Avec le plugin de colonnes, les images peuvent avoir des URL personnalis\u00e9es et chaque lien vers un type de page diff\u00e9rent.<\/p>\n Vous pouvez \u00e9galement m\u00e9langer et assortir les colonnes. Par exemple, vous pouvez placer une image dans un shortcode 2\/3 \u00e0 c\u00f4t\u00e9 d’une image avec un shortcode 1\/3 de colonne.<\/p>\n Ces m\u00e9thodes produiront les mises en page que vous souhaitez sans tous les maux de t\u00eate.<\/p>\n Les galeries WordPress<\/a> sont le moyen le plus simple et le plus facile d’aligner des images d’affil\u00e9e. Cependant, Column Shortcodes<\/a> est une bonne alternative qui offre plus de flexibilit\u00e9.<\/p>\n Ils fonctionnent tous les deux si bien parce qu’ils placent les images dans une nouvelle structure HTML. Le HTML permet de conserver une mise en page c\u00f4te \u00e0 c\u00f4te, quel que soit l’\u00e9cran utilis\u00e9 pour les visualiser.<\/p>\n Y a-t-il quelque chose que j’ai rat\u00e9? Avez-vous des questions? Postez un commentaire ci-dessous.<\/p>\n![\"Comment](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224814-6171dd43ad6d2.png\")
<\/a><\/p>\n2 Placer des images avec des codes courts de colonne<\/h3>\n
![\"Comment](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224814-6171dd4622ad5.png\")
<\/a><\/p>\n![\"Comment](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224814-6171dd4843ae9.png\")
<\/a><\/p>\nComment utiliser les codes abr\u00e9g\u00e9s de colonne<\/h4>\n
![\"Comment](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224814-6171dd4b04099.png\")
<\/a><\/p>\n![\"Comment](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224814-6171dd4d295c9.png\")
<\/a><\/p>\n![\"Comment](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224814-6171dd4f52c89.png\")
<\/a><\/p>\nShortcodes des colonnes compar\u00e9s aux galeries<\/h4>\n
\n
Pourquoi vous ne devriez pas utiliser les options d’alignement<\/h2>\n