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 "

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

Articles en rapport :

Un commentaire

  • 1
    septembre 7, 2010 - 3 h 52 min | Permalien

    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!!!

  • Laisser un commentaire

    Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

    *

    Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

    More in wordpress (31 of 108 articles)


    "Wordpress, toutes les clés pour créer, maintenir et faire évoluer votre blog" est le livre écrit par Francis Chouquet (fran6art ...