fbpx

Bons plans Alpa14 | Des offres et des réductions intéressantes à découvrir 😃

Blog & Galerie Divi : Recadrage des images

Empêcher Divi de recadrer les images des modules Blog et Galerie

Dans ce nouveau tuto WordPress Divi, je vous montre comment empêcher Divi de recadrer automatiquement les images présentées du Blog Divi (présentation Grille) ainsi que les images de module Galerie (présentation grille également).

Divi recadre automatiquement ces images. L’explication est simple, Elegant Theme a fait ce choix pour une question logique d’esthétique, c’est-à-dire que peu importe le format et le ratio de l’image utilisée, automatiquement l’image sera recadrée afin de conserver une harmonie de format entre toutes les images.
Un recadrage avec un ratio 16/10 est appliqué pour les images de l’affichage grille du Blog soit des images au format paysage de 400 x 250 pixels.
De la même manière, un recadrage pour les images de la galerie avec un ratio un peu différent de 16/11 est appliqué ici  avec de images de 400 x 284 pixels.

Il peut être intéressant d’empêcher ce recadrage si vous avez comme moi des images avec un ratio différent comme 16/9. Cela empêchera que vos images soient rognées.

Licence Divi
Code Promo Divi Supreme
.

Empêcher le recadrage des images présentées du module Blog (affichage grille) 

    Pour cela nous devons ajouter du code dans le fichier functions.php

    Deux solutions sans risques sont possibles :
    – Soit vous ajoutez ces lignes au fichier functions.php de votre thème enfant.

    – Soit vous utilisez le plugin « Code Snippets » qui va vous permettra d’ajouter votre code PHP en toute sécurité. C’est cette solution que nous retiendrons ici.

    Pour dire 2 mots sur ce code qui empêche le recadrage, la parade consite simplement à  augmenter les valeurs des tailles de vignettes.
    En plaçant la largeur et la hauteur à 10 000 pixels, vous serez ainsi certain que vos images ne seront jamais recadrées à moins que vous importiez une image de plus de 10.000 pixels, ce qui est peu probable.

    Rendez-vous ensuite dans le menu WordPress dans « Extensions > Ajouter » puis rechercher l’extension « Code Snippets ». Une fois l’extension installée et activée, ajouter  le code suivant :

    Code Snippets
    Ajout du code

    // Debut arret recadrage images du module Divi Blog
    function ld_blog_crop_image_width($width) {
    return 10000;
    }
    function ld_blog_crop_image_height($height) { return 10000;
    }
    add_filter( ‘et_pb_blog_image_width’, ‘ld_blog_crop_image_width’ );
    add_filter( ‘et_pb_blog_image_height’, ‘ld_blog_crop_image_height’ );
    // Fin arret recadrage images du module Divi Blog

    Empêcher le recadrage des images présentées du module Galerie (affichage grille)

    Même procédure pour le module Galerie afin d’empêcher le recadrage automatique des images.
    Retourner dans « Code Snippets » et ajouter le code suivant :

    Presto Player lecteur vidéo WordPress
    Thinkific one month free

    // Debut arret recadrage images du module Divi Galerie
    function ld_gallery_crop_image_width($size) {
    return 10000;
    } function ld_gallery_crop_image_height($size) {
    return 10000;
    }
    add_filter( ‘et_pb_gallery_image_width’, ‘ld_gallery_crop_image_width’ ); add_filter( ‘et_pb_gallery_image_height’, ‘ld_gallery_crop_image_height’ );
    // Fin arret recadrage images du module Divi Galerie

    Par où commencer pour créer son site Internet ?

    Toute personne disposant d’un ordinateur et d’une connexion Internet peut créer son propre site Web. Il existe de nombreux outils en ligne qui facilitent le processus. Les sites Web peuvent être utilisés pour promouvoir votre entreprise, communiquer avec les clients et partager vos idées.

    Dans cette vidéo qui est qui est une retransmission d’un Webinar, Léopoldine la fondatrice de la société Webmyday, explique les différentes étapes à suivre et les bonnes questions à se poser pour créer son premier site web professionnel. Elle passe en revue les services et les outils nécessaires à la conception Web et propose des conseils pour créer un site Web efficace.

    Cette vidéo est une excellente ressource pour les débutants qui souhaitent en savoir plus sur les étapes à suivre dans la conception Web ou pour les propriétaires d’entreprise qui ont besoin de créer un site Internet pour leur activité. 

    Sommaire de la vidéo

    0:00 Introduction
    2:41 La formation Webmyday qu’est-ce que c’est ?
    6:22 Faire ou faire faire son site Internet ?
    16:31 Solutions pour faire son site soi-même
    18:24 Solutions pour faire faire son site
    22:33 Coût d’un site Internet
    25:55 Un CMS, qu’est-ce que c’est ?
    26:46 Les CMS les plus connus
    32:57 Le nom de domaine
    33:39 L’ hébergement
    34:54 Quelques hébergeurs
    38:35 4 choses que doit comprendre votre hébergement
    40:01 WordPress qu’est-ce que c’est ?
    40:29 Différence entre WP.com et wp.org
    43:00 Les différentes composants de WP
    46:33 En résumé les étapes pour travailler avec WordPress
    47:47 Conclusion

    Sommaire de la vidéo

    Vous serez peut-être également intéressé par ces articles …

    Enregistrer son écran pour créer des formations

    Enregistrer son écran pour créer des formations

    Vous recherchez un logiciel de capture pour filmer l’écran de votre PC ou de votre Mac ? Vous souhaitez créer des démos de logiciels, des démos de jeux, des tutoriels ou des vidéos de formation d’aspect professionnel ? Alors vous avez sans doute besoin de DemoCreator de Wondershare !

    lire plus
    Divi Supreme : Module Text Path

    Divi Supreme : Module Text Path

    Divi Supreme possède un excellent nouveau module intitulé Text Path qui vous permet de créer de magnifiques chemins de texte. Avec ce module, vous pouvez facilement créer des motifs et des dessins complexes dans votre texte.

    lire plus
    Créer un pop-up sur un site Divi

    Créer un pop-up sur un site Divi

    Ce tutoriel vous propose une solution simple et pratique pour créer un pop-up. En effet, je vous présente un plugin gratuit pour Divi intitulé « Popups for Divi » qui vous permettra de transformer toute section de votre site web en fenêtre pop-up.

    lire plus
    Offrez-moi un café! Merci :)