Pocket

どこのWPを使ってる人は、画像をクリックすると、Javascriptが走って、画面の中央にその画像が浮き出てくる。

これはいったい・・・。

と思い、Googleで探しましたよ。

Keywordは

”wordpress 画像 表示”

で、検索したら、Hitしましたよ。

WordPress で画像をオシャレに表示するプラグイン “Lightbox 2” を導入する手順メモ。

ですよ。

世間的には既に定番になっているようですが、同じページ上で画像をリサイズして表示するプラグインです。
導入は有効化するだけなので非常に簡単です!!
公式HPはこちら

プラグインのインストール方法は

1.公式HPらの配布サイトからプラグイン本体をダウンロードして解凍する。
2.記事の最下部?にある「Download Lightbox 2 WordPress Plugin (1.7)」 をクリック。
3.解凍したファイルをサーバーにアップロードする。 WordPressフォルダ/wp-content/plugins/にアップロード。
ここで注意!
ZIPファイルを解凍すると、”lightbox-2-wordpress-plugin”フォルダが作成されますが
このフォルダをpluginsディレクトリにフォルダごとアップロードするのはNGです。
あくまで、”lightbox-2-wordpress-plugin”フォルダに入っている、lightboxフォルダとlightbox2.phpファイルだけをアップロードしてください。

4.Lightbox 2 を有効化する。 管理画面>プラグイン>Lightbox 2 を有効化。

これで設置完了です。

あと、これを使ってて、気になったのが

WordPressの仕様なのか?まぁBlog本来の仕様だと思うが、写真をサーバーにUpする必要がある。

で、ちゃんと名前も決める必要がある。

まぁこれが面倒だったら写真なんてUpするな!ってことになるんですけど、まぁそれはそれで。^^;

で、通常(デフォルト)設定では、写真などのアップロードされる場所は

”WordPressフォルダ/wp-content/uploads/ディレクトリ”

なんですけど、

自分は、管理画面の各種設定で、”その他の設定”ということろで、”ファイルアップロードに関する設定”という項目があります。

そこを自分なりに管理しやすいようにカスタマイズしました。

あと、

<a href=”img1.jpg” rel=”lightbox[roadtrip]”>thumbnail1</a>

って書く必要があります。

お忘れなく。^^

Pocket

コメントを残す

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください