画像のタグが付いた記事

Lightbox Plus ColorBox

ワードプレスのプラグイン「Lightbox Plus ColorBox」は、画像イメージをページ内で拡大表示するためのプラグインです。拡大表示される際のエフェクト効果なども設定可能です。この記事を投稿する時点では、バージョン4.3.0です。

まずは、サンプルをご覧下さい。リンク先のサムネイル画像をクリックするとページ内で画像が拡大表示されます。
サンプル(外部サイト)

インストール方法

ワードプレス管理画面より、
プラグイン⇒新規追加⇒検索「Lightbox Plus ColorBox」⇒「今すぐインストール」⇒「有効化」

設定方法

htmlの書き方は、aタグに「rel=”lightbox”」を付加します。これを書き込まないとプラグインの設定は反映されないので注意して下さい。

例)

<a href="大きな画像のパス" rel="lightbox"><img src="小さな画像のパス" alt=""></a>

プラグインの設定方法は、インストールして有効化するとワードプレス管理画面の「外観」に「Lightbox Plus ColorBox」の項目が現れますので、そこでエフェクトの種類や、完全に拡大表示されるまでの時間などを細かく設定することができます。

「サンプル(上のリンク先)」で設定している項目は

基本設定で「Lightbox Plus ColorBoxについて」の表示を隠す

基本設定で「Lightbox Plus ColorBoxについて」の表示を隠す

画像の外枠のスタイルを「Stockholm」に設定

画像の外枠のスタイルを「Stockholm」に設定

画像表示の際のエフェクトと表示スピードの設定

画像表示の際のエフェクトと表示スピードの設定

拡大した際の画像サイズ設定

拡大した際の画像サイズ設定

スタイルや表示スピードなどはお好みの設定を探してみて下さい。

カテゴリプラグイン  タグ   投稿日2013-05-14  

画像を表示させる

<img src="★画像のパス(場所)★" alt="★代替テキスト★">

★画像のパス(場所)★は、/img/xxx.gif などの画像が置いてある場所を書きます。
★代替テキスト★は、画像の説明を書きます。

カテゴリhtml  タグ   投稿日2013-04-02  
Copyright© 2017 ワードプレスご利用ガイド All Rights Reserved.
Scroll Up