このサイトについて

選ばれる理由が、
ここにある。
工務店のために設計された WordPress サイト。

このデモサイトの特徴

このデモサイトは、WordPressの次世代ブロックテーマ「X‑T9」と、拡張プラグイン「VK Blocks Pro」「VK All in One Expansion Unit」などを組み合わせることで、コードを書かずに、柔軟で洗練された工務店サイトを構築しています。

ブロックエディタに最適化された設計により、見たまま編集・即時プレビューが可能。
施工実績の投稿やイベント告知、相談会の誘導といった業種特有の導線も、テンプレートやパターンを活用することで簡単に実現できます。

また、X‑T9が採用するフルサイト編集（FSE）機能によって、ヘッダーやフッター、投稿一覧の構成までビジュアル編集が可能。ノーコードでありながら、これまで以上に細やかな調整やデザインの自由度を叶えています。

デザインのこだわり

本デモサイトは、ナチュラルで親しみやすい配色と、スマートフォンでの見やすさにも配慮したデザインが特長です。
シンプルなボタンや余白感、フォント設計により、訪問者に安心感を与え、お問い合わせやイベント予約にもつながる導線設計を意識しています。

メインカラーには落ち着いたグリーン#717135を使用し、補色として #B26464 のアクセントカラーを配置。
温かみと視認性を両立しながら、全体のトーンを崩さず、必要な箇所に自然なメリハリを加えています。

イベント関連の設定について

このデモサイトでは、工務店サイトに欠かせない「イベント情報」を効率よく発信・管理できるよう、「イベント」のカスタム投稿タイプを設けて対応しています。

さらに、開催日・時間・場所といったイベント情報を簡単に入力できるように、カスタムフィールド（ACF）を活用。
VK Dynamic If Block ブロックと組み合わせることで、イベント終了後には自動的にフォームを非表示にするなどの出し分けも可能です。

ここでは、そうしたイベント投稿の仕組みと設定方法について解説します。

イベントの開催日 / 開催日時 / 開催場所の設定

「イベント」投稿の編集画面の下部の方に、「イベント予約期間」と「イベント情報」が表示されます。
まずは「イベント情報」について説明していきます。

「イベント情報」の開催日 / 開催時間 / 開催場所 を入力しますと、詳細ページの本文の前に、入力した情報が表示されます。
トップページの「イベント情報」セクションの一覧にも表示されるようになっています。

イベント予約フォームの募集締め切りの設定方法

次に「イベント予約期間」の説明をしていきます。
編集画面の下部に「イベント予約期間」>「イベント予約締め切り」が表示されています。

入力欄をクリックすると年月日時間を入力できます。

時間を設定すると、これまで表示されていたイベントフォームの内容が

設定した時間を過ぎると以下のように表示されます。

また、「イベント」から新規投稿をした時に、「イベント用テンプレート」（フォーム部分）が候補に表示されるようになっています。この説明は下の「施工事例・イベント用テンプレート」をご確認ください。

独自パターン登録機能

施工事例・イベント用テンプレート

カスタム投稿タイプの「施工事例」と「イベント」から新規投稿をした時に、「施工事例」の場合は施工事例用のテンプレート、「イベント」の場合は「イベント用テンプレート」が候補に表示されます。このテンプレートは「VK Block Patterns」で独自のブロックパターンを登録して、パターン追加方式を「候補に表示」にして表示させています。※パターン追加方式を「自動挿入」で自動に挿入することもできます。

このように独自のブロックパターンを登録しておくと、新規作成時にテンプレートから作成できるので大変便利です。
テンプレートを編集する場合は、編集画面の「VK Block Patterns」> 「VK Block Patterns」の該当のテンプレート記事を編集してください。

お客様の声テンプレート

お客様の声のテンプレートは、編集画面の「ブロックインサーター」を展開して「パターン」タブの「VK Block Patterns」から呼び出すことができます。

お客様の声のページのテンプレートは、「ランディングページ」になっていますので、新規で作成する場合はここを変更してください。

X-T9 について

基本設定について

X-T9テーマの基本設定については、以下のページで詳しく解説しておりますので、ぜひご確認ください。

サポート・お問合せ

デモサイトのサポート・お問い合わせ先は販売形態によって異なります。下記リンクからご確認ください。