ホームページ制作│京都│ダバダバ・デザイン HOME > ホームページ制作備忘録 > WordPressのIImage Browserでlightboxで画像表示

WordPressのIImage Browserでlightboxで画像表示

Lightbox2」はホームページ上で画像をきれいにみせるAjaxライブラリです。

WordPressで「Lightbox2」を利用して画像表示する場合、プラグインの「IImage Browser」を使うと効率よく作業できます。

まず「IImage Browser」と「Lightbox2」をインストールします。

IImage Browser

Lightbox2

準備ができたら管理画面にログインします。

「IImage Browser」をクリックします。
「IImage Browser」をクリックします。

01.jpg
1.事前に作成したディレクトリを選択します。
2.ディレクトリ作成します。

ディレクトリ名を入力して「作成」をクリックします。
3.ディレクトリ名を入力して「作成」をクリックします。

画像をアップします。
4.アップロードをクリック※画像アップの準備が始まります。
5.パソコン内の画像ファイルを選択
6.「サムネイル作成」をチェック※サムネイルは小さな画像の事です。
7.「アップロード」をクリック※画像がアップされます。

「コード生成」をします。
8.画像をクリックします。
9.「lightboxを使用して画像をグループ化する」をクリックします。
10.画像の説明文を入力します。日本語可能です。
11.「コード生成」をクリックします。

生成されたコードを記事に貼付けます。
12.生成されたコードを記事に貼付けます。