lightBoxな画像スムーズ拡大/WP プラグイン「jQueryColorbox」

jQueryColorbox00


WordPressプラグイン「jQuery Colorbox」とは

画像をクリックした時に拡大する「jQuery lightBox系」の定番プラグインです。

インストール方法

  • (1)管理画面左側「プラグイン」から「新規追加」でこのプラグインを検索
  • (2)「いますぐインストール」をクリック
  • (3)「プラグインを有効化」をクリックして有効に

インストール方法をもっと詳しく

参考までにダウンロードサイト

はじめに

 jQuery lightBoxな動きに憧れました。画像をクリックすると、スムーズにポップアップして拡大るやつです。正直 に「かっこいい」と感動しました。
 やっぱり大きい画像で見た方がインパクトはあります。 
 このプラグインは、そんなjQuery lightBoxなものを簡単に設置できるのです。

有効化後の設定、使い方

 有効化したら、設置の「jQuery Colorbox Settings」で設定をクリッくします。

 様々な条件をカスタマイズ出来ますので設定します。ほぼデフォルトでいけちゃいます。

jQuery-Colorbox01

設定後、投稿に画像を挿入します。

画像を挿入した際は、リンク先はメディアファイルにしてください。

設定終了後、画像をクリックする

画像が拡大する

スマートフォン対策

スマートフォンなどに対応するために、「画像の幅の最大値」を100%、「画像の高さの最大値」を100%にし、画像のリサイズを、チェックを入れると、スマフォなど媒体の幅などに応じた画像サイズで見ることができます。

まとめ

 比較的に設定もなくほぼデフォルトで実現できました。画像を使うサイトは考慮してみてもいいかもしれない。

LINEで送る
Pocket

タグ:,

WordPressこれで学びました

  • WordPressの参考書は、制作ものが多いけど、この本はSEOに特化した割り切りが良い。初めてWordPress導入し、SEO対策をどうしようと悩んでいた時に購入しました。
     WordPressは基本的にはSEOに優れたCMSでありますが、能力を最大化するには、パーマリンク等のSEOに適した設定やSE対策のプラグインなどでパワーアップさせる必要があります。読んだ時は、目から鱗が落ちる内容で、当初はそのまま実践してました。
     また、WordPressだけでなく、基本的なSEO対策の本として、キーワードやタイトル設定なども勉強になりました。

コメントを残す