ワードプレスでもLightboxを使いたい!Colorboxプラグイン記事更新日2012年12月16日

サイト制作者にはおなじみの「Lightbox」がプラグインを使用すれば、
ワードプレスでも簡単に実装できてしまいます。

使用するのは「jQuery Colorbox」プラグイン。

▼ワードプレスでもLightboxを使いたい!Colorboxプラグイン
01

プラグインの使い方

プラグインを有効化すると、設定タブに「jQuery Colorbox」が出てきます。

設定画面でお好みの表示を指定して設定保存してください。

設定できる主な項目は

表示テーマ
表示アニメーションの有無
表示アニメーションの速度
スライドショーの有無
スライドショーの切り替え時間
画像の最大幅&高さ
ColorBoxの最大幅&高さ
画像のリサイズの有無

などがあります。

表示テーマは、公式サイトにデモがあるのでそちらをご参照ください。

Lightboxを使用したことがある方はご存知かと思いますが、jQueryを読み込んで、
使用する画像の所にはrel属性を追加して、、、などいろいろと面倒な作業が発生します。

ワードプレスなら、プラグイン一つで実装可能なので非常に導入しやすく便利です。