ここでは、既に投稿済みの原稿に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の操作説明は終わりです。
コメント