自由なフロントページの制作を実現する「フレキシブルページ」機能についてご紹介します。
フレキシブルページの設定
オリジナルのフロントページはNew Standard Ver3 独自の「フレキシブルページ」機能を通じて作成します。設定箇所は以下の通りです。
固定ページ＞新規追加＞画面右側のページ属性＞テンプレート＞「フレキシブルページ」を選択
自動的にフレキシブルページの制作画面に切り替わります。
ブロックとカラムについて
フレキシブルページの制作はブロックとカラムに分かれます。
ブロック
フレキシブルページに挿入する行全体を指します。上の図の「赤枠」に当たります。
カラム
ブロック内の列を指します。上の図の「緑枠」に当たります。
各種設定
フレキシブルページでは、ページ最下部の設定項目より以下の設定が可能です。
| ヘッダー・フッターの非表示 | ヘッダー・フッターを非表示にすることでランディングページを制作できます |
| SEO | ページ単位のSEO設定や、SNS投稿時のシェア画像を設定できます |
| パンくずリスト | パンくずリストの表示・非表示が選択できます |
| サイドバー | サイドバーの表示・非表示が選択できます |
| 目次 | 目次の表示・非表示が選択できます |
ブロックの種類
フレキシブルページでは次の7つのブロックを作成できます。
キービジュアル
ページの顔に当たるキービジュアル及びスライドの設定項目です。
| キービジュアルを表示 | キービジュアルの表示有無を選択（複数枚設定すると自動的にスライド表示） |
| フルスクリーン表示 | キービジュアルのフルスクリーン表示の選択 |
| ヘッダーの不透明度 | ヘッダーの透過設定（100%:不透明〜0％:透明） |
| 画像 | キービジュアルの画像アップロード欄 |
| スマートフォン用画像 | スマートフォン閲覧時のキービジュアルの画像設定 PC表示と同じ：PCと同じ比率で表示（スマートフォン用画像の用意が不要） スマートフォン用横長 ：スマートフォン専用の横長画像を表示 スマートフォン用縦長：スマートフォン専用の縦長画像を表示 |
| リンクURL | 画像クリック時の遷移URL設定 |
| 表示 | キービジュアル上のテキストとボタンの表示有無 テキスト：キービジュアル上のコピー表記 ボタン：キービジュアル上のボタン表示 |
| 画像の明るさ | キービジュアルの明るさの設定 標準：設定した画像がそのまま表示されます 暗くする：テキストやボタンを明瞭に表示できるよう暗くします |
| キービジュアルごとの表示時間 | スライド設定時における画像ごとの遷移時間 |
| スライドモード | スライド設定時に画像が切り替わる方向の設定 横方向：横方向に画像がスライド 縦方向：縦方向に画像がスライド フェード：横方向に画像がフェードしてスライド |
| 矢印ボタン | スライド設定時に表示される矢印の表示スタイル 非表示：矢印を表示しない 表示：矢印を表示する ホバー表示：ホバー形式の矢印を表示 |
ニュース
お知らせ欄とも呼ばれるニュース枠の設定項目です。
| タイトル | ニュース枠のタイトルテキスト |
| 投稿表示 | ニュース枠に表示する投稿を選択 全ての投稿：全ての投稿の表題をニュース枠に表示 カテゴリ：特定のカテゴリにおける投稿の表題をニュース枠に表示 |
| 画像の明るさ | キービジュアルの明るさの設定 標準：設定した画像がそのまま表示されます 暗くする：テキストやボタンを明瞭に表示できるよう暗くします |
| 表示件数 | ニュース枠に表示する投稿の件数を選択 |
| ボタンのテキスト | 記事一覧に遷移するボタンの表示テキストを設定 |
| レイアウト | ニュース枠のレイアウトを選択 1列表示：ニュース枠を1列で表示 2列表示：ニュース枠を1:1列で表示 |
| カラムを追加 | 2列表示設定 |
コンテンツ一覧
プロダクト紹介やサービス案内など事業を伝えるコンテンツ枠の表示設定です。
| ブロックタイトル | コンテンツ枠全体のタイトルテキスト |
| ブロックタイトルの配置 | ブロックタイトルの表示位置の選択 |
| カラム数 | コンテンツ枠で表示するコンテンツの列数 |
| 表示 | コンテンツで表示する内容 詳細：説明文のテキスト 画像：コンテンツの画像 アイコン：説明文に上に表示するアイコン ボタン：説明文の下に表示するボタン |
| 画像の表示 | 画像表示時の表示位置の選択 背景として表示：画像を背景にして表示 テキストの上に表示：説明文の上に画像を表示 |
| 画像の明るさ | 画像の明るさの選択 標準：設定した画像がそのまま表示されます 暗くする：テキストやボタンを明瞭に表示できるよう暗くします |
| テキストの配置 | 説明文のテキスト表示位置の選択 |
| リンク | コンテンツクリック時の遷移先の設定 固定ページ：指定した固定ページに遷移 投稿：指定した投稿ページに遷移 カテゴリー：指定したカテゴリ一覧ページに遷移 URL：指定したURLに遷移（サイト外URLも設定可） リンク無し：遷移設定をしない |
| リンク動作 | コンテンツ押下時のタブの開き方 |
| 表示 | コンテンツの表示設定 投稿・ページの情報（タイトル・抜粋・アイキャッチ画像）を表示：そのページに予め設定されている情報を自動で表示 カスタム表示：任意で各種表示項目を設定 |
| コンテンツタイトル | カスタム表示時におけるコンテンツタイトル設定 |
| 詳細 | カスタム表示時における説明文のテキスト設定 |
| 画像 | カスタム表示時における画像の設定 |
| アイコン | アイコン設定時におけるアイコン表示 |
| ボタンのテキスト | ボタン設定時におけるボタン内テキスト表示 |
投稿一覧
ブログ一覧や、カテゴリ一覧など、投稿一覧を表示する設定です。
| ブロックタイトル | ブログ枠全体のタイトルテキスト |
| ブロックタイトルの配置 | ブロックタイトルの表示位置の選択 |
| 投稿表示 | ブログ枠に表示する投稿の選択 全ての投稿：全ての投稿を表示 カテゴリ一覧：特定のカテゴリの投稿を表示 |
| 表示件数 | 表示する件数の設定 |
| スタイル | 表示するスタイルの設定 スタンダード：カード型の投稿表示 ワイド：リスト型の投稿表示 |
| スマートフォン表示 | スマートフォン閲覧時のみワイド表示の設定 |
| 記事一覧ボタン | 記事一覧ボタンの表示有無の設定 |
| ボタンのテキスト | 記事一覧ボタン表示時の、ボタン内テキストの設定 |
テキスト
フロントページに任意の画像や動画、テキストを表示する設定です。
| カラム数 | テキスト表示列の設定 |
| 枠の非表示 | テキスト背景枠の表示有無 |
| コンテンツ | テキスト表示枠に設定する任意のコンテンツ |
FAQ
フロントページにFAQを表示する設定です。FAQ集などのページも制作にも利用できます。
| ブロックタイトル | ブログ枠全体のタイトルテキスト |
| ブロックタイトルの配置 | ブロックタイトルの表示位置の選択 |
| 質問 | FAQにおける質問の入力 |
| 回答 | FAQにおける回答の入力 |
商品一覧
フロントページに商品一覧を表示する設定です。物販ページなどの制作にも利用できます。
| ブロックタイトル | ブログ枠全体のタイトルテキスト |
| ブロックタイトルの配置 | ブロックタイトルの表示位置の選択 |
| URL | 表示するBASEの商品ページURLを入力 |
| タグ | 商品欄に以下のタグを表示 NEW・SALE・PICK UP・SOLD OUT |