Gutenberg pas de redimensionnement des images en mode portrait sur téléphones

  • WordPress :5.1
  • Statut : non résolu
3 sujets de 1 à 3 (sur un total de 3)
  • Auteur
    Messages
  • #2258618
    bjm
    Participant
    Initié WordPress
    2 contributions

    Bonjour,

    Ma configuration WP actuelle 5.1.1

    • Version de PHP/MySQL : 7.1.28 / 5.5.60
    • Thème utilisé : twentytwelve + enfant: Auberge
    • Extensions en place : QWI-wordpress-plugin, caldera-forms, duplicate-post, fancybox-for-wordpress, google-analytics-dashboard-for-wp, mes-shortcodes, orthotypo-orthotypographie-automatique, photo-gallery, redirection, tinymce-advanced, widget-google-reviews, wordpress-seo, wp-pagenavi, wp-rocket, wp-searchconsole
    • Nom de l’hébergeur : 1and1
    • Adresse du site : http://www.jura-sejour.com

    Problème(s) rencontré(s) :

    Lorsque je mets un bloc image (image type portrait) aligné à gauche avec un paragraphe à droite, sur les téléphones, l’image n’est pas redimensionnée, j’obtiens la lettrine sous l’image et le reste de la phrase lettre par lettre à droite de l’image.

    J’ai donc ajouté ce code à mon style.css enfant

    .wp-block-image-haut {
      max-width: 55%;
      margin-bottom: 1em;
      margin-left: 0;
      margin-right: 0; 
      }
    réduction des images en mode portrait

    Ensuite dans le bloc image (uniquement pour les images en mode portrait), je l’édite en mode html et je modifie

    <div class="wp-block-image">
    Code à modifier

    par

    <div class="wp-block-image wp-block-image-haut">
    Code modifié

    Pour moi le visuel est meilleur mais si vous avez des suggestions je suis preneur.

    • Ce sujet a été modifié le il y a 2 mois et 3 weeks par  bjm.
    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2258701
    PhiLyon
    Modérateur
    Maître WordPress
    23109 contributions

    Bonjour.

    Normalement sur un téléphone, le texte passe sous l’image.

    Maintenant libre à toi de la réduire afin de conserver ta mise en page.

    🙂

     

    #2258730
    bjm
    Participant
    Initié WordPress
    2 contributions

    J’ai remarqué que cela faisait de même avec un téléphone plus large type note8 pour les images en mode paysage.

    J’ai constaté également qu’en mettant les images et le texte dans un bloc-colonne sur téléphone le texte passe sous l’image.

    Je pense que je vais utiliser cette technique même si cela réduit légèrement la taille de mes images, et que le bloc-colonne n’est pas très facile à utiliser.

3 sujets de 1 à 3 (sur un total de 3)
  • Vous devez être connecté pour répondre à ce sujet.