Photo Gallery の設定と使い方

  • LINEで送る

 Photo Gallery の設定と使い方

Photo Gallery は完全なレスポンシブ対応で、さまざまな表示方法を選択出来、画像を追加、編集するための、ツールやオプションのリストを備えたプラグインです。

Photo Gallery の設定

まず、Photo Gallery をインストールします。

プラグインをインストールするには、WordPress の公式サイト からプラグインをダウンロードして、インストールする方法と、WordPress の管理画面のプラグインで新規追加して、インストールする方法があります。(詳しくは、別記事の 「WordPress のプラグインをインストールする方法」を参照してください。)

プラグインをインストールして有効化すると、WordPress の管理画面に「Photo Gallery」が追加されます。

同時に編集画面のツールバーに、アイコン「 」が追加されます。

ギャラリー の設定

まず、はじめにギャラリーを作成したいと思います。

 Photo Gallery」 > 「Add Galleries/Images」の順にクリックします。すると、下図のように、

ギャラリーを作成するための画面が表示されます。そこで、「Add new」をクリックします。

すると、新しいギャラリーを作成するための画面が表示されます。

ここで新しいギャラリーを作成します。

 Name : ギャラリー名を入力する

② Slug : スラグを入力する

③ Gallery content type : 「Standard」、「Instagram only」(2種類のみ)から選択する。

④ Description : 説明文を入力する

最後に、

⑤ [ Add Images ] をクリックします。

すると、ポップアップ画面が表示され「Add Images」画面でファイルをアップロードするための画面が表示されます。

ここで、ファイルをアップロードするため、[ Upload Files ] ボタンをクリックします。

クリックすると、上図のように、画像ファイルをドラッグする、もしくは、画像ファイルの中から選択して、アップロードします。

下の画面では、6つの画像ファイルを選択して、アップロードしました。

この、6つの画像をすべて選択したいので、画面下部、左側にある[ Select All ] ボタンをクリックします。

すると、画像全部が選択された状態になります。そのまま、次に、右下にある [  Add selected images to gallery ] ボタンをクリックします。

すると、6つの画像があるギャラリーが作成されました。

ここで、「Preview image」の設定が出来ます。

 

 をクリックして、下の画面を表示させ、

表示されている画像の中からプレビュー表示させたい画像を選択します。

この画面では、一番左側の画像を選択しています。ここで、[   Add ] をクリックします。

すると、このように選択した画像が表示されました。

最後に、設定が完了したら [  Save ] ボタンをクリックして、設定を保存します。

設定を保存すると、下図のように、「Galleries」が設定されたことが確認できます。

今回のギャラリーは

ID : 1

Thumbnail : 

Name : My New Gallery

Slug : gallery

Author : 

Images count : 6

などが、表示されるようになります。

以上で、ギャラリーの設定が出来ました。

ギャラリーの表示

次は、ギャラリーの設定が出来ると、投稿・固定ページなどに「ギャラリー」を表示するように設定します。

まず、「投稿の編集」画面を表示します。

ツールバーにある、 をクリックします。

画像の表示方法を選択します。

サムネール画像を並べる表示

まず、サムネール画像を並べる表示方法は、

thumbnails

を選択します。その下に詳細設定が出来るように、それぞれの選択項目があります。

詳細設定が完了したら [ Insert ] をクリックすると、ページに が表示されます。

「更新」、「プレビュー」をクリックして、投稿を確認すると、サムネールが表示されていることを確認できます。

スライドショーを表示

スライドショーを表示する方法は、

Slideshow

を選択します。その下に詳細設定が出来るように、それぞれの選択項目があります。

詳細設定が完了したら [ Insert ] をクリックすると、ページに が表示されます。

「更新」、「プレビュー」をクリックして、投稿を確認すると、スライドショーが表示されていることを確認できます。

Image Browserを表示

イメージブラウザを表示する方法は、

 Image Browser

を選択します。その下に詳細設定が出来るように、それぞれの選択項目があります。

詳細設定が完了したら [ Insert ] をクリックすると、ページに が表示されます。

「更新」、「プレビュー」をクリックして、投稿を確認すると、Image Browser が表示されていることを確認できます。

« 1 20 »

 

以上で、「Photo Gallery の設定と使い方」においての「ギャラリー」の設定の完了になります。

ギャラリーデモのページへ

 ギャラリーデモのページへ    

 

尚、「アルバムの設定」については、別記事にて解説していますので、参照してください。

 

  • LINEで送る

SNSでもご購読できます。