SAMPLE IMAGE この画像は差し替えてご利用ください

022-4 スライドショーで表示する

トップ画像はヘッダー画像とも言われます。ホームページの顔になる画像です。

トップ画像を変更するには:

022-4 トップ画像をスライドショーで表示する

ここは、フォトギャラリーの「スライダー」を使います。

❶ トップ画像領域にフォトギャラリーの「スライダー」形式を挿入する

jdg022_48:トップ画像エリアにコンテンツのフォトギャラリーを追加する
jdg022_48:トップ画像エリアにコンテンツのフォトギャラリーを追加する

1)トップ画像エリアに「+コンテンツを追加」をクリックする

 

2)コンテンツメニューから「フォトギャラリー」を選ぶ。

jdg022_49:スライダー用の画像をアップロードする
jdg022_49:スライダー用の画像をアップロードする

3)形式を「スライダー」にし、

 

4)「ここへ画像をドラッグ」をクリックする。

❷ スライドショーで表示するトップ画像を複数枚アップロードする

jdg022_50:複数のトップ画像をアップロードする
jdg022_50:複数のトップ画像をアップロードする

5)「開く」ダイアログが表示されるので、トップ画像が保存されているフォルダーを選択し、

 

6)複数のトップ画像を選択する。

 

7)「開く」ボタンをクリックするとアップロードが始まる。

❹ スライドショーのトップ画像に内部リンクを貼る

jdg022_51:アップロードした画像をリスト表示に変える
jdg022_51:アップロードした画像をリスト表示に変える

8)複数画像がアップロードされて、タイル表示となっている。これをリスト表示にする。

jdg022_52:画像のリンクアイコンをクリックする
jdg022_52:画像のリンクアイコンをクリックする

9)画像にリンクを貼るため、画像のリンクアイコンをクリックする。

jdg022_53:トップ画像に内部リンクを貼る
jdg022_53:トップ画像に内部リンクを貼る

10)「内部リンク」を選択する。

 

11)リンク先ページを選択肢から選び、

 

12)「リンクを設定」ボタンをクリックする

jdg022_54:全てのトップ画像に内部リンクを貼り、タイル表示に戻る
jdg022_54:全てのトップ画像に内部リンクを貼り、タイル表示に戻る

13)全てのトップ画像に「内部リンク」が貼られたのを確認する。

 

14)タイル表示に変える。

❺ スライドショーの各種設定を確認し、保存する

jdg022_55:スライダーの設定を確認し「保存」する
jdg022_55:スライダーの設定を確認し「保存」する

15)スライダーの各種設定を確認する。

 

16)「保存」ボタンをクリックする。