マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

CMS javascript(jquery) WordPress ホームページ運用

画像を自動的にlightBox風に表示するjQuery ColorboxのWordPressプラグイン

投稿日:2014年7月29日 更新日:

jQueryプラグイン「Colorbox」は便利ですが、
さらにWordPressプラグインとして導入すれば
設定は更に簡単になります。

ソースをいじる必要はありませんので初心者にもおすすめです。

WordPressの管理画面からプラグイン”WP jQuery Lightbox”を検索して
有効化するだけです。

日本語化ファイルも用意されていますので、
localizationフォルダにアップロードすると日本語化されます。

日本語化された設定画面がこちら。
colorbox_setting1-270x300

表示テーマ
表示アニメーションの設定
スライドショー機能
スライドショーの切り替え時間
画像幅と高さ
ColorBoxの最大幅と高さ
画像のリサイズ
などを画面から簡単に設定できます。

画面をはみ出すような大きな画像に対応するには
「スクリーンサイズに合わせて画像を縮小」にチェックを入れて
設定を保存してください。

他にもlightBox風のプラグインは多々ございますが
簡単に設定できる点でこちらがおすすめです。

お試しあれ。

-CMS, javascript(jquery), WordPress, ホームページ運用

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

WordPress4.3バージョンアップで使えなくなるプラグイン

最近急に涼しくなりましたね。夕方になると長袖が必要に感じる肌さむさですが、 が、新陳代謝が良好なため汗が止まらないSです。(私には冷房が必要ですアピール) というわけで、WordPressが4.3にバ …

【リマーケティング広告】失敗しないために気をつけたいこと

【リマーケティング広告】失敗しないために気をつけたいこと

リマーケティング広告を聞いたことがあるでしょうか。 一度該当のサイトに訪れると、ほかのウェブページを見ている時にそのサイトの広告が優先的に表示されるサービスです。 ここ最近導入する企業が増えてきて、 …

面白い動きや便利な機能をJSで実装! その4:ちょっと変わったマウスオーバーを実装してみました。

面白い動きや便利な機能をJSで実装! その4:ちょっと変わったマウスオーバーを実装してみました。

【今までにご紹介したJSの一覧】 面白い動きや便利な機能をJSで実装! その3:一目で印象に残るアニメーション背景を作成! 面白い動きや便利な機能をJSで実装! その2:いろんな種類のグラフを簡単に作 …

Alt 【WordPress】カスタムフィールドで何でも出来る!カスタムフィールドの便利な使い方 その1

【WordPress】カスタムフィールドで何でも出来る!カスタムフィールドの便利な使い方 その1

WordPressでサイトを作る場合カスタムフィールドがとても便利ですよね! そして投稿ページで入力したカスタムフィールドの値を他のトップページや固定ページでも使いたい。なんて事があるかと思います。 …

面白い動きや便利な機能をJSで実装! その1:簡単にグラフを作成する方法!

折れ線グラフ、棒グラフ、円グラフ、レーダーチャートなどを 作成することができる「Chart.js」をご紹介致します。 今回は一番汎用性の高いと思われる折れ線グラフを作成してみたいと思います。 表示の瞬 …