【THE THORメインビジュアルのカスタマイズ】初心者向に画像付きで解説

THE THORでできるメインビジュアルのカスタマイズ

THE THORのメインビジュアルは、以下のカスタマイズができます。

1. メインビジュアル表示 / 非表示
2. メインビジュアルの表示サイズ
3. メインビジュアル表示モード（静止画 / You Tube背景 / スライドショー）
4. メインビジュアル下の注目エリア

【カスタマイズ１】メインビジュアルの表示 / 非表示

THE THORのメインビジュアルは、表示 / 非表示を選択できます。

では、ロゴを登録する/しない（表示/非表示）のカスタマイズ手順を紹介します。

カスタマイザーを開く

1. ダッシュボード
2. 外観
3. カスタマイズ

メインビジュアルの表示 / 非表示

1. Topページ設定
2. メインビジュアル設定
3. メインビジュアル設定
4. メインビジュアルを表示するか選択
5. 選択して をクリック

【カスタマイズ２】メインビジュアルの表示サイズ

THE THORメインビジュアルは、ワイドサイズ / ノーマルサイズ / ビッグサイズの中から表示サイズを選択できます。

また、表示サイズの縦幅を300や600などの数値で指定することも可能です。

カスタマイザーを開く

1. ダッシュボード
2. 外観
3. カスタマイズ

メインビジュアルの表示サイズ

1. Topページ設定
2. メインビジュアル設定
3. メインビジュアル設定
4. メインビジュアルの表示サイズを選択

表示サイズの選択・指定して、最後に  をクリックします。

数値の設定しないとデモサイトの数値のまま表示されるので、好みに合わせて調整してください。
（デモサイト01のサイズは600になっています）

【カスタマイズ３】メインビジュアル表示モード

THE THORメインビジュアルの表示モードは、静止画 / YouTube背景動画 / スライドショーから選択できます。

静止画

YouTube背景動画

スライドショー

【カスタマイズ３−１】メインビジュアルで静止画を選択

THE THORメインビジュアルで静止画を選択すると、画像マスクを下記の5種類から選択できます。

（画像マスクとは、画像に透明度のある色や画像でカバーをかけること）

THE THORメインビジュアルに表示できるのは下記の３つ、それぞれ、表示 / 非表示を選択できます。

レイアウトは中央揃えで固定されます。

カスタマイザーを開く

1. ダッシュボード
2. 外観
3. カスタマイズ

メインビジュアルのカスタマイズ

1. Topページ設定
2. メインビジュアル設定
3. メインビジュアル設定
4. 静止画時の設定

それぞれ選択して  をクリックします。

• タイトル：表示する文字を入力（空欄の場合は、何も表示されません）
• サブタイトル：表示する文字を入力（空欄の場合は、何も表示されません）
• リンクボタン：表示する文字の入力とURLを入力（空欄の場合は、何も表示されません）

【カスタマイズ３−２】メインビジュアルでYouTube背景動画を選択

THE THORメインビジュアルにYouTube動画を背景として使うことができます。

動画をYouTubeにアップロードしてから、カスタマイズをすすめるようにしてください。

THE THORのYouTube背景動画は、画像マスクを下記の5種類から選択できます。

（画像マスクとは、画像に透明度のある色や画像でカバーをかけること）

THE THORメインビジュアルに表示できるのは下記の３つ、それぞれ、表示 / 非表示を選択できます。

レイアウトは中央揃えで固定されます。

カスタマイザーを開く

1. ダッシュボード
2. 外観
3. カスタマイズ

メインビジュアルYouTube背景動画のカスタマイズ

1. Topページ設定
2. メインビジュアル設定
3. メインビジュアル設定
4. YouTube背景動画時の設定

それぞれの選択をして  をクリックします。

• 動画再生前に表示する画像を登録：動画再生の読み込み時に表示するために必要・スマホで表示（動画未対応のため）
• タイトル：表示する文字を入力（空欄の場合は、何も表示されません）
• サブタイトル：表示する文字を入力（空欄の場合は、何も表示されません）
• リンクボタン：表示する文字の入力とURLを入力（空欄の場合は、何も表示されません）

【カスタマイズ３−３】メインビジュアルでスライドショーを選択

THE THORメインビジュアルは、複数の画像を順番に表示するスライドショーを選択できます。

スライドショーは、あらかじめ複数（2〜5枚）の画像が必要なので画像を用意してからカスタマイズをすすめてください。

横スライド：画像を順番に横へスライドさせる

平面回転：画像を回転扉のように画像をくるっと回って、スライドさせる

キューブ回転：サイコロを転がすように、画像を回転させてスライドさせる

カバーフロー：iTunesやFinderのめくる形式で画像をスライドさせる

THE THORスライドショーは画像マスクを下記の5種類から選択できます。

（画像マスクとは、透明度のある色や画像でカバーをかけること）

THE THORメインビジュアルに表示できるのは下記の３つ、それぞれ、表示 / 非表示を選択できます。

レイアウトは中央揃えで固定されます。

カスタマイザーを開く

1. ダッシュボード
2. 外観
3. カスタマイズ

メインビジュアルのスライドショーのカスタマイズ

1. Topページ設定
2. メインビジュアル設定
3. メインビジュアル設定
4. スライドショー時の設定

それぞれの選択をして  をクリック

自動再生機能の選択：自動で画像を表示させるどうかの設定　

自動再生する場合は、時間の指定も可能

スライドエフェクトの選択：スライドをする方法を選択

タイトル：表示する文字を入力（空欄の場合は、何も表示されません）

サブタイトル：表示する文字を入力（空欄の場合は、何も表示されません）

リンクボタン：表示する文字の入力とURLを入力（空欄の場合は、何も表示されません）

【カスタマイズ４】メインビジュアル下の注目エリア

THE THORは、メインビジュアル下に注目エリアが設けられています。お知らせ / お知らせに関するリンクボタンを設置できます。

カスタマイザーを開く

1. ダッシュボード
2. 外観
3. カスタマイズ

メインビジュアル下の注目エリア

1. Topページ設定
2. メインビジュアル下お知らせ設定
3. メインビジュアル下の注目エリア設定
4. それぞれの選択・入力をして をクリック

以上、THE THORメインビジュアルのカスタマイズは完了です。

以上、【THE THORメインビジュアルのカスタマイズ】初心者向に画像付きで解説でした。

お読みいただき、ありがとうございました。