ギャラリー管理 FooGalleryの操作

ここでは、既に投稿済みの原稿にFooGalleryを追加するという流れで記載してます。FooGalleryを先に作成し、その後の投稿追加時にFooGalleryを取り込むという手順でも構いません。

01 ギャラリー追加メニュー

WordPressにログインしている状態から記載してます。
サイドメニューからFooGalleryのAddGalleryをクリックします。

02 ギャラリーの追加

ギャラリー追加画面が表示されます。タイトルを入力しAdd From Media Libraryボタンをクリックします。
なお、ここで入力したタイトルはブログ上では表示されません。ギャラリー選択時の識別名称ですので、選択し易いタイトルをつけると良いでしょう。

03 ギャラリー画像の選択

メディアライブラリからギャラリーに使う画像を選択し、Add Mediaボタンをクリックします。

04 ギャラリーの公開

ギャラリーに画像が取り込まれました。画像の配置はドラッグ操作で自由に並べ替えできます。
配置を確認し、公開ボタンをクリックするとギャラリーに登録されます。

05 投稿一覧の表示

次に、サイドメニューから投稿の投稿一覧をクリックします。

06 投稿記事の検索および選択

投稿一覧が公開日順に表示されます。一覧からギャラリーを追加する投稿を検索し、カーソルを当て編集をクリックします。

07 FooGalleryアイコンの検索(1)

投稿画面のプラスボタンをクリックし、FooGalleryアイコンを探します。ボックス内にない場合、すべて表示をクリックします

08 FooGalleryアイコンの検索(2)

スクロールしながら、FooGalleryアイコンを探しクリックします。

09 ギャラリーボックスの追加

FooGalleryのボックスが追加されます。Select Galleryボタンをクリックします。

10 ギャラリーの選択

一覧から投稿に取りこむギャラリーをクリックし、Insert Galleryボタンをクリックします。

11 ギャラリーの確認

投稿画面にギャラリーが取り込まれます。内容確認し問題無ければ更新ボタンをクリックします

12 投稿のプレビュー操作

投稿を表示をクリックし、プレビューします。

13 投稿のプレビュー表示

投稿画面にギャラリー画像がサムネイルとして取りこまれたことが確認できます。

14 ギャラリー拡大画像の表示

サムネイル画像の一つをクリックします。

15 ギャラリー拡大画像の確認

FooGalleryが表示されます。←　→　×　などのタグが使えます。FooGalleryの欄外でクリックすると × と同様にFooGalleryを非表示します。

16 投稿プレビューの終了

FooGalleryを非表示し、投稿画面にします。戻るボタンをクリックします。

17 投稿画面

投稿画面に戻りました。以上で、FooGalleryの操作説明は終わりです。