プラグイン

WordPressに写真や動画のギャラリーを設置できる【Photo Gallery】

プラグインPhotoGallery

このページでは、写真の動画ギャラリーをWordpressに設置できるプラグイン「Photo Gallery」について解説します。

 

このプラグインの特徴として

  • 画像や動画を集めたギャラリーと、そのギャラリーを集めたアルバムがある。
  • シンプルなギャラリーやアルバム、またはスライドショーが設置できる。
  • ショートコードを使うので、ブログ記事や固定ページに簡単に設置できる。
  • 画像を「Fancy Box」で拡大表示ができ、その動きの設定も変えることができる。
  • 無料版と有料版があり、有料版はギャラリーの種類が多い。

となりますが、無料版でも十分素敵なギャラリーを設置することができます。

 

プラグインのインストール

1.ダッシュボードのメニューから、「プラグイン」→「新規追加」の順に進む。

スクリーンショット_2015-04-06_23_04_58

 

2.「Photo Gallery」で検索する。

プラグインを追加_‹_がみたか_com_—_WordPress

 

3.「Photo Gallery」の「今すぐインストール」をクリック。

プラグインを追加_‹_がみたか_com_—_WordPress 2

 

4.「プラグインを有効化」をクリック。

プラグインインストール_‹_がみたか_com_—_WordPress

 

5.インストールされると、左に「Photo Gallery」のメニューが出現します。

プラグイン_‹_がみたか_com_—_WordPress

 

 

ギャラリーを作成する

インストールができたら、画像をアップロードしてギャラリーを作成します。

 

1.メニューにある「PhotoGallery」→「Add new」をクリック。

Add_Galleries_Images_‹_がみたか_com_—_WordPress 12

 

2.ギャラリーの登録画面はこのようになります。

Add_Galleries_Images_‹_がみたか_com_—_WordPress

・名前・スラッグ・説明文を入力して、画像を「Add images」をクリック。

(アイキャッチは画像登録後に設定します。)

 

3.ポップアップウィンドウが開くので「Upload files」をクリック。

Add_Galleries_Images_‹_がみたか_com_—_WordPress 3

 

4.破線の枠内に画像をドラッグ&ドロップ(左クリックしたまま持ってくる)か、ファイルを選択する。

Add_Galleries_Images_‹_がみたか_com_—_WordPress 4

 

5.画像をアップロードするとこのように一覧が表示されます。

Add_Galleries_Images_‹_がみたか_com_—_WordPress 5

 

6.この中からギャラリーに登録する画像を選んで「Add selected images to gallery」をクリック。

Add_Galleries_Images_‹_がみたか_com_—_WordPress 6

 

7.選択した画像が2.で開いたページの下に表示される。

Add_Galleries_Images_‹_がみたか_com_—_WordPress 7

 

8.「Add preview image」をクリックして、アイキャッチ画像を選び「Add」をクリック。Add_Galleries_Images_‹_がみたか_com_—_WordPress 9

 

9.アイキャッチが設定されます。

Add_Galleries_Images_‹_がみたか_com_—_WordPress 10

 

10.「Save」をクリックして、ギャラリーへの画像の登録は完了です。

Add_Galleries_Images_‹_がみたか_com_—_WordPress 8

 

 

 

アルバムを作成する

アルバムはギャラリーを集めたものだと思っていてください。

 

1.左メニューにある「Albums」をクリックして、「Add new」をクリック。

Albums_‹_がみたか_com_—_WordPress

 

2.アルバムの登録画面はこのようになっています。

Albums_‹_がみたか_com_—_WordPress 2

ギャラリーの時と同じように作成していきます。

 

3.すでに登録しているギャラリーにチェックを入れて「ADD」をクリック。

Albums_‹_がみたか_com_—_WordPress 3

 

4.追加されたギャラリーが表示されるのを確認して「Save」をクリックして保存します。

Albums_‹_がみたか_com_—_WordPress 4

後でギャラリーと同様に「Add preview image」を設定しておくとわかりやすくて良いと思います。

アルバムの作成はこれで完了です。

 

 

ブログ記事、固定ページに設置する。

このプラグインでは、表示したい記事や固定ページにショートコードを貼り付けることで、ギャラリーが表示されます。

 

左メニューから「Generate shortcode」をクリック。

Albums_‹_がみたか_com_—_WordPress 5

 

ギャラリーの場合

1.ギャラリーの表示形式を選んで、使用するギャラリーを選びます。

Generate_Shortcode_‹_がみたか_com_—_WordPress

無料版では赤枠の3種類が利用できます。

 

2.「Generate」をクリックすると、ショートコードが発行されるので、コピーします。

Generate_Shortcode_‹_がみたか_com_—_WordPress 3

 

3.記事、または固定ページの編集ページに、先ほどコピーしたショートコードを貼り付けます。

固定ページを編集_‹_がみたか_com_—_WordPress

 

4.下書き保存して確認すると、このように表示されます。

Photo_Gallery___がみたか_com

ギャラリー専用にするなら「固定ページ」の方が良いでしょう。

 

5.ちなみに赤枠内の項目では、クリックした時の画像を拡大する「Light box」の設定ができます。

Generate_Shortcode_‹_がみたか_com_—_WordPress 2

ここでは、拡大する時のアニメーションとスピードが調整できます。

 

 

アルバムの場合

アルバムの場合もギャラリーと同じように設置できます。

 

1.表示方法を選んで、使用するアルバムを選びます。

Generate_Shortcode_‹_がみたか_com_—_WordPress 4

 

2.同じように「Generate」をクリックして、発行されたショートコードをコピーします。

Generate_Shortcode_‹_がみたか_com_—_WordPress 5

 

3.「Extended Album」の場合はブログ上ではこのように表示されます。

Photo_Gallery___がみたか_com 4

 

各種ギャラリー・アルバムの表示一覧

 アルバムやギャラリーの表示方法は、プラグインのWebサイトにデモページがあるので、そちらをごらんください。

 

1.サムネイル(thumbnail) 

2.スライドショー(slide show)

3.イメージブラウザ(Image Browser)

4.コンパクト・アルバム(Compact Album)

5.エクステンデッド・アルバム(Extended Album)

 

ちなみに上記のサイトでは、スマートフォンでどう見えるかも確認できるようにもなっています。

 

以上、プラグイン「Photo Gallery」の解説でした。

 

 

コメントを残す

*