無料テーマ KUMITATE のパターン見本です。26種類のセクションと3種類のページ一式、合計29種類を確認できます。専用プラグインや追加CSSは不要です。写真はAI生成、文章は架空のデザイン会社を想定した見本です。配布パターンでは差し替え用の画像・案内文が入ります。
使い方
固定ページの編集画面で「＋」→「パターン」を開き、下のパターン名を探して挿入します。文章はクリックして編集、写真は「置換」、ボタンはリンク設定で変更できます。挿入後はページごとに自由に編集できます。
この見本のボタンにはリンク先を設定していません。公開するページではリンクを設定してください。色・書体・角丸・影はテーマのスタイルを受け継ぎます。子テーマでは表示を別途確認してください。
- はじめの紹介
- 文章だけの紹介
- 画像とストーリー
- サービスカード3列
- 画像付きカード2列
- ご相談からの流れ3ステップ
- 会社・店舗情報
- 回答を開いて見せるQ&A
- 折りたたむQ&A
- 最新のお知らせ
- 目的別のお問い合わせ
- お問い合わせパネル
- ノーコードではじめるページ
- 大きな画像から始める紹介
- 左右に分けたページ導入
- 大きなリードと補足文
- 写真と文章を交互に見せる
- 写真を主役にした3枚ギャラリー
- 簡潔なサービス一覧
- 関連情報をまとめたリンク面
- 日付と分類のあるニュース一覧
- 最新の記事を大きく紹介
- 人物紹介とメッセージ
- カードで囲まない3つの価値観
- アクセスと来店案内
- 大切なお知らせの案内面
- 濃い背景の締めくくり
- 会社案内のページ一式
- サービス詳細のページ一式
はじめの紹介
ページの導入に。見出し・説明・ボタンを差し替えます。
次の一歩を、もっと手軽に。
誰のために、どんなお手伝いができるのか。あなたの事業を紹介しましょう。
文章だけの紹介
写真を使わず、事業の考え方や方針を伝えます。
大切にしていることを、伝えよう。
事業の目的や大切にしていることを、短い言葉で紹介しましょう。どんな方の役に立ちたいかを伝えると、読み手に届きやすくなります。
画像とストーリー
こだわりや強みを写真と文章で伝えます。画像を選択して「置換」で差し替えます。
つくる前に、じっくり聴く。
始まりは、日々の仕事のお話から。大切にしていることや、お客様との何気ない会話に耳を傾け、事業の個性を一緒に見つけます。
サービスカード3列
サービスの違いを並べて紹介します。スマートフォンでは縦に並びます。
ご相談
どんな方に向けたサービスなのか、できることや特徴を紹介してください。
企画
どんな方に向けたサービスなのか、できることや特徴を紹介してください。
サポート
どんな方に向けたサービスなのか、できることや特徴を紹介してください。
画像付きカード2列
写真から選ぶ入口に。ボタンのリンク先も設定してください。
サービス紹介
私たちの考え方と、仕事の進め方をご紹介します。
私たちについて
私たちの考え方と、仕事の進め方をご紹介します。
ご相談からの流れ3ステップ
初めての方に、申し込みから利用までの流れを案内します。
01
お問い合わせ
ご希望や気になることをお聞かせください。
02
お話を伺います
お話を伺い、次のステップをご提案します。
03
一緒に進めます
内容をご確認いただいてから、進めていきます。
会社・店舗情報
会社名・住所・営業時間などを表のセル内で編集します。
| 会社・店舗名 | 会社名または店舗名をご入力ください。 |
| 所在地 | 所在地をご入力ください。 |
| 営業時間 | 営業時間と定休日をご入力ください。 |
| サービス | 主なサービスをご入力ください。 |
回答を開いて見せるQ&A
大切な回答を、クリックせず読める形で掲載します。
利用するにはどうすればよいですか？
お客様が知りたいことを、わかりやすく記入してください。
準備するものはありますか？
お客様が知りたいことを、わかりやすく記入してください。
まず相談だけでもできますか？
お客様が知りたいことを、わかりやすく記入してください。
折りたたむQ&A
質問の見出しを押すと回答を開閉します。質問が多い場合に使います。
利用するにはどうすればよいですか？
お客様が知りたいことを、わかりやすく記入してください。
準備するものはありますか？
お客様が知りたいことを、わかりやすく記入してください。
まず相談だけでもできますか？
お客様が知りたいことを、わかりやすく記入してください。
目的別のお問い合わせ
初めての方と利用中の方など、用件別に窓口を案内します。
はじめての方へ
サービスの内容やご利用の流れなど、お気軽にご相談ください。
ご利用中の方へ
ご利用中のサービスやお困りのことについてご連絡ください。
お問い合わせパネル
ページの最後に、連絡方法を案内します。
まずは、お話ししてみませんか。
お問い合わせ方法や返信の目安など、安心して相談できる情報を記入しましょう。
ノーコードではじめるページ
導入・サービス・FAQ・お問い合わせを組み合わせたページ一式です。
次の一歩を、もっと手軽に。
誰のために、どんなお手伝いができるのか。あなたの事業を紹介しましょう。
サービス紹介
ご相談
どんな方に向けたサービスなのか、できることや特徴を紹介してください。
企画
どんな方に向けたサービスなのか、できることや特徴を紹介してください。
サポート
どんな方に向けたサービスなのか、できることや特徴を紹介してください。
よくあるご質問
利用するにはどうすればよいですか？
お客様が知りたいことを、わかりやすく記入してください。
準備するものはありますか？
お客様が知りたいことを、わかりやすく記入してください。
まず相談だけでもできますか？
お客様が知りたいことを、わかりやすく記入してください。
まずは、お話ししてみませんか。
お問い合わせ方法や返信の目安など、安心して相談できる情報を記入しましょう。
大きな画像から始める紹介
画像と文章を重ねず、読みやすさを保った導入です。写真を置換して使います。
想いを整理し、伝わるかたちへ。
小さな事業の、次の一歩をデザインする。私たちは、対話から見つけた強みを、言葉・グラフィック・ウェブサイトへとつなぐデザインスタジオです。
左右に分けたページ導入
左に主題、右に説明。写真のないサービス・採用・会社案内にも使えます。
大切にすることを、まっすぐに。
このページで伝えたいことを紹介し、読み手が次の一歩を選べるようにしましょう。
大きなリードと補足文
大きな一文と短い説明で、カードの間に読みやすい余白をつくります。
一つひとつを、大切に。
一枚の名刺から、毎日使うウェブサイトまで。伝える相手を思い浮かべながら、使いやすく、長く親しめるデザインを考えます。
写真と文章を交互に見せる
画像→文章、文章→画像で読むリズムを変えます。スマートフォンでも順序を確認してください。
つくる前に、じっくり聴く。
始まりは、日々の仕事のお話から。大切にしていることや、お客様との何気ない会話に耳を傾け、事業の個性を一緒に見つけます。
想いを、日々のかたちに。
紙の質感、言葉の温度、画面の余白。小さな選択を積み重ね、手に取る人や訪れる人に、事業らしさが自然と伝わるかたちを探します。
写真を主役にした3枚ギャラリー
施設・制作事例・商品などを紹介する写真列。画像はすべて差し替えできます。
私たちの場所
この写真について、短い説明を入れてください。
私たちの仕事
この写真について、短い説明を入れてください。
日々の風景
この写真について、短い説明を入れてください。
簡潔なサービス一覧
アイコンや画像と名称を並べる入口。長い説明カードとは別の用途に使います。
ご相談
企画
サポート
関連情報をまとめたリンク面
リンク先はボタンから設定します。資料・よくある質問・各種案内を一面にまとめます。
関連する情報
ご利用までの流れを確認できます。
始める前の疑問にお答えします。
日付と分類のあるニュース一覧
投稿から自動表示。件数や対象カテゴリーはクエリーループで変更できます。
最新の記事を大きく紹介
最新1件を画像・日付・タイトル・抜粋付きで自動表示します。
人物紹介とメッセージ
代表や担当者の写真・名前・メッセージを掲載。架空の実績や推薦文は含めていません。
私たちの仕事を支える人
お名前・役職
仕事への想いや、どんな方の役に立ちたいかを、ご自身の言葉で記入してください。
カードで囲まない3つの価値観
白い余白と文字の強弱で紹介します。面や影の多いセクションの合間に使えます。
01
よく聴く
この考えを実践している、具体的な取り組みを紹介してください。
02
わかりやすく伝える
この考えを実践している、具体的な取り組みを紹介してください。
03
少しずつ、よくする
この考えを実践している、具体的な取り組みを紹介してください。
アクセスと来店案内
建物写真・住所・交通案内・地図へのボタン。外部地図の自動読み込みはありません。
お越しになる方へ
所在地をご入力ください。
最寄り駅からの道順や、駐車場についてご案内ください。
営業時間と定休日をご入力ください。
大切なお知らせの案内面
受付時間や予約方法の変更など、短い補足を伝えます。
お問い合わせの前に
返信の目安やご用意いただくものなど、事前に確認してほしいことを記入してください。
濃い背景の締めくくり
明るい本文から切り替えて、最後の行動を案内します。背景・文字はテーマの配色を継承します。
次の一歩を、一緒に。
お問い合わせ方法や返信の目安など、安心して相談できる情報を記入しましょう。
会社案内のページ一式
導入→考え方→価値観→会社情報→アクセスの組み合わせ例です。
想いを整理し、伝わるかたちへ。
小さな事業の、次の一歩をデザインする。私たちは、対話から見つけた強みを、言葉・グラフィック・ウェブサイトへとつなぐデザインスタジオです。
一つひとつを、大切に。
一枚の名刺から、毎日使うウェブサイトまで。伝える相手を思い浮かべながら、使いやすく、長く親しめるデザインを考えます。
01
よく聴く
この考えを実践している、具体的な取り組みを紹介してください。
02
わかりやすく伝える
この考えを実践している、具体的な取り組みを紹介してください。
03
少しずつ、よくする
この考えを実践している、具体的な取り組みを紹介してください。
会社・店舗情報
| 会社・店舗名 | 会社名または店舗名をご入力ください。 |
| 所在地 | 所在地をご入力ください。 |
| 営業時間 | 営業時間と定休日をご入力ください。 |
| サービス | 主なサービスをご入力ください。 |
お越しになる方へ
所在地をご入力ください。
最寄り駅からの道順や、駐車場についてご案内ください。
営業時間と定休日をご入力ください。
サービス詳細のページ一式
導入→特徴→流れ→FAQ→問い合わせ。各セクションは削除・差し替えできます。
一つひとつを、大切に。
一枚の名刺から、毎日使うウェブサイトまで。伝える相手を思い浮かべながら、使いやすく、長く親しめるデザインを考えます。
つくる前に、じっくり聴く。
始まりは、日々の仕事のお話から。大切にしていることや、お客様との何気ない会話に耳を傾け、事業の個性を一緒に見つけます。
01
よく聴く
この考えを実践している、具体的な取り組みを紹介してください。
02
わかりやすく伝える
この考えを実践している、具体的な取り組みを紹介してください。
03
少しずつ、よくする
この考えを実践している、具体的な取り組みを紹介してください。
ご相談からの流れ3ステップ
01
お問い合わせ
ご希望や気になることをお聞かせください。
02
お話を伺います
お話を伺い、次のステップをご提案します。
03
一緒に進めます
内容をご確認いただいてから、進めていきます。
よくあるご質問
利用するにはどうすればよいですか？
お客様が知りたいことを、わかりやすく記入してください。
準備するものはありますか？
お客様が知りたいことを、わかりやすく記入してください。
まず相談だけでもできますか？
お客様が知りたいことを、わかりやすく記入してください。
次の一歩を、一緒に。
お問い合わせ方法や返信の目安など、安心して相談できる情報を記入しましょう。