マーカーネット株式会社

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

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

関連記事

ワードプレスの非プログラマ向け総合ハックプラグイン

ワードプレスの非プログラマ向け総合ハックプラグイン

今年も早いもので後1箇月あまりです。今年の6月頃に WordPressのPingback(ピンバック)機能を悪用したDDoS攻撃が多発していました。 WordPressの管理者のみなさんは対策のために …

wpdbは使わず、WordPressのデータベースから直接データを取得する方法

wpdbは使わず、WordPressのデータベースから直接データを取得する方法

今回は、wordpressのwpdbを利用できない環境で、phpのPDOを利用し、 selectする方法をご紹介いたします。 WordPressのサイトからフォームに記事IDとともに遷移し、フォームに …

初めてのホームページ運用。これだけ知っておけば始められます。

初めてのホームページ運用。これだけ知っておけば始められます。

初めてのホームページ運用。これだけ知っておけば始められます。 web制作の仕事をず~~~っとやっていると専門的な事も基本的なことと勘違いしてしまいがちです。私もwebに触れる前は「ブラウザって何?」「 …

<WordPress>公開終了日を実装する方法。

公開期間プラグイン「post-expirator」を使わずに 公開終了日を実装する方法をご紹介します。 「カスタムフィールド」に「公開終了」項目を追加し、 その条件を満たしていれば表示させる仕組みです …

csvでインポートする場合、セルのテキストを簡単にダブルクォーテーションで囲む方法。

WEB制作において、WordPressのプラグインを利用し、記事をCSVインポートする場合、 以下2点のルールがあるかと思います。 1.  フィールドの区切りを”,” をとする。 …