Bonjour,

Pour afficher des images en pleine largeur (100%) sur toutes les pages de votre site utilisant le thème Twenty Seventeen, vous pouvez ajouter du code CSS personnalisé. Voici les étapes à suivre :

– Accéder à la personnalisation du thème :
Dans votre tableau de bord WordPress, allez dans Apparence > Personnaliser.

– Ajouter du CSS personnalisé :
Dans le menu de personnalisation, cliquez sur CSS additionnel.

– Ajoutez le code suivant :

.entry-content img {
width: 100%;
height: auto;
}

Ce code force les images à occuper 100% de la largeur de leur conteneur tout en conservant leurs proportions.

– Enregistrer les modifications :
Après avoir ajouté le code, cliquez sur le bouton Publier pour enregistrer vos modifications.

Si vous utilisez un thème enfant (twentyseventeen-enfant), assurez-vous que ce code est ajouté au CSS du thème enfant pour éviter que vos modifications ne soient écrasées lors des mises à jour du thème parent.

Si vous préférez ne pas modifier le CSS manuellement, vous pouvez utiliser un plugin comme Simple Custom CSS pour ajouter du CSS personnalisé sans toucher aux fichiers du thème.

Enfin, après avoir effectué ces modifications, vérifiez que vos extensions, notamment W3 Total Cache, n’affectent pas l’affichage des images. Il peut être nécessaire de vider le cache du site pour que les changements prennent effet.

Cordialement,
Karen – LWS

Version du serveur MySQL : 8.0.27
WordPress : version: 6.7.1
Thème utilisé : twentyseventeen-enfant
Extensions en place : W3 Total Cache, Modern Image Formats, A3 Lazy Load, Yoast SEO.
Nom de l’hébergeur : OVHcloud
Adresse du site : millauvisite.fr

SUJET : Appliquer la pleine largeur sur les images de toutes les pages

Bonjour,

Merci pour votre participation sur notre site ! Oui, il est possible d’afficher une image dans une « lightbox » en pleine résolution avec Gutenberg. Voici comment faire :

1. Installer un plugin de lightbox : Choisissez et installez un plugin comme « Simple Lightbox » ou « Responsive Lightbox & Gallery » via le répertoire des plugins WordPress.

2. Activer et configurer le plugin : Activez le plugin et configurez ses paramètres selon vos préférences.

3. Ajouter un bloc Image :
– Ouvrez votre article/page dans Gutenberg.
– Ajoutez un bloc Image et insérez l’image souhaitée.

4. Ajouter un lien à l’image :
– Sélectionnez l’image.
– Cliquez sur l’icône de lien dans la barre d’outils.
– Choisissez « Fichier média » pour que le lien pointe vers l’image en pleine résolution.

5. Vérifier : Publiez ou mettez à jour votre article/page et cliquez sur l’image pour vérifier que la lightbox s’ouvre correctement.

En suivant ces étapes, vos images s’afficheront en pleine résolution dans une lightbox lorsqu’on clique dessus.

Cordialement,

Karen – LWS