- WordPress :6.7
- Statut : non résolu
- Ce sujet contient 32 réponses, 4 participants et a été mis à jour pour la dernière fois par
, le il y a 5 mois.
-
Messages
-
Bonjour,
Ma configuration WP actuelle
- Thème utilisé : Twenty Twenty-Five
- Adresse du site : Le site
Problème(s) rencontré(s) : je cherche à modifier la largeur des blocs.je cherche à modifier la largeur des blocs de la class wp-block-column is-layout-flow wp-block-column-is-layout-flow afin de diminuer les distances entre les trois blocs. J’ai beau chercher, mais je n’y arrive pas !
Bonjour,
Sélectionner le bloc parent colonnes ,
Et aux paramètres du bloc , modifier l ‘espacement des blocs.
Bonjour
Je viens de regarder ce que tu viens de me dire. Cependant j’ai fait directement mon code en HTML du coup je n’ai pas le bloc comme tu me dis !
Voir pj
Bonjour,
Vous avez le thème Twenty Twenty Five qui est un théme de blocs.
Je vous invite donc à utiliser le bloc colonnes de l ‘editeur, qui va vous permettre d’avoir le même design sans une ligne de code.
Effectivement si je fais une colonne de trois blocs les images s’alignent bien. Seulement je n’arrive pas à trouver comment je peux mettre une image plus en dessous un texte ! Je suis quand même obligé de créer mon texte en dessous en HTML ?
Bonjour, les thèmes à bloc sont créés pour éviter d’utiliser du code. Tenter de mélanger les deux formes (code et HTML) n’a pas beaucoup de sens et ne peut conduire qu’à des problèmes à moyen terme.
Pour mettre un texte en dessous d’une image, vous pouvez cliquer sur l’icône « ajouter une légende » associé au bloc image. Et si vous avez des colonnes, vous rajoutez un bloc texte dans la colonne en dessous de l’image.
Bonjour,
• Vous sélectionner votre image d’une colonne(editeur-01.jpg)
puis dans la barre d’outils ajouter aprés
• (editeur-02.jpg) cliquer sur l’icône inséreurse de bloc +
ou taper le raccourci clavier /titre ou /image etc..
•(editeur-03.jpg) pour l’écartement des colonnes,
sélectionner le bloc parent Colonnes.
aux paramètres du bloc ajuster Espacement des blocsVoir un résultat de cette mise en page sur trois colonnes
Ici avec le thème Twent Twenty FiveLes ensembles de blocs fonctionnent – comme pour le CSS – avec une hiérarchie. Vous avez un bloc colonnes avec plusieurs colonnes, vous placez une image dans une colonne et vous retrouvez avec la hiérarchie Bloc colonnes>Colonne>Image. Pour avoir une vue d’ensemble de la construction, cliquez en haut à gauche sur l’icône avec trois traits parallèles.
Si vous cliquez sur un bloc, vous pouvez voir en bas de la page d’édition la hiérarchie correspondant au bloc – qui est d’ailleurs cliquable, comme un fil d’Ariane, ce qui est bien pratique pour naviguer dans les blocs sur lesquels on travaille.
Alors j’y suis presque, sauf que regarder les trois blocs ne sont pas centrés par rapport à la page !
De plus je n’arrive pas à régler le Bottom de chaque bloc de façon à ce qu’il s’aligne au niveau du blanc
Vous utiliser le modèle du blog du thème Twenty Twenty Five, pour afficher une page!
de plus vous l’avez mal modifié en supprimant le bloc conteneur qui doit être
un bloc groupe, qui justement gère l’alignement, vous avez aussi supprimé l’en-tête
& le pied de page.
il faut utiliser le modèle page avec la structure de la vue liste(voir photos)Comme le contenu est dans un bloc groupe, lui même enfant d’un autre bloc groupe,
vous n’aurais pas besoin de mettre la marge interne trop importante
que vous avez pour le bloc colonnes.
Car actuellement sur mobile vos colonnes sont trop étroite.De plus je n’arrive pas à régler le Bottom de chaque bloc de façon à ce qu’il s’aligne au niveau du blanc
Effectivement, il ya un bug au niveau de l’editeur Gutenberg, Lorsqu’on joue avec le réglage
d’alignement haut,centré, bas du bloc parent Colonnes et les styles style 1, style2,etc..
du panneau style des paramètres du bloc, alors j’arrive au même résultat que vous.
et impossible de revenir a ce que les trois colonnes aient la même hauteur.Vous n’avez pas d’autres choix que de refaire votre bloc trois colonnes.
Bonjour,
Je ne suis pas fan d’un effet parallax sur une bannière,
Vous pouvez voir ICI un réglage différent pour votre bannière
en en-tête de votre site.Les réglages sont dans les photos ci-jointes
- Vous devez être connecté pour répondre à ce sujet.