動画配信用ホームページのデザインの設定方法をご紹介します。
まずビデオグの「ホームページ」→「デザイン・機能設定」を開きます。
1. サイト全体
- 1-1 ホームページタイトルの設定
- テキストボックスにタイトルを入力後、「送信」を押す。
- 1-2 ファビコンの設定
- ファビコンURL:インターネット上のサーバーにあるファビコンのURLを入力後、「送信」を押す。
- ファビコンアップロード:「ファイルを選択」をクリックし、ローカルファイルからファビコンを選択後、「送信」を押す。
- 1-3 HEAD内へのタグ埋め込み(HTML&CSS)
- タグを入力後、「更新」を押す。
※JQuery等、Javascriptを埋め込みたい場合は、「機能ページ」の下段の「カスタムscript」をご利用ください。
- タグを入力後、「更新」を押す。
- 1-4 全体背景の設定
- 背景色や背景画像の設定ができます。
- 全体背景 テキストボックスをクリックし、背景色を選択。→「OK」を押す。
- 全体背景画像 「ファイルを選択」を押す。→背景画像を選択し、「開く」を押す。
- 全体背景画像リピート セレクトボックスでリピート方法を選択。
- 全ての設定が終わったら「送信」を押す。
- 全ての設定が終わったら「送信」を押す。
- 背景色や背景画像の設定ができます。
- 1-5 レイアウト構成
- ヘッダーカラーとメニューカラーの設定と画面ブロックの縦割り数をご選択いただけます。
(上画像はテーマが「白:黒」、ブロック選択が「2ブロック(左+中央)」※「2ブロック(左+中央)」を選択するとサイドメニューが表示されます。)
- ヘッダーカラーとメニューカラーの設定と画面ブロックの縦割り数をご選択いただけます。
- 1-6 カスタムトップページ用HTML
- HTMLをご入力いただくことで、ホームページをお好きな画面にお作りいただけます。
※「デフォルトページ」をカスタムトップページに設定した場合のみ有効です。
- HTMLをご入力いただくことで、ホームページをお好きな画面にお作りいただけます。
2. ヘッダー
- 2-1 ヘッダーロゴ画像の設定
- ヘッダーロゴ画像
- 「ファイルを選択」を押す。→背景画像を選択し、「開く」を押す。→「送信」を押す
- ヘッダーロゴの位置
- セレクトボックスで位置を選択。→「送信」を押す。
- ヘッダーロゴクリック時の動作
- セレクトボックスで動作を選択。→「送信」を押す。
- ヘッダーロゴ画像
- 2-2 ヘッダーバーのデザイン
- ヘッダーバーの背景色
- テキストボックスをクリックし、背景色を選択。→「OK」を押す。→「送信」を押す。
- ヘッダーバー文字色
- テキストボックスをクリックし、背景色を選択。→「OK」を押す。→「送信」を押す。
- ヘッダーバーの背景色
- 2-3 ヘッダー画像の設定
- PC・スマホ用ヘッダー画像
- 「ファイルを選択」を押す。→背景画像を選択し、「開く」を押す。→「送信」を押す
- PC・スマホ用ヘッダー背景画像
- 「ファイルを選択」を押す。→背景画像を選択し、「開く」を押す。→「送信」を押す。
- レガシー携帯用トップ画像(幅240px 高さは自由)
- 「ファイルを選択」を押す。→背景画像を選択し、「開く」を押す。→「送信」を押す。
- PC・スマホ用ヘッダー画像
3. コンテンツ
- 3-1 サイドバーのトップ画像の設定(幅200px 高さ200px)
- 「ファイルを選択」を押す。→背景画像を選択し、「開く」を押す。→「送信」を押す。
- 3-2 サイドバー下のフリーエリアHTML
- フリーエリアHTML テキストエリアにHTMLを記入。
- サイドバーの幅 テキストボックスに幅を入力。
- 全ての設定が終わったら「送信」を押す。
- 3-3 ホームページメッセージ編集
- テキストエリアに文章またはHTMLを記入。→「更新」を押す。
※下部のメッセージはログイン画面でも表示されます。(IDパスワードまたは合言葉ご利用時)
- テキストエリアに文章またはHTMLを記入。→「更新」を押す。
- 3-4 動画リストの表示設定
- タイトル表示/非表示 セレクトボックスで選択。→「送信」を押す。
- 文字色 テキストボックスをクリックし、文字色を選択。→「OK」を押す。→「送信」を押す。
- リストボックスサイズ テキストボックスに幅を入力。→「送信」を押す。
- 3-5 動画リストのサムネイル設定
- セレクトボックスで選択。→「送信」を押す。
- 3-6 動画リストの背景設定 ※3-4の「リストボックスサイズ」設定時のみ有効。
- リスト背景色 テキストボックスをクリックし、背景色を選択。→「OK」を押す。
- リスト背景画像 「ファイルを選択」を押す。→背景画像を選択し、「開く」を押す。
- リスト背景画像リピート セレクトボックスでリピート方法を選択。
- 全ての設定が終わったら「送信」を押す。
- 3-7 動画コンテンツの背景設定
- コンテンツ背景色 テキストボックスをクリックし、背景色を選択。→「OK」を押す。
- コンテンツ背景画像 「ファイルを選択」を押す。→背景画像を選択し、「開く」を押す。
- コンテンツ背景画像リピート セレクトボックスでリピート方法を選択。
- 全ての設定が終わったら「送信」を押す。
4. フッター
- 4-1 フッターバーのデザイン
- フッターバー背景色
- テキストボックスをクリックし、背景色を選択。→「OK」を押す。→「送信」を押す。
- フッターバーの文字色
- テキストボックスをクリックし、背景色を選択。→「OK」を押す。→「送信」を押す。
- フッターバー背景色
- 4-2 フッターバータイトルの設定
- 会社名 テキストボックスに会社名を入力。→「送信」を押す。
- リンクURL テキストボックスにURLを入力。→「送信」を押す。