wordpress

WordPressでフォトギャラリーを作るのに3つのプラグインを入れてみた

投稿日:

フォトギャラリー

 

プラグインを使って簡単にフォトギャラリー

 

WordPressの固定ページ、投稿ページ、カスタム投稿ページに写真を並べて掲載するフォトギャラリーページは、プラグインを使って簡単にできます。

ギャラリー系のプラグインはたくさんありますが、今回は使い方も簡単できれいに見せることができる『FooGallery』を使うことにしました。

 

1.Media Library Assistant

まず初めに、WordPressに写真をアップロードした内容は、管理画面のメニューにある『メディア』で確認することができます。

ただ、アップロードした全ての写真や画像が表示されるため、整理整頓ができていません。

写真や画像が多ければ多いほど、あとでわかりにくくなります。

これをパソコンのフォルダのように分けて管理できるのがこのプラグインの良いところです。

例えば、『○○の記念日』というカテゴリーを作成して、そこに関連した写真や画像を入れておけば、あとで見やすく管理もしやすいです。

カテゴリーは複数作れますのでわかりやすい名前を付けてください。

カテゴリーを作成するには、管理画面のメニューにある「メディア」→「Att.Category」です。

メディアのカテゴリー

同じく、タブも作成するには、管理画面のメニューにある「メディア」→「Att.Tag」です。

フォトギャラリー用の写真をアップロードする前に設定しておいた方がわかりやすくて楽かな?(アップロードと同時でも可能ですが)

 

2.FooGallery

設定は基本的にデフォルトのままでよいと思います。

ギャラリーを作成するには、管理画面メニューの「FooGallery」→「Add Gallery」から作成します。

フォトギャラリーFoo

 

「Add From Media Library」のボタンから写真を選択するときに、

FooBox

『FooBox』を選択することで、LightBox系の表示がされます。

いろいろ設定が可能ですので試してみるといいです。

あと、「Paging」のところから1ページに表示する写真の数も設定できます。

 

3.FooBox Image Lightbox

最後に、上2つのプラグインをインストールするときに合わせてインストールしておきたいプラグインです。

プラグイン自体の設定はデフォルトのままで大丈夫です。

よく見かける、写真をクリックすと背景が暗くなって、浮き出てくるように見えるタイプです。

 

まとめ

フォトギャラリー系のプラグインで『FooGallery』は有名でよく利用されています。

そこにプラスして写真もわかりやすく整理したいため、メディアのカテゴリー分けをしました。

これをセットで使ってみると便利です。

各プラグインの使い方はそこまで難しくないと思います。

 





-wordpress
-, ,


comment

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

関連記事

カスタムメニュー

WordPress(ワードプレス)でメニューを分ける

    メニューを追加してみる   WordPress管理メニューにある【外観】→【メニュー】に進むとそれぞれのメニューを登録することができますが、今回はあえてメニューを …

レスポンシブWordPressテーマ

プロが選ぶWordPressテーマテンプレート無料有料

レスポンシブWordPressテーマ 「LIQUID PRESS」 累計2千DL突破! 日本語対応レスポンシブWordPressテーマ スマホ/PC表示切替OK! Bootstrap対応! こんな方に …

秒後に切り替わる

WordPress 指定したページにジャンプさせる方法しかもフェードインで滑らかに表示

【自動で切り替わる】【何秒後に切り替わる】【指定したページにジャンプさせたい】 たぶんこれを使う理由としては、 ・新しくWebサイトを作り直した時に、古い方のURLにアクセスした人に自動で新しいURL …

レスポンシブ確認

レスポンシブの確認

  レスポンシブに対応したサイトを作って、 PC・ノート・タブレット・スマホなどの確認をしたい時におススメなのが、 『Responsively』   【Download now】か …

メンバー紹介選手紹介

WordPress テーマLIQUID PRESSでメンバー紹介や選手一覧などを作ってみた①

  WordPressでスポーツチームやサークルのメンバー紹介や選手紹介または、企業やショップなどの人物紹介などのページを作るときに行う方法として、Web製作者それぞれやり方はあると思います …