ここでは、FooGallery Proでギャラリーを作成した後、投稿を追加するという流れで記載します。
01 ギャラリーの新規作成
サイドメニューのGalleryのAdd Galleryをクリックします。
02 ギャラリーの新規作成画面
タイトルを入力し、Add From Media Libraryボタンをクリックします。
03 メディアライブラリー
メディアライブラリーが表示されます。ファイルをアップロードタグをクリックします。
04 ファイルをアップロード
ファイルを選択ボタンをクリックします。
05 アップロードファイルの選択
アップロードするファイルを選択し、開く(O)ボタンをクリックします。
06 メディアライブラリーに追加
メディアライブラリーに追加されました。Add Mediaボタンをクリックします。
07 ギャラリーに画像追加
ギャラリーに画像が追加されました。
08 ギャラリーに画像の配置調整
ギャラリーの画像はドラッグ操作で表示順番を変更できます。
09 ギャラリーのセッティング
次にギャラリーのセッティングを行います。画面をスクロールしGallery Settingsに移動します。
10 Generalの設定
Aspect Ratio アスペクト比の選択:4:3
Auto Progress 自動スライド表示の選択:Yes
Auto Progress Seconds スライド表示秒数の設定:3
Auto Progress Start スライド自動開始の選択:No
Fit Media 画像を画面サイズに合わせて表示する選択:Yes
11 Controlsの設定
Thumbnail Strip Button サムネイル表示・非表示ボタンの表示:Shown
12 Thumbnailsの設定
Thumbnails サムネイルの表示位置の設定:Bottom
Thumbnail Captions サムネイルのキャプション表示・非表示の設定:No Captions
13 Captions キャプションの設定
Captions Enabled キャプション表示機能を選択する:Enabled (but hidden initially)(初期値は非表示)
Caption Title キャプションタイトル非表示を選択する:None
Caption Description 説明の表示項目を選択する:Attachment Title
14 プレビューで内容確認
画面を上にスクロールし、Gallery Previewボタンをクリックします。
15 プレビュー画面
画像内の右上に各種コントロールが表示されます。それぞれのコントロールはクリックするごとにON,OFFが切り替わります。コントロールアイコンは上から順に、
①画像のフルスクリーンモード・通常モード
②サムネイルの非表示・表示
③キャプションタイトルの表示・非表示
④スライドショーの開始・停止
⑤画像の前進・後退(左右)
16 ギャラリーの更新
更新ボタンをクリックするとギャラリーが追加処理されます。
17 ギャラリーショートコードのコピー
Gallery Shortcodeタグを開き、「foogallery id=”xxxx”」部分をコピー(Ctrl+c)しておき、以下の投稿追加でペーストし使用します。
18 投稿の新規追加
サイドメニューの投稿→新規追加をクリックします。
19 投稿の新規追加画面
投稿の新規追加画面に遷移しました。ここで、タイトルを入力し次に進みます。
20 ブロックの選択操作
ブロックを選択するには「/」を入力 の欄に /(スラッシュ)を入力すると、選択ボックスが表示されます。[/]ショートコードを選択します。
21 ギャラリーショートコードの入力
[/]ショートコード欄に17でコピーしたショートコードを貼り付け(Ctrl+v)ます。
22 公開日時とカテゴリーの入力
投稿タブをクリックします。公開日時は現在時間が初期表示されます。この欄をクリックすると、カレンダー入力に表示が変わり、公開する日付と時間を変更できます。
カテゴリータブをクリックすると、選択画面が表示されます。該当するカテゴリーにチェックします。関連するものを複数チェックして構いません。
23 アイキャッチ画像の設定
アイキャッチ画像タブをクリックし、アイキャッチ画像を設定をクリックすると、次ページのアイキャッチ画像アップロードが表示されます。
アイキャッチ画像とは、新着記事一覧・おすすめ記事一覧などのサムネイル(小さく表示された画像)として表示されたり、各記事ページの冒頭(記事タイトルの下)に大きく表示される画像のことです。
24 アイキャッチ画像の選択
メディアライブラリーの画像が一覧表示されます。この中から、アイキャッチ画像を選択(クリック)し、アイキャッチ画像の設定をクリックします。
メディアライブラリー以外から設定する場合、ファイルをアップロードから行います。
25 おすすめ記事の選択
おすすめ記事タブをクリックすると選択画面が表示されます。必要に応じ該当する区分にチェックします。関連するものを複数チェックして構いません。
26 投稿記事の更新
公開ボタンをクリックし投稿記事の更新を行います。
27 投稿記事の表示
投稿を表示をクリックすると投稿内容が表示されます。
28 投稿内容の確認
投稿内容が表示されます。確認後、戻るボタンで投稿画面に戻ります。
29 投稿画面
投稿画面に戻りました。Word Pressボタンをクリックします。
30 Word Pressメニュー
Word Pressメニューが表示されます。
31 ログアウト操作
投稿操作を終了する場合、右上のプロフィール欄のログアウトをクリックします。
32 ログアウト
ログアウト後の画面になります。
以上で、FooGallery Proでギャラリーを作成した後、投稿を追加する手順は終わりです。
コメント