WordPressのギャラリーをCSSでカスタマイズする。

WordPressのギャラリーなんですが、テーマに合わせてCSSでちょっとカスタマイズしたい時ありますよね。

でもWordPressのギャラリーのCSSってHTMLの <body /> の中に埋め込まれちゃうので、テーマの style.css でカスタマイズしようと思ったら、意外とめんどくさかったりします。

デフォルトのCSSを無効化する。

上述のようにデフォルトで <body /> に埋め込まれるCSSは、以下のソースをテーマの functions.php に記述するだけで無効化できます。

無効化したら、あとはテーマのstyle.cssでカスタマイズすればオッケー。

ついでにHTMLもカスタマイズ

HTMLのカスタマイズは、Codexでも方法が紹介されてます。

ショートコードを以下のように記述すればオッケー。

[gallery itemtag="div" icontag="span" captiontag="p"]

ギャラリーショートコードの使い方 – WordPress Codex 日本語版