WordPressで作る企業・お店サイト

画像をクリックするとwebページ全体がグレーになって画像が浮かび上がる効果をご覧になった事があると思います。それがShadowbox。通常はJavaScriptのライブラリとタグの組み合わせで実現するのですが、WordPressだとプラグインをインストールするだけで実現します。

Shadowboxの動作を確認してください。下記のサンプル画像をクリックしてください。

画像の埋め込みとShadowbox

Shadowbox効果は画像の埋め込み方に影響をします。
リンクURL設定で画像のURL(ファイルのURL)を指定して埋め込んでいる事が重要です。

例1:リンクURL 設定が空欄で埋め込み

何もおきません。Shadowboxが無効です。

例2:リンクURL 設定にファイルのURLで埋め込み

Shadowboxが有効です。

例3:リンクURL 設定に投稿のURLで埋め込み

例3はページを開き直して画像だけを読み込みます。あまり利用の機会はないと思います。あくまで参考です。