Fractionner les blocs avec le gestionnaire de colonnes d'Advanced Gutenberg

Les colonnes sont au contenu ce que les blocs de Gutenberg étaient à l'éditeur classique de WordPress. Ils vous permettent d'organiser votre contenu sans entrave - si ce n'est verticalement, comme les blocs, alors horizontalement. La dernière mise à jour d'Advanced Gutenberg présente un nouveau bloc pour vous aider à démarrer avec les colonnes.

Le gestionnaire de colonnes d'Advanced Gutenberg est une prise en main plus avancée des colonnes natives de Gutenberg. Ses fonctionnalités phares vous donnent plus de contrôle sur la façon dont le contenu doit être affiché, mais en même temps, cela facilite le démarrage de la création de contenu avec ses dispositions prédéfinies.

Dispositions des colonnes

Pour créer votre premier bloc de colonnes, recherchez le gestionnaire de colonnes dans l'éditeur Gutenberg de WordPress. La première chose que vous verrez en cliquant sur le nouveau bloc est une liste des dispositions prédéfinies les plus courantes. Les options vont d'une disposition simple à une colonne à des affichages standard à deux colonnes et jusqu'à six colonnes dans un bloc.

Ces options sont là pour que vous puissiez vous concentrer sur la création de contenu au lieu de le concevoir. Cependant, vous pouvez vous retrouver à la recherche d'une mise en page qui n'existe pas, comme un bloc de colonnes qui ne prend que 50 % de la largeur de votre blog. Dans ce cas, vous pouvez utiliser la barre latérale pour définir vos propres largeurs de colonne.

Pour définir vos propres largeurs, cliquez sur une colonne et définissez sa largeur en pourcentage, ou réglez-la sur 0 pour la réinitialiser à sa largeur automatique. Maintenez les pourcentages totaux à 100 % au maximum pour éviter que le contenu du message ou de la page WordPress ne déborde. Les guides de colonnes - bordures transparentes - vous aideront à voir les changements, mais vous pouvez les désactiver à partir de l'onglet de configuration d'Advanced Gutenberg dans les paramètres.

Une autre nouveauté dans le gestionnaire de colonnes est la section d'alignement. Si vous cliquez sur le bloc de gestionnaire de colonnes externe, vous trouverez d'abord les options de largeur. Vous pouvez basculer les options de largeur élargie ou de largeur totale pour augmenter la taille du bloc de colonnes. Juste après, se trouvent les options d'alignement.

Les trois premières options d'alignement sont standard - les colonnes peuvent être alignées verticalement en haut, au milieu ou à la fin. La quatrième et dernière option d'alignement est une qui n'est pas dans les colonnes de Gutenberg - hauteur pleine des colonnes internes.

L'option étend les colonnes pour qu'elles soient égales à la colonne la plus haute du bloc. Cette option est nécessaire si les colonnes ont des couleurs de fond ou des bordures, et ont donc besoin de couvrir la totalité de la hauteur du bloc.

Colonnes responsives

Un bon blog doit s'afficher correctement sur les ordinateurs de bureau, les tablettes et les téléphones mobiles. Une question pertinente qui se pose naturellement est de savoir comment afficher au mieux les colonnes lorsque la largeur fait défaut. Les largeurs des colonnes doivent-elles changer, et si oui, comment ? Chaque colonne doit-elle être sur sa propre ligne ?

Advanced Gutenberg vous donne la flexibilité de choisir comment les colonnes doivent s'afficher sur les tablettes et les mobiles. Cliquez sur le bloc du gestionnaire de colonnes et choisissez une disposition pour les ordinateurs de bureau, les tablettes et les mobiles. Les options sur les appareils portables comprennent la modification de la disposition des colonnes ou l'empilement des colonnes pour exploiter toute la largeur.

Si vous utilisez la largeur des mises en page pleine largeur, vous pouvez constater que le bloc du gestionnaire de colonnes est trop large sur les appareils plus petits. Dans ce cas, vous pouvez configurer le remplissage et la marge du mobile ou de la tablette dans la zone située juste en dessous des dispositions de mobile et de tablette respectivement.

En faisant défiler vers le bas et en ouvrant les paramètres de ligne, vous pouvez également spécifier ce qui doit se passer lorsque les colonnes débordent de contenu, ainsi que la largeur maximale et la hauteur minimale d'une ligne. Une fois que vous vous êtes familiarisé avec les paramètres d'affichage de la mise en page générale du bloc, vous voudrez peut-être accéder à des paramètres de réactivité encore plus précis.

Avec le gestionnaire de colonnes d'Advanced Gutenberg, vous pouvez également spécifier le remplissage et les marges des colonnes individuelles sur le bureau ou le mobile. Pour les ajuster, cliquez sur une colonne au lieu de tout le bloc. Ensuite, faites défiler vers le bas de la barre latérale pour spécifier le remplissage et les marges sur le bureau ou le mobile. Pour chacun, vous pouvez également spécifier l'alignement du texte.

Personnaliser les colonnes WordPress

Lorsque vous avez terminé de perfectionner vos colonnes - ou si vous n'avez pas ressenti le besoin de changer les dispositions standard - vous pouvez soit personnaliser les colonnes, soit commencer à y ajouter du contenu. Lorsque vous cliquez sur une colonne, vous pouvez appliquer des options d'affichage à l'échelle de la colonne, actuellement limitées au style de bordure, à la couleur, à la largeur et au rayon.

Plus important encore, le but des colonnes est de stocker et d'afficher du contenu. Le gestionnaire de colonnes d'Advanced Gutenberg prend en charge tous les types de contenu dans les colonnes, ce qui signifie que vous pouvez y stocker des paragraphes, des images et des galeries, ainsi que tout autre bloc, qu'il soit standard ou personnalisé. Votre imagination est la limite !

Une fois que vous maîtrisez la puissance des blocs Gutenberg, vous pouvez exprimer votre créativité dans vos publications et pages WordPress. Avec le gestionnaire de colonnes d'Advanced Gutenberg, vous pouvez tirer le meilleur parti de votre blog WordPress. Alors, prenez autant ou aussi peu de contrôle que vous le souhaitez avec les colonnes et libérez votre créativité non seulement verticalement, mais aussi horizontalement !

Obtenez Advanced Gutenberg (plugin gratuit) : https://www.joomunited.com/wordpress-products/advanced-gutenberg