ファーストビュー（FV）ブロック
ファーストビュー（FV）ブロック — 詳細マニュアル
> ページ上部に表示される大きなヒーロー画像エリア。全19種。
設定手順
FVブロックの基本的な使い方を以下の手順で説明します。
-
固定ページの編集画面を開く
- WordPress管理画面 → 固定ページ → 編集したいページを開く（または「新規追加」で新しいページを作成）
-
FVブロックを挿入する
- エディタ上部の「＋」（ブロック挿入）ボタンをクリック
- 検索バーに「固定ページタイトル」と入力するか、カテゴリ「LiteWord」→「固定ページタイトル」から探す
- 使いたいFVブロック（FV-1〜FV-17）を選んでクリックして挿入
-
テキストを直接編集する
- 挿入されたブロック上で、タイトル・サブタイトル・説明文などを直接クリックして編集する
- テキストはそのまま上書き入力が可能
-
右サイドバーで詳細設定を行う
- ブロックを選択した状態で、右サイドバーの「ブロック」タブを開く
- 背景画像: 「背景画像（PC）」「背景画像（SP）」に画像をアップロードまたはメディアライブラリから選択
- フィルター: 「フィルター色」と「フィルター透過度」で画像の上に重ねるオーバーレイを調整
- 高さ: 「最小高さ（PC/TB/SP）」でデバイスごとの表示高さを設定
- 色: テキスト色・ボタン色など、各ブロックの設定に応じて変更
-
ボタンを設定する（ボタン付きFVの場合）
- ボタンテキスト・リンクURL・新しいタブで開くかどうかを設定
- FV-1のみボタンの背景色・文字色・枠線・角丸を細かく調整可能
-
プレビューで確認して公開する
- エディタ右上の「プレビュー」→「新しいタブでプレビュー」で実際の表示を確認
- PC・タブレット・スマホそれぞれの表示をチェック
- 問題がなければ「公開」または「更新」をクリック
無料 FVブロック（7種）
FV-1 — 固定ページタイトル 01（トップ用）
フル背景画像＋タイトル＋サブタイトル＋説明文＋CTAボタン。トップページ向きの王道ヒーロー。
| 設定 | 説明 | デフォルト |
|---|---|---|
| 背景画像（PC） | メインのヒーロー画像 | サンプル画像あり |
| 背景画像（SP） | スマホ用の別画像 | なし |
| メインタイトル | 大きな見出し | 「Lite Word」 |
| サブタイトル | タイトル下の説明 | 「シンプルで簡単なWordPressテーマ」 |
| 説明文 | 追加テキスト | 「誰でも簡単に…」 |
| ボタンテキスト | CTAボタンの文字 | 「無料ダウンロード」 |
| ボタンURL | ボタンのリンク先 | # |
| 新しいタブで開く | リンクの開き方 | OFF |
| ボタン背景色 | ボタンの色 | #fff |
| ボタン文字色 | テキスト色 | #111 |
| ボタン枠線色 | ボーダーカラー | #000 |
| ボタン背景透過度 | 背景の透明度 | 100 |
| ボタン枠線太さ | ボーダー幅 | 0 |
| ボタン角丸 | ボタンの丸さ | 200（ピル型） |
| フィルター色 | 背景オーバーレイ | メインカラー |
| フィルター透過度 | オーバーレイ濃さ | 0.4 |
| 最小高さ（PC） | PC表示時の高さ | 500px |
| 最小高さ（TB） | タブレット時 | 480px |
| 最小高さ（SP） | スマホ時 | 440px |
特徴: 唯一ボタンのスタイル（背景色/文字色/枠線/角丸/透過度）を細かく設定できるFV。
FV-2 — 固定ページタイトル 02（下層用）
背景画像＋タイトルのシンプル構成。サブページヘッダー向き。
| 設定 | 説明 | デフォルト |
|---|---|---|
| 背景画像（PC） | ヘッダー背景 | なし |
| 背景画像（SP） | スマホ用 | なし |
| タイトル | 表示テキスト | 「タイトル」 |
| テキスト色 | タイトルの色 | #fff |
| フィルター色 | オーバーレイ | メインカラー |
| フィルター透過度 | 濃さ | 0.9 |
| 見出し装飾色 | タイトル下のアクセントライン | #ef5d68 |
| 見出しレベル | h1/h2等 | h1 |
| 最小高さ（PC/TB/SP） | デバイス別高さ | 320/280/220px |
特徴: h1AfterColorで見出し下にアクセントラインを表示。フィルター透過度がデフォルト0.9で画像がほぼ隠れる（色ベース背景としても使える）。
FV-3 — 固定ページタイトル 03（画像のみ）
画像だけを表示する最もシンプルなFV。テキストやフィルターなし。
| 設定 | 説明 | デフォルト |
|---|---|---|
| 画像（PC） | メイン画像 | なし |
| 画像（SP） | スマホ用画像 | なし |
| alt属性 | 画像の代替テキスト | なし |
| 見出しタグ | h1/h2等（文字列指定） | h1 |
| 幅設定 | 表示幅 | full（フル幅） |
特徴: 設定5つのみ。バナー画像をそのまま表示したい場合に。最小高さの設定なし（画像の元サイズに依存）。
FV-4 — 固定ページタイトル 04（トップ用）
タイトル＋サブタイトル＋説明文。テキスト配置を左寄せ/中央で切り替え可能。
| 設定 | 説明 | デフォルト |
|---|---|---|
| 背景画像（PC/SP） | ヒーロー背景 | なし |
| メインタイトル | 大きな見出し | 「Lite Word」 |
| サブタイトル | 説明テキスト | 「軽量で簡単なWordPressテーマ」 |
| 説明文 | 追加テキスト（改行可） | 長文サンプル |
| テキスト色 | 文字の色 | #fff |
| フィルター色 | オーバーレイ | メインカラー |
| フィルター透過度 | 濃さ | 1.0（完全不透明） |
| 最大幅 | コンテンツエリアの幅 | 1040px |
| テキスト配置（PC） | 左寄せ/中央 | 左寄せ |
| テキスト配置（SP） | スマホ時の配置 | 左寄せ |
| 見出しレベル | h1/h2等 | h1 |
| 最小高さ（PC/TB/SP） | デバイス別高さ | 480/400/360px |
特徴: フィルター透過度が1.0（画像を完全に隠す）がデフォルト → 単色背景として使える。maxWidthでテキストエリアの幅を制御。テキスト配置をPC/SP別に設定可能。
FV-5 — 固定ページタイトル 05（下層用）
タイトル＋説明文のコンパクトなサブページヘッダー。
| 設定 | 説明 | デフォルト |
|---|---|---|
| 背景画像（PC/SP） | ヘッダー背景 | なし |
| メインタイトル | ページ名 | 「PORTFOLIO」 |
| 説明文 | 補足テキスト | 「テキストを入力してください。」 |
| テキスト色 | 文字の色 | #fff |
| フィルター色 | オーバーレイ | メインカラー |
| フィルター透過度 | 濃さ | 0.95 |
| タイトルタグ | h1/h2等 | h1 |
| 最小高さ（PC/TB/SP） | デバイス別 | 280/220/180px |
特徴: 最小高さが全FVで最も小さい（コンパクト）。サブタイトルなし。お問い合わせページやサービス詳細ページ向き。
FV-6 — 固定ページタイトル 06（下層用）
タイトル＋英語サブタイトル。ダーク系のデフォルト設定。
| 設定 | 説明 | デフォルト |
|---|---|---|
| 背景画像（PC/SP） | ヘッダー背景 | 建築写真サンプル |
| メインタイトル | 日本語ページ名 | 「会社情報」 |
| サブタイトル | 英語テキスト | 「COMPANY INFO」 |
| テキスト色 | 文字の色 | #111（ダーク） |
| フィルター色 | オーバーレイ | #111 |
| フィルター透過度 | 濃さ | 0.3 |
| タイトルタグ | h1/h2等 | h1 |
| 最小高さ（PC/TB/SP） | デバイス別 | 400/360/280px |
特徴: テキスト色がデフォルトでダーク（#111）。日本語＋英語の2行構成。明るい背景画像と相性が良い。
FV-7 — 固定ページタイトル 07（トップ用・動画背景）
動画背景のヒーロー。MP4ファイルまたはVimeoに対応。
| 設定 | 説明 | デフォルト |
|---|---|---|
| サブタイトル | 上の小さいテキスト | 「初心者のためのWordPressテーマ」 |
| メインタイトル | 大きな見出し | 「LiteWord」 |
| 説明文 | 追加テキスト | サンプル文 |
| ボタンテキスト | CTAボタンの文字 | 「詳細はこちら」 |
| ボタンURL | リンク先 | なし |
| ボタン表示 | ON/OFF | ON |
| 動画タイプ | media/vimeo | media |
| 動画URL | MP4ファイルのURL | サンプル動画あり |
| Vimeo ID | VimeoのビデオID | なし |
| フィルター色 | オーバーレイ | #000000 |
| フィルター透過度 | 濃さ | 0.5 |
| 動画速度 | 再生スピード（倍率） | 1.0 |
| 見出しレベル | h1/h2等 | h1 |
| 最小高さ（PC/TB/SP） | デバイス別 | なし（動画サイズに依存） |
特徴: 唯一の動画背景FV。videoSpeedでスローモーション（0.5）や倍速（2.0）に設定可能。ボタンは表示/非表示の切替のみ（色のカスタマイズはFV-1のみ）。
プレミアム FVブロック（5種）
FV-13 — 固定ページタイトル 13（動画背景）
画像/動画背景＋タイトル＋説明文＋CTAボタン。テキストの縁取り（ストローク）エフェクト付き。
| 設定 | 説明 | デフォルト |
|---|---|---|
| メインタイトル | 見出し | 「くらしを楽しく、美しく」 |
| 説明文 | 補足テキスト | 「ここに説明文が入ります。」 |
| 背景タイプ | image / video | image |
| 動画URL | MP4のURL | なし |
| 画像（PC/SP） | 背景画像 | Unsplash画像 |
| 画像alt | 代替テキスト | なし |
| フィルター色 | オーバーレイ | #121416 |
| フィルター透過度 | 濃さ | 0.2 |
| 動画速度 | 再生スピード | 1.0 |
| 見出しレベル | h1/h2等 | h2 |
| 縁取り幅（PC） | テキストのストローク太さ | 0 |
| 縁取り幅（SP） | スマホ時のストローク | 0 |
| 縁取り色 | ストロークの色 | #ffffff |
| 縁取り透過度 | ストロークの透明度 | 0.6 |
| タイトル色 | タイトルの文字色 | #000000 |
| タイトルウェイト | タイトルの太さ | 700 |
| タイトルフォント | タイトルの書体 | なし |
| 説明文色 | 説明テキストの色 | #000000 |
| 説明文ウェイト | 太さ | 600 |
| 説明文フォント | 書体 | なし |
| ボタン表示 | ON/OFF | ON |
| ボタンテキスト | CTAの文字 | 「ご相談はこちら」 |
| ボタンURL | リンク先 | なし |
| CTA背景色 | ボタン色 | #E95555 |
| CTA文字色 | ボタンテキスト色 | #ffffff |
| CTA角丸 | ボタンの丸さ | 100（ピル型） |
| CTA枠線幅 | ボーダー | 0 |
| CTA枠線色 | ボーダー色 | #000000 |
| 背景色 | FV全体の背景 | #ffffff |
特徴: テキストの縁取り（ストローク）エフェクトが独自機能。PC/SP別にストローク幅を設定可能。タイトル・説明文それぞれのフォント/ウェイト/色を個別設定。30属性。
FV-14 — FV 14 ヘッダーまで回り込む全画背景
ヘッダーごと覆う全画面FV。独自のロゴ・ナビ・デュアルCTAボタン付き。最も高機能。
| 設定 | 説明 | デフォルト |
|---|---|---|
| ロゴテキスト | テキスト表示時の文字 | 「LOGO」 |
| ロゴURL | ロゴリンク先 | なし |
| ロゴ画像 | ロゴ画像URL | なし |
| ロゴ画像高さ | ロゴのサイズ | 70px |
| CTA1テキスト | 1つ目のボタン文字 | 「ご相談はこちら」 |
| CTA1 URL | リンク先 | # |
| CTA1有効 | 表示ON/OFF | ON |
| CTA1背景色 | ボタン背景 | メインカラー |
| CTA1文字色 | テキスト色 | #ffffff |
| CTA1枠線幅 | ボーダー | 1 |
| CTA1枠線色 | ボーダー色 | メインカラー |
| CTA2テキスト | 2つ目のボタン文字 | 「資料ダウンロードはこちら」 |
| CTA2 URL | リンク先 | # |
| CTA2有効 | 表示ON/OFF | ON |
| CTA2文字色 | テキスト色 | #ffffff |
| リードテキスト | タイトル上の小テキスト | 「リードテキスト」 |
| キャッチフレーズ | 大きな見出し（HTML可） | 2行キャッチフレーズ |
| 説明文 | 補足テキスト | 長文サンプル |
| 見出しレベル | h1/h2等 | h2 |
| 背景タイプ | image / video | image |
| 背景画像（PC/SP） | ヒーロー背景 | Unsplash画像 |
| 画像alt | 代替テキスト | なし |
| 動画URL（PC/SP） | 動画背景 | なし |
| 動画速度 | 再生スピード | 1 |
| フィルタータイプ | solid / gradient | solid |
| フィルター色 | 単色オーバーレイ | #000000 |
| フィルターグラデーション | グラデーション設定 | なし |
| フィルター透過度 | 濃さ | 30 |
| ナビメニューID | WordPressメニュー | 0 |
| ナビメニュー項目 | メニュー項目（配列） | 空 |
| 最小高さ（PC/TB/SP） | デバイス別 | 100vh（全画面） |
| ヘッダー表示 | ON/OFF | ON |
特徴: 40属性の最高機能FV。ヘッダーを覆って独自のロゴ・ナビ・デュアルCTAを表示。グラデーションフィルター対応。100vh全画面がデフォルト。LP用に最適。
FV-15 — 固定ページタイトル 15（動画背景）
FV-13とほぼ同構成。暗い背景＋白文字のバリエーション。
| FV-13との違い | FV-13 | FV-15 |
|---|---|---|
| タイトル色 | #000000（黒） | #FFFFFF（白） |
| 説明文色 | #000000 | #ffffff |
| 背景色 | #ffffff | #082137（ダークネイビー） |
| CTA角丸 | 100（ピル型） | 3（角張り） |
| CTA枠線色 | #000000 | #ffffff |
その他の設定はFV-13と同じ（30属性）。暗いトーンのサイトに合う。
FV-16 — 固定ページタイトル 16（動画背景）
FV-13/15ベースに内側オーバーレイボックスとレスポンシブ高さを追加。
| FV-13/15にない設定 | 説明 | デフォルト |
|---|---|---|
| 内側ボックス背景色 | テキスト背後の半透明ボックス | #000000 |
| 内側ボックス透過度 | ボックスの透明度 | 0.4 |
| 最小高さ（PC） | ヘッダー高さを考慮した100vh | 100vh-header-60 |
| 最小高さ（TB） | タブレット | 100vh-header-80 |
| 最小高さ（SP） | スマホ | 100vh-header |
特徴: 34属性。テキストの背後に半透明ボックスを置いて可読性を確保。最小高さが100vh-headerでヘッダー高さを差し引いた全画面表示。
FV-17 — 固定ページタイトル 17（下層用）
サブページヘッダーに左右の装飾画像を追加。
| 設定 | 説明 | デフォルト |
|---|---|---|
| 背景画像（PC/SP） | メイン背景 | なし |
| メインタイトル | ページ名 | 「PORTFOLIO」 |
| 説明文 | 補足テキスト | 「テキストを入力してください。」 |
| フィルター色 | オーバーレイ | メインカラー |
| フィルター透過度 | 濃さ | 0.95 |
| テキスト色 | 文字色 | #fff |
| タイトルタグ | h1/h2等 | h1 |
| 最小高さ（PC/TB/SP） | デバイス別 | 280/220/180px |
| 左装飾画像（PC） | 左側の背景画像 | なし |
| 左装飾画像（SP） | スマホ用左画像 | なし |
| 右装飾画像（PC） | 右側の背景画像 | なし |
| 右装飾画像（SP） | スマホ用右画像 | なし |
| 背景画像透過度（PC/SP） | メイン背景の透明度 | 1 |
| 左画像透過度（PC/SP） | 左装飾の透明度 | 1 |
| 右画像透過度（PC/SP） | 右装飾の透明度 | 1 |
| 下マージンゼロ | 下余白を消す | OFF |
特徴: 22属性。FV-5ベースに左右の装飾画像（花・イラスト等）を配置できる。各画像のPC/SP別透過度を設定可能。
有料個別購入 FVブロック（5種）
FV-8 — 固定ページタイトル 08（トップ用）
業種特化型のインパクトFV。数値実績＋リスト項目＋ボトムテキスト。
| 設定 | 説明 | デフォルト |
|---|---|---|
| 背景画像（PC/SP） | メイン背景 | サンプル人物画像 |
| メインタイトル | 大きな見出し（改行可） | 「水回りのトラブルn安心・即解決」 |
| サブタイトル | 上部テキスト | 「出張・持込み買取可能！」 |
| リードテキスト | 説明文（改行可） | キャンペーン文 |
| リスト項目1 | バッジ1 | 「最短n即日」 |
| リスト項目2 | バッジ2 | 「年中n無休」 |
| リスト項目3 | バッジ3 | 「実績n多数」 |
| ポイントテキスト1 | 実績ラベル | 「お客様満足度」 |
| ポイントテキスト2 | 数値 | 「98」 |
| ポイントテキスト3 | 単位 | 「点」 |
| ボトムテキスト | 下部の訴求文 | 長文 |
| メイン改行無効 | タイトルの改行を無効化 | OFF |
| ポイント表示 | 数値実績の表示ON/OFF | ON |
特徴: 「お客様満足度98点」のような数値実績をビジュアル表示。リスト3項目のバッジ表示。修理業・買取業などの訴求力重視のLP向き。
FV-9 — FV 09 画像スライダー
画像スライダー（Swiper.js）。複数画像を自動切替。
| 設定 | 説明 | デフォルト |
|---|---|---|
| スライド画像 | PC/SP画像・alt・リンクの配列 | 2枚 |
| レイアウト | full / その他 | full |
| 最大幅 | コンテンツ幅 | 1200px |
| 自動再生間隔 | スライド切替の間隔 | 3000ms（3秒） |
| エフェクト | 切替アニメーション | fade |
| クロスフェード | フェード時の重なり | ON |
| ループ | 無限ループ | ON |
| 操作後停止 | ユーザー操作で自動再生停止 | OFF |
| ページネーション表示 | ドット表示 | ON |
| ページネーション色 | ドットの色 | #ffffff |
| ナビゲーション表示 | 左右矢印 | ON |
| 矢印色 | ナビの色 | #ffffff |
| スライド速度 | 切替アニメーションの速さ | 1000ms |
特徴: テキストなしの画像スライダー。施工事例・商品写真の自動スライドショーに。各スライドにリンク設定可能。
FV-10 — 固定ページタイトル 10（下層用）
装飾的なサブページヘッダー。内側フレーム（枠線＋影）付き。
| 設定 | 説明 | デフォルト |
|---|---|---|
| 背景画像（PC/SP） | ヘッダー背景 | なし |
| メインタイトル | ページ名 | 「ページタイトル」 |
| フィルター色 | 外側オーバーレイ | #FFF8D4（クリーム） |
| フィルター透過度 | 外側の濃さ | 1（完全不透明） |
| 内側フレーム背景色 | 内側ボックスの色 | #FC99AA（ピンク） |
| 内側フレーム枠線色 | ボーダー色 | #FFFFFF |
| 内側フレーム枠線幅 | ボーダー太さ | 4px |
| 内側フレーム角丸 | ボーダーの丸さ | 12px |
| 内側フレーム影色 | ボックスシャドウ色 | rgba(0,0,0,0.06) |
| 影オフセットX/Y | 影の位置 | 0 / 3 |
| 影ブラー/スプレッド | 影のぼかし/広がり | 6 / 0 |
| テキスト色 | 文字色 | #fff |
| タイトルサイズ | フォントサイズクラス | font_size_m |
| 最小高さ（PC/TB/SP） | デバイス別 | 400/360/280px |
特徴: ポップなデザイン。カフェ・サロン・キッズ向けサイトに合う。ボックスシャドウの細かい制御が可能。
FV-11 — FV 11 背景画像スライダー
FV-9（画像スライダー）＋テキスト＋CTAボタン。スライダーの上にコンテンツを重ねる。
| FV-9にない設定 | 説明 | デフォルト |
|---|---|---|
| サブタイトル | 上部テキスト | 「サブタイトル」 |
| メインタイトル | 大見出し | 「メインタイトル」 |
| 説明文 | 補足テキスト | サンプル文 |
| ボタンテキスト | CTAボタン | 「ボタンテキスト」 |
| CTA URL | リンク先 | # |
| 新しいタブで開く | リンクの開き方 | OFF |
| CTA表示 | ボタンON/OFF | ON |
| フィルター色 | スライダー上のオーバーレイ | #000000 |
| フィルター透過度 | 濃さ | 0.6 |
| 最小高さ（PC/TB/SP） | デバイス別 | 480/380/320px |
＋FV-9のスライダー設定（13項目）。合計27属性。
特徴: スライダー＋CTAの組み合わせ。トップページのメインビジュアルに最適。
FV-12 — FV 12 ヘッダーまで回り込む全画背景
FV-14（プレミアム）の有料版。ロゴ・ナビ・デュアルCTA＋NEWSティッカー付き。
| FV-14にない設定 | 説明 | デフォルト |
|---|---|---|
| NEWSラベル | ニュース見出し | 「NEWS」 |
| NEWS表示 | ニュースティッカーON/OFF | ON |
| NEWSソース | 最新記事/指定記事 | latest |
| NEWS記事ID | 特定記事を指定 | なし |
| NEWS表示件数 | 表示する記事数 | 4件 |
| CTA1/CTA2枠線角丸 | ボタンの丸さ | 100（ピル型） |
| CTA1/CTA2背景色 | ボタン背景 | transparent（透明） |
特徴: 45属性で全FV中最多。ヘッダーを覆う全画面＋最新ニュースティッカー。コーポレートサイトのトップページに最適。FV-14との違いはNEWSティッカーとCTAのデフォルトスタイル。
テンプレート専用 FVブロック（2種）
shin-gas-station-01-fv-top — ガソリンスタンド用トップFV
| 設定 | 説明 | デフォルト |
|---|---|---|
| 背景画像（PC/SP） | ヒーロー背景 | ガソリンスタンド画像 |
| サブタイトル（PC/SP別） | 英語キャッチ | 「Drive freely live comfortably.」 |
| メインタイトル（PC/SP別） | 日本語キャッチ（HTML可） | 「自由に走り 快適に暮らす」 |
| SP用行間/マージン/フォント | スマホ専用の細かい調整 | 各種 |
| 説明文（PC/SP別） | 補足テキスト | 「人々の車生活を…」 |
| フィルター色/透過度 | オーバーレイ | #000000 / 0.1 |
| テキスト色 | 文字色 | #fff |
| 最大幅 | コンテンツ幅 | 2000px |
| 最小高さ（PC/TB/SP） | デバイス別 | 100vh-header-100 / 600 / 480px |
特徴: 20属性。PC/SP別にテキスト・フォントを個別設定可能。
shin-gas-station-01-fv-lower-01 — ガソリンスタンド用下層FV
コンパクトなサブページヘッダー。10属性のみ。
FV選びの早見表
| 用途 | おすすめ | ティア |
|---|---|---|
| シンプルなトップページ | FV-1（ボタン付き） | 無料 |
| サブページのヘッダー（コンパクト） | FV-5 | 無料 |
| サブページ（英語サブタイトル付き） | FV-6 | 無料 |
| 画像だけ表示 | FV-3 | 無料 |
| テキスト左寄せのトップ | FV-4 | 無料 |
| 動画背景のトップ | FV-7 | 無料 |
| 縁取りテキストのヒーロー | FV-13 / FV-15 | プレミアム |
| ヘッダーごと覆う全画面 | FV-14 | プレミアム |
| 半透明ボックス付き全画面 | FV-16 | プレミアム |
| 左右装飾画像付きサブヘッダー | FV-17 | プレミアム |
| 数値実績を見せるLP | FV-8 | 有料 |
| 画像スライダー（テキストなし） | FV-9 | 有料 |
| ポップなデザインのサブヘッダー | FV-10 | 有料 |
| スライダー＋CTAのトップ | FV-11 | 有料 |
| 全画面＋NEWSティッカー | FV-12 | 有料 |
よくある質問
Q: FVブロックはどのページにも使えますか？
A: はい、固定ページであればどのページにも使えます。トップ用（FV-1, FV-4, FV-7等）と下層用（FV-2, FV-5, FV-6等）があるので、ページの役割に合わせて選んでください。
Q: 背景画像のPC用とSP用、両方設定する必要がありますか？
A: PC用は必須です。SP用は未設定の場合PC画像が使われますが、スマホで見切れる可能性があるため、SP用も別途設定することをおすすめします。
Q: フィルター透過度の数値がよくわかりません。
A: 0に近いほど画像がそのまま見え、1に近いほどフィルター色で覆われます。例えば0.4なら画像がうっすら見える状態、0.9ならほぼ単色背景になります。
Q: FVの高さが足りない / 大きすぎる場合は？
A: 右サイドバーの「最小高さ（PC/TB/SP）」の値を調整してください。単位はpxです。FV-14やFV-16は 100vh（画面全体）がデフォルトです。
Q: 動画背景のFV（FV-7, FV-13等）で動画が再生されません。
A: MP4形式の動画ファイルをメディアライブラリにアップロードし、そのURLを「動画URL」に設定してください。Vimeo対応のFV-7では「動画タイプ」を「vimeo」に切り替えてVimeo IDを入力することもできます。
最終更新: 2026-03-15 13:00