初めての方にもWordPressをわかりやすく説明

初心者向けワードプレス作成方法とネットビジネスネタのメモサイト

MovableTypeを凌ぐ無料ブログツールWordPressの基本操作、カスタマイズ方法、プラグインなどの情報を提供

jQuery Colorboxプラグインのレスポンシブ・ウェブ・デザイン対応

2012-09-20

画像のポップアップを簡単にしてくれるWordPressのプラグインが「jQuery Colorbox」です。

jQuery Colorbox

以前は「lightbox」を利用していましたが、プラグイン同士で競合しやすく、うまく表示できないことがあったので、このプラグインを重宝しています。

スマートフォンで見たときに原寸大の画像表示になるので、画面サイズに合わせた表示ができないかソースを見たりしましたが、設定画面で簡単にすることができましたので、メモとして書いておきます。

「設定」-「jQuery Colorbox」を開き、
「Colorbox settings」-「Maximum width of an image」で「Set maximum width of an image. 」にチェックし、100percentとします。

これで画面サイズに合わせてポップアップしてくれます。

とっても簡単ですね。

スマートフォンに関係なく、この設定にした方がいいかもしれませんね。

 

-スポンサーサイト-


コメント

コメントはございません。

コメントを投稿する

-スポンサーサイト-

HOME » WordPressカスタマイズ編 » プラグイン » jQuery Colorboxプラグインのレスポンシブ・ウェブ・デザイン対応
Google