画像ポップアップがSimplicityで標準機能に！カンタン拡大表示

現在このブログは、「Simplicity2」の後継テーマ『Cocoon』を使用しています。

Simplicity2.6.1のバージョンアップによって、画像をポップアップ表示（拡大表示）するJavaScriptプラグインのbaguetteBox.jsが、標準機能として追加されました。

レスポンシブ対応ということで、どんなものなのか、さっそく使ってみました！

こういうのです　↑　クリックしてみてください

拡大表示したほうが、美味しそうですね　(*´ڡ`●)

Simplicity以外をお使いの方は、「寝ログ」にWord Pressへの詳しい実装手順が書かれていますので、そちらをご覧下さい。

Simplicityで画像ポップアップ（拡大画像）の設定

「ダッシュボード」→「外観」→「カスタマイズ」→「画像」から、baguettebox（スマホ対応）にチェックを入れ『保存して公開』します。

HTMLソースコード

　<a href="拡大画像のURL">
    <img src="サムネイル画像のURL" />
  </a>

　<a href="拡大画像のURL">
    <img src="サムネイル画像のURL" width="200px"  />
  </a>

HTMLソースコードを書かなくても、ビジュアルエディタを使用すれば、もっとカンタンに画像を拡大表示することができます。

この方法だと150pxになりますが、かんたんに画像ポップアップ（拡大画像）を表示することができて便利です。

– おまけ –「添付ファイルの表示設定」で、リンク先にカスタムURLを選び、任意のURLを指定すると・・・

↑　こんなこともできますよ（笑）

「大きな画像でみてもらいたい」「大きい方が説明がわかりやすい」、用途に応じて使ってみるのもいいかもしれませんね♪