レイアウトサンプル

ホームレイアウトサンプル

基本コンテンツブロック

幅広い用途に使える汎用ブロックで、画像とテキストを組み合わせた基本的なコンテンツを作成できます。画像は中央・左・右など掲載内容に合わせて配置を選べるほか、画像を使用せずテキストだけで構成することもできます。
見出しや本文だけでなく、小見出し・リスト・リンクボタンなどを自由に組み合わせられるため、シンプルな説明から情報量の多いコンテンツまで幅広く対応できます。
会社紹介や店舗紹介、サービス・商品の説明、事業内容、施設案内、採用情報など、さまざまな内容に利用できる汎用性の高いブロックです。

このようなリスト形式も使用できます

  • (例)商品やサービスの特徴など
  • (例)対応している内容など
  • (例)ご利用いただくメリットなど
  • (例)注意事項や補足情報など

左右に画像を置いたレイアウトも可能

テキストコンテンツの左右に、イメージ写真を配置したコンテンツレイアウトにも対応しています。

ボックスコンテンツブロック

画像とテキストを組み合わせて、商品やサービス、事業内容などの情報をボックスごとに分けて掲載できます。

各個別の商品やサービスの紹介を並べて掲載できます

画像とテキストを組み合わせて、商品やサービスなどの情報をひとつのボックスにまとめて掲載できます。
画像は左右どちらにも配置でき、画像を使用せずテキストのみで構成することも可能です。

ボックス内の内容も自由に組み合わせ可能です

  • このようなリスト形式も掲載できます
  • 小見出しや本文を自由に追加できます
  • 必要に応じてテキストリンクも設置できます

各個別の商品やサービスの紹介を並べて掲載できます

商品やサービス、事業内容、設備、スタッフ紹介など、関連する情報をボックスごとに追加して並べることができます。

ボックスは必要な数だけ追加でき、画像あり・画像なしや画像の左右配置を内容に合わせて選択できます。

カードコンテンツブロック

画像・見出し・本文・リンクをひとつのカードにまとめ、複数の情報を2列または3列で並べて掲載できます。

  • 2列・3列からレイアウトを選択

    カードの表示は2列または3列から選択でき、掲載する情報量や見せ方に合わせてレイアウトを変更できます。

  • 画像・見出し・本文・リンクをまとめて掲載

    各カードには画像、見出し、本文、リンクを設定でき、ひとつの情報をコンパクトにまとめて掲載できます。

  • サービス・商品や特徴の紹介などに

    複数の商品やサービス、事業内容や特徴、スタッフや施設などをカードごとに分けて掲載できるため、複数の情報を整理して分かりやすく見せることができます。

カードは必要な数だけ追加でき、商品・サービス、事業内容、スタッフ紹介など、同じ形式で複数の情報を見せたい場合に活用できます。

リストコンテンツブロック

  • 強みやポイント、課題など一覧形式で表示したいコンテンツ用の箇条書きセクションです。

  • テキストだけでなくアイコンやイメージ写真などの画像も入れられます。

    ※補足テキストも追記できます。

  • 1列リスト、2列リストから選択して表示可能です。

    ※2列表示サンプルです

ギャラリーコンテンツブロック

複数の画像を一覧で掲載でき、1列から5列まで内容や画像数に合わせてレイアウトを選択できます。

  • 画像は1列から5列まで選択でき、掲載する画像数や見せ方に合わせてレイアウトを変更できます。

  • 各画像にはこのようにキャプションを付けて、写真や内容についての補足説明を掲載できます。

施工事例や商品写真、施設紹介、作品紹介など、画像を中心に見せたいコンテンツに活用できます。

フローコンテンツブロック

お申し込み方法やサービス開始までの流れなど、順番に沿って説明したい内容をステップ形式で掲載できます。

  1. 01

    お申込みからの流れやご利用手順などの案内に

    お問い合わせからサービス開始までの流れ、制作工程、お申し込み手順、導入ステップなど、順番に沿って説明したいコンテンツに活用できます。

  2. 02

    ステップ番号を自動で表示

    項目を追加した順番に「01」「02」「03」と番号が自動で表示されるため、番号を個別に入力する必要はありません。

  3. 03

    各ステップに見出しと本文を設定

    それぞれのステップごとに見出しと本文を設定でき、工程や手順の内容を分けて掲載できます。

  4. 04

    画像あり・画像なしを自由に設定

    各ステップには必要に応じて画像を掲載できます。画像を使用しない項目は、見出しと本文のみで表示できます。

ステップは必要な数だけ追加でき、内容に応じて画像の有無を自由に設定できます。

時系列コンテンツブロック

年月や日付と内容を組み合わせて、会社の沿革や代表者の経歴、実績などを時系列で分かりやすく掲載できます。

  1. 2022年1月

    会社の沿革や店舗の歴史、サービスの変遷、時系列での実績一覧、代表者の経歴など、年月や日付に沿って情報を整理して掲載したい場合に活用できます。

  2. 2023年1月

    各項目には日付・年月などの情報と、その内容を説明するテキストを設定できます。

項目は必要な数だけ追加できるため、短い経歴から長い沿革まで内容に合わせて掲載できます。
日付部分は年だけでなく「2025年1月」「2025.01.15」など、掲載内容に合わせて日付部分を自由に入力できます。

Q&Aコンテンツブロック

よくあるご質問と回答をQ&A形式で整理して掲載できます。商品・サービス、料金、ご利用方法など、さまざまな内容に利用できます。

  • どのような使い方ができますか?
    商品・サービス、料金、お申し込み、ご利用方法、サポートなど、さまざまな内容の「よくあるご質問」をQ&A形式で掲載できます。
  • 設問数に上限や制限はありますか?
    質問項目は必要な数だけ追加できるため、掲載する内容に合わせてQ&Aを増やすことができます。

テーブルコンテンツブロック

二つのレイアウトから選択可能です。
レイアウト1は会社概要や製品仕様、料金表、比較表など、項目ごとに情報を整理して表形式で掲載できます。

主な用途会社概要、店舗情報、製品仕様、サービス内容などの掲載に活用できます。
表の形式項目名と内容を2列で並べる、シンプルな表組みです。
項目数掲載する内容に合わせて、必要な数だけ行を追加できます。

レイアウト2は比較表や料金表など、複数列の表組みにも対応できます

項目設定内容活用例
主な用途複数の情報を横並びで整理して掲載できます。商品・サービスの比較表、詳細な仕様表、料金表などに活用できます。
列数2列・3列・4列から選択できます。掲載する情報量や比較する項目数に合わせて調整できます。
見出し1行目を見出し行、1列目を見出し列として設定でき、両方を組み合わせることもできます。表の内容に合わせて、分かりやすい見出し構成を選択できます。

2列のシンプルな表から、2~4列の比較表まで、掲載する情報に合わせて使い分けできます。

投稿一覧コンテンツブロック

お知らせやブログなどの投稿を新着順で一覧表示できます。
表示形式や表示件数を設定でき、オプションで追加した投稿タイプの一覧表示にも対応できます。

子ページ一覧コンテンツブロック

サービス一覧や事業内容一覧など、個別の詳細ページを一覧表示するためのブロックです。
各詳細ページをこのページの子ページとして設定することで、自動的に一覧表示できます。

拠点・店舗アクセスコンテンツブロック

アクセス情報や拠点・支店一覧、店舗一覧などにご利用いただけます。

  • 本社

    〒000-0000
    〇〇県〇〇市〇〇1-1-1 〇〇ビル〇F

    連絡先

    電話:00-0000-0000
    メール:info@example.com

  • 〇〇営業所

    GoogleMAPの代わりに、外観写真などを掲載することも可能です。

自由コンテンツブロック

レイアウトブロックにない独自のコンテンツをエディターにて作成いただけます。

CTAコンテンツブロック

ページ内の任意の位置にお問い合わせへの導線を設置できます。