Problème affichage images dégradés dans twentyseventeen et des pages larges

  • WordPress :4.9
  • Statut : non résolu
2 sujets de 1 à 2 (sur un total de 2)
  • Auteur
    Messages
  • #2036898
    matinrouge
    Participant
    Initié WordPress
    20 contributions

    Bonjour,
    Ma configuration WP actuelle :

    • – Version de WordPress : 4.9.1
    • – Version de PHP/MySQL : 5.5.38 / 10.0.33
    • – Thème utilisé : Twenty Seventeen Child licorne
    • – Thème URI : https://wordpress.org/themes/twentyseventeen/
    • – Extensions en place : Child Theme Configurator (2.2.8.1), Contact Form 7 (4.9.2), Content Views (1.9.9.5), Drag & Drop Featured Image (2.0.4), Enable Media Replace (3.1.1), Flamingo (1.7), Forum_wordpress_fr (4.1), Google Analytics for WordPress by MonsterInsights (6.2.6), JSM’s Non-Breaking Space for French Content (1.8.2), MainWP Child (3.4.4), PhotoSwipe Light (4.1.1.1), Redirection (2.10.1), Shortcodes Ultimate (5.0.2), Theme Test Drive (2.9.1), UpdraftPlus – Backup/Restore (1.14.2), What The File (1.5.4), Yoast SEO (6.1)
    • – Adresse du site : http://licorne.photo
    • – Nom de l’hébergeur : Apache

     

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

    J’ai un problème d’image qui présentent un affichage dégradé dans les pages et articles, bien qu’elles fournie avec une taille suffisante.
    J’ai élargi la colonne à 900px  dans le thème enfant, pour donner plus de place aux photos.
    Le problème c’est la qualité des images, elles s’affichent en pleine largeur, mais elles sont étirées, elles ont été réduites avant affichage par WordPress 768 px.
    Je pensais avoir trouvé une solution en ajoutant dans functions.php :

    function remove_parent_filters(){ //Have to do it after theme setup, because child theme functions are loaded first
        remove_filter('wp_calculate_image_sizes', 'twentyseventeen_content_image_sizes_attr', 10);
    }
    remove_filter( 'wp_calculate_image_sizes', 'twentyseventeen_content_image_sizes_attr' );

    Mais cela ne fonctionne pas.

    #2037051
    matinrouge
    Participant
    Initié WordPress
    20 contributions

    Je n’ai plus le problème en supprimant dans le thème parent :

    add_action( 'wp_enqueue_scripts', 'twentyseventeen_scripts' );
    
    /**
     * Add custom image sizes attribute to enhance responsive image functionality
     * for content images.
     *
     * @since Twenty Seventeen 1.0
     *
     * @param string $sizes A source size value for use in a 'sizes' attribute.
     * @param array  $size  Image size. Accepts an array of width and height
     *                      values in pixels (in that order).
     * @return string A source size value for use in a content image 'sizes' attribute.
     */
    function twentyseventeen_content_image_sizes_attr( $sizes, $size ) {
    	$width = $size[0];
    
    	if ( 740 <= $width ) {
    		$sizes = '(max-width: 706px) 89vw, (max-width: 767px) 82vw, 740px';
    	}
    
    	if ( is_active_sidebar( 'sidebar-1' ) || is_archive() || is_search() || is_home() || is_page() ) {
    		if ( ! ( is_page() && 'one-column' === get_theme_mod( 'page_options' ) ) && 767 <= $width ) {
    			 $sizes = '(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px';
    		}
    	}
    
    	return $sizes;
    }
    add_filter( 'wp_calculate_image_sizes', 'twentyseventeen_content_image_sizes_attr', 10, 2 );

    C’est pas la solution à utiliser ….
    Quel code pour neutraliser ou modifier la taille des images responsives ?

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