マーカーネット株式会社

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

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

関連記事

jQueryを使ってみよう【開閉式メニューを作る編】

html・CSSでのマークアップは何となく分かるけどjQueryはちょっと分からないという方、 今からjQueryを使ってみようと思っている方必見。 jQueryの便利な使い方をご紹介します。 jQu …

【ウェブ広告の頂点】Google広告のスゴさをまとめました

皆さんは左のような広告を見たことが有りますか? もしこのような広告を見慣れているとしたら、Googleを普段から使っているユーザーでしょう。 SEOで上位、特に1位を獲得することは非常~に困難です。昔 …

jqueryを利用した、facebookのアルバムから写真一覧の取得について

jqueryを利用した、facebookのアルバムから写真一覧の取得について

jQueryを利用して、 facebookの指定のアルバムから写真の一覧を取得する方法を紹介します。 ※ まず、facebookからアルバム一覧します。 var name = “markernet”; …

ワードプレスの外部リンクを自動的に別窓に設定してくれるプラグイン

WordPressサイトの外部リンクを自動的に別ウィンドウで開くように設定できるプラグインを御紹介いたします。 単に別ウィンドウとして開くだけではございません。 リンクジュースを溢さないように設定する …

10月のPYPLプログラミング言語人気ランキング

10月のPYPLプログラミング言語人気ランキング

10月のPYPLプログラミング言語人気ランキング PYPL PopularitY of Programming Language index 10月のプログラミング言語人気ランキングの発表によりますと …