Changer le sens d’affichage des galeries Divi

Rédacteur : LaRedac
12 mai 2022

Modifier le sens d’affichage des galeries Divi : Des images les plus récentes aux plus anciennes

Modifier le sens d’affichage des galeries Divi : Des images les plus récentes aux plus anciennes : Si vous utilisez le thème Divi depuis un certain temps, vous avez peut-être remarqué que la façon dont les galeries sont affichées par défaut est dans l’ordre inverse : du plus ancien au plus récent. Bien qu’il s’agisse du comportement standard pour la plupart des galeries, il peut arriver que vous souhaitiez le modifier afin que vos images les plus récentes se trouvent en haut. Dans cet article, nous allons vous montrer comment modifier le sens d’affichage des galeries Divi afin qu’elles soient affichées du plus récent au plus ancien !

Changement le sens d’affichage des galeries Divi des plus récentes aux plus anciennes peuvent être un excellent moyen de mettre en valeur vos creéations les plus récentes. Dans cet article, nous allons vous montrer comment faire exactement cela !

Modifier le sens d'affichage des galeries Divi Des images les plus récentes aux plus anciennes 2
Modifier le sens d’affichage des galeries Divi Des images les plus récentes aux plus anciennes 2

Modifier le sens d’affichage des galeries Divi : ce dont vous aurez besoin

La première chose dont vous aurez besoin c’est un thème enfant . Si vous n’en avez pas, nous vous recommandons d’en créer un. Vous trouverez des instructions sur la façon de le faire dans notre article « Désactiver le zoom WooCommerce« .

Une fois que vous avez un thème enfant, la prochaine chose dont vous aurez besoin est un fichier appelé functions.php. Ce fichier sera situé dans le répertoire de votre thème enfant.

Une fois que vous avez un thème enfant et un fichier functions.php, vous êtes prêt à ajouter le code qui changera la direction d’affichage de vos galeries Divi !

Le code pour changer le sens d’affichage de toutes les galléries

Ajout du code pour changer le sens d’affichage des galeries Divi : Dans votre fichier functions.php, ajoutez le code suivant :

add_filter( ‘et_pb_gallery_output’, ‘change_divi_gallery_direction’ ) ;

function change_divi_gallery_direction( $output ) {

$output = str_replace( ‘data-src=’, ‘src=’, $output ) ;

$output = preg_replace(‘/class= ».* ? »/’,  », $output ) ;

retourne $output ;

}

Sauvegardez votre fichier functions.php et téléchargez-le sur votre serveur. Voilà, c’est fait ! Maintenant, lorsque vous affichez une galerie sur votre site, elle sera affichée de la plus récente à la plus ancienneimage.

changer le sens d'affichage des images dans Divi
changer le sens d’affichage des images dans Divi

Changer le sens d’affichage d’une gallérie spécifique

En passant par les options du thème

pour cette galerie et en changeant l’ordre du plus ancien au plus récent, vous pouvez changer le sens d’affichage d’une galerie individuelle. C’est utile si vous avez un paramètre général de site Web pour afficher les galeries dans l’ordre inverse, mais que vous voulez l’ignorer pour une galerie spécifique.

Dans le panneau d’administration de WordPress, allez dans Divi > Options du thème > L’intégration

Dans la section « Ajouter ligne de code à la < head > de votre blog » ajoutez ce code :

changer le sens d'affichage
changer le sens d’affichage

<!– inverser sens galerie –>

<script>

jQuery(document).ready(function () {

jQuery(‘.custom-gallery .et_pb_gallery_items’).html(jQuery(‘.custom-gallery .et_pb_gallery_items > div’).reverse())

});

</script>

Nous allons maintenant ajouter le code  » custom-gallery  » dans les paramètres avancé > Classe CSS

En passant par l’éditeur des fichiers des thèmes

Avec votre thème enfant activé, allez dans Apparence > Éditeur de fichiers des thèmes

> A doite de votre écran, sélectionnez le menu deroulant  » Sélectionnez le thème à modifier :  » 

changer l'ordre d'apparition des images dans les galeries Divi
changer l’ordre d’apparition des images dans les galeries Divi

> Choisissez votre thème enfant

> Dans  » Fichiers du thème  » sélectionnez functions.php

changer l'ordre d'apparition des photos dans les galeries Divi
changer l’ordre d’apparition des photos dans les galeries Divi

Ajoutez le code suivant :

<!– inverser sens galerie –>

<script>

jQuery(document).ready(function () {

jQuery(‘.custom-gallery .et_pb_gallery_items’).html(jQuery(‘.custom-gallery .et_pb_gallery_items > div’).reverse())

});

</script>

Comme pour les options du thème ajoutez  » custom-gallery  » à chaque classe CSS des galeries dont vous souhaitez modifier le sens.

Précaution à prendre

Il s’agit d’une modification de code et nous vous recommandons donc de sauvegarder votre site avant de faire des changements. Nous vous recommandons également de tester ce codesur un site d’essai avant de le mettre en œuvre sur votre site réel.

Conclusion

Nous espérons que cet article vous a aidé à apprendre comment changer la sens d’affichage des galeries Divi. Si vous avez des questions, n’hésitez pas à prendre rendez-vous avec nos services !

Voir aussi…