wordpress

プラグインを使わずに「the_content」内の画像をlightboxで表示にする方法

※この方法を利用する場合は、wordpressのテンプレートファイルをカスタマイズする必要があります。

まず、「lightbox2」をダウンロードします。

このままjsファイルを使用すると、lightboxの閉じるボタンやローディング画像がリンク切れになってしまいますので、あらかじめこれらの画像ファイルをwordpressのメディア等でアップロードしておきます。

その後、「js/lightbox.js」ファイル内の画像リンクを、http://~から始まるURLで指定します。

テンプレートのheader.phpで、必要なファイルを読み込みます。

 

function.phpに以下と追加します。

これで、「wp_contents」内の<a>タグに、強制的に「rel=lightbox」が追加されます。
実装してから少し時間が経っているので、もしかしたら抜けている部分があるかもしれませんが、そのときはすみません。

コメントを残す

メールアドレスが公開されることはありません。