Modifier le style du shortcode de la galerie de WordPress

Depuis quelques versions, WordPress propose un shortcode (code réduit) permettant d’afficher les images que vous avez associé à votre article en insérant simplement le code [ gallery ]. Malheureusement ce code est associé à un style CSS directement depuis votre installation de wordpress et non pas depuis la feuille de style de votre thème.

Pour résoudre ce petit problème et ainsi gérer la mise en page de cette galerie d’image il suffit d’intégrer ces quelques lignes dans le fichier functions.php de votre thème (wp-content/themes/mythemes/functions.php):

function remove_gallery_style() {return "
";}
add_filter('gallery_style', 'remove_gallery_style');

Et ensuite d’ajouter ces lignes dans le fichier CSS de votre thème (wp-content/themes/mythemes/style.css) :

/*Gallery Shorcode*/
.gallery {margin: auto;}
.gallery-item {float: left;margin-top: 10px;text-align: center;width:25%}
.gallery img {border: 2px solid #cfcfcf;}
.gallery-caption {display:none}

Dans l’exemple ci-dessus, le « caption » ne sera pas affiché!

Via Zeo

Publié le mars 10, 2009 par . Cette article a été publié dans wordpress et taggé , , , , , , . Enregistrer le lien de l'article.

2 commentaires sur “Modifier le style du shortcode de la galerie de WordPress”

  1. Bonjour, Quelqu’un peut m’aider? Voici mon site http://www.milkywilky.com. Sur la page d’accueil, lorsque je click sur un article (par ex la 3eme case en haut a gauche nttulé « the manoir »)j’arrive à une page ou j’ai crée une gallery via mon theme sur wordpress, seulement elle est sous l’image princpale (qui n’est meme pas le contenu de l’article mais la première image de la gallery), je voudrait qu’elle apparaisse en haut à droite, juste en dessous rss, je n’ai réussi qu’a la décaler en bas a droite, et la moitié est en hors champs(disparait) a droite.Merci de m’éclairer où changer tout ca , php? css? html?que mettre à la place(mon thème est autofocus et je ne suis pas du tout douée en code,j’essaye..)

    UN autre problème… je voudrais que quand je click sur une des images de ma gallery, elle apparaisse à la place de l’image principale et non sur une page seule…Que dois-je mettre et où..

    Si jamais quelqu’un pouvait un minimum m’aider , ce serait génial!!!

  2. Bonjour, cette solution ne marche qu’avec l’achat de l’upgrade wordpress « extension design » qui inclus l’acces au css je suppose ? avez vous une solution pour un wordpress gratuit ?
     
    Merci d’avance

Les commentaires sont fermés.