WordPressでLightBoxをプラグインなしで使用する方法
LightBoxからダウンロードし、
distフォルダ内の
1.css
2.img
3.js
この3つをテーマフォルダ内にアップロードします。
ヘッダーに以下を挿入
functions.phpに入れることで、自動的に画像にrel=lightboxを追加する
//画像リンクのAタグをLightboxに対応するように付け替え
function add_lightbox_property( $content ) {
//プレビューやフィードモバイルなどで遅延させない
if( is_feed() || is_preview() || wp_is_mobile() )
return $content;//既に適用させているところは処理しない
if ( false !== strpos( $content, 'data-lightbox="image-set"' ) )
return $content;//Aタグを正規表現で置換
$content = preg_replace(
'/]+?)>\s*(]+?>)\s*<\/a>/',//Aタグの正規表現
'${2}',//置換する
$content );//投稿本文(置換する文章)return $content;
}
add_filter( 'the_content', 'add_lightbox_property', 11 );