マーカーネット株式会社

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

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

関連記事

予約投稿を失敗しないドクターX的ワードプレスプラグイン

WordPressには未来の日時を指定して公開する予約投稿機能がございます。 組織で運用するブログなどでは時間を決めて記事を公開することが重要になることが多々あるようです。 ただし、WordPress …

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

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

面白い動きや便利な機能をJSで実装! その2:いろんな種類のグラフを簡単に作成!

面白い動きや便利な機能をJSで実装! その2:いろんな種類のグラフを簡単に作成!

以前ご紹介しました面白い動きや便利な機能をJSで実装! その1:簡単にグラフを作成する方法!の応用編になります。 前回は折れ線グラフをご紹介致しましたが、今回は「棒グラフ」「レーダーチャート」「円グラ …

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

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

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

Phalcon PHPフレームワーク試しました

Phalcon PHPフレームワーク試しました

Phalcon(http://phalconphp.com/ja/)フレームワークは、PHPエクステンションとして利用する非常に高速なフレームワークとのことです。 動作確認までの手順です。 1. Ph …