内装職人向け WordPress ブロックテーマ

クロスと床の職人に、
電話が鳴るサイトを。

Genva Interior は、クロス・床の張り替えを請け負う職人のためのテーマです。デザインは組んであります。色を選んだり並べ替えたりしなくても、文字と写真を差し替えれば形になります。

9,800円 通常価格 12,800円 セール中

  • 必要なプラグインなし
  • ダークモード切替
  • 配色2種類
Genva Interior のトップページ。「クロスと床の張り替えを、職人が直接うかがいます。」の見出しの横に、壁にクロスを張る職人の写真。電話番号と「今すぐ電話で相談」のボタンがある

Why

電話番号は、
探させない場所に

張り替えを頼みたい人は、まず電話で相談したいものです。どのページを開いても、迷わず電話にたどり着けるように作りました。

  • 01

    ヘッダーに電話番号

    受付時間と一緒に、どのページでも画面の上に表示します。

  • 02

    ページの末尾にも

    トップページ・各ページの末尾・404ページにも電話番号を置いています。

  • 03

    スマホは固定バー

    画面の下に「ホーム/電話で相談/無料お見積」のバーが固定されます。

  • 04

    タップで発信

    スマートフォンでは電話番号をタップすると、そのまま発信できます。

Features

主な機能

増え続けるのは施工事例だけ。だから施工事例は投稿に、工事メニューや料金は固定ページに分けています。

  • SHOP INFO

    店舗情報は1か所で

    「外観 > 店舗情報」で電話番号・受付時間・住所を入れると、ヘッダー・フッター・トップページ・404ページの表示が変わります。

  • PAGES

    固定ページ5種類の雛形

    クロス張替え・床の張替え・料金の目安・当店について・お問い合わせ。新規作成の画面でパターンを選ぶだけです。

  • WORKS

    施工事例は2通り

    見せたい3件を手で選ぶ「固定3件」と、新しい投稿が並ぶ「投稿から自動」。トップページの区画を入れ替えられます。

  • TEMPLATE

    施工事例の本文に見本つき

    新規投稿で「投稿:施工事例」を選ぶと、写真の前後と費用の表が入った見本が本文に入ります。

  • STYLE

    配色は2種類

    「オーカー」と「藍」。どちらも明るい配色と暗い配色の両方が用意されています。

  • DARK MODE

    ダークモード切替

    ヘッダー右端のボタンで切り替え。選んだ状態は訪問者のブラウザに保存されます。

Front Page

トップページは、
最初から10セクション

有効化した時点で、内装のサイトに必要な区画がひと通り並びます。

  1. ヒーロー見出し・電話番号・「今すぐ電話で相談」
  2. 直接頼める4つの安心下請けに出さない、見積もりに本人が行く など
  3. 施工事例写真の前後と、場所・費用の目安・工期
  4. うかがう職人顔写真と経歴、ひとこと
  5. 料金の目安工事ごとの目安を表で
  6. 選ばれている理由見積もりの内訳、養生と掃除 など
  7. 施工の流れお電話から引き渡しまで5段階
  8. 対応エリア市町村を一覧で
  9. お客様の声地域と工事の内容を添えて
  10. お問い合わせ電話番号と受付時間、店舗情報

Pages

必要なページは、
パターンを選ぶだけ

「固定ページ > 新規追加」を開くと、パターンを選ぶ画面が出ます。選んだ時点で本文に中身が入るので、あとは普通に書き換えるだけです。

ページスラッグの例選ぶパターン
クロス張替えcross固定ページ:クロス張替え
床の張替えfloor固定ページ:床の張替え
料金の目安price固定ページ:料金の目安
当店についてabout固定ページ:当店について
お問い合わせcontact固定ページ:お問い合わせ
施工事例(一覧)work選ばない(投稿ページに指定)

施工事例は、写真の前後と費用の表で

施工事例は「投稿」で書きます。新規投稿で「投稿:施工事例」を選ぶと、施工前・施工後の写真と、場所・費用の目安・工期の表が本文に入ります。

完成写真はアイキャッチ画像にすると、記事の一番上に大きく表示されます。トップページと一覧に出る説明文は、抜粋に書きます。

Mobile & Dark

スマートフォンでも、夜でも

スマートフォンは、下のバーから電話

画面の下に「ホーム」「電話で相談」「無料お見積」の3つのボタンが固定されます。どこまで読み進めても、指を伸ばせば電話がかけられます。

文字の大きさは、本文16px・注記14px・ラベル12px。小さな画面でも読める大きさを下限にしています。

スマートフォンで表示した Genva Interior。見出しと電話番号の下、画面の最下部に「ホーム」「電話で相談」「無料お見積」のボタンが並ぶ

ダークモードでも、読みやすく

暗い配色でも、文字と背景のコントラスト比は 4.5:1 以上。すべての組み合わせを測って決めています。

ダークモードは訪問者がボタンで選びます。パソコンやスマートフォンの設定には追従しません。

ダークモードで表示した Genva Interior のトップページ。暗い背景に白い見出しと、オレンジ色の「今すぐ電話で相談」ボタン

配色は「オーカー」と「藍」

「外観 > エディター > スタイル」から選べます。どちらにも明るい配色と暗い配色があります。

サイトエディターのスタイル画面で「藍」を選んだところ。トップページのボタンや見出しの印が青に変わっている

Setup

設定は、この順番でするだけ

すべて WordPress の管理画面の中で済みます。コードを書く必要はありません。

  1. 有効化する

    zip をアップロードして、テーマを有効化します。

  2. 店舗情報を入れる

    電話番号・受付時間・住所を1か所で入力します。

  3. 屋号とロゴ

    サイトのタイトルとキャッチフレーズ、ロゴを設定します。

  4. パーマリンク

    「投稿名」を選んで保存します。

  5. 固定ページを作る

    パターンを選んで7つのページを用意します。

  6. 表示設定

    ホームページと投稿ページ(施工事例)を指定します。

  7. リンク先をつなぐ

    ヘッダーとフッターのリンクを、作ったページにつなぎます。

  8. フォームを入れる

    お問い合わせページの枠に、フォームプラグインのブロックを置きます。

画面ごとの詳しい手順は、ドキュメントにまとめています。

Spec

動作環境

外部のフォント配信サービスには接続しません。英数字の書体はテーマに同梱し、日本語は閲覧者の端末の書体で表示します。

テーマの種類ブロックテーマ(フルサイト編集)
WordPress6.7 以上(7.1 で動作確認)
PHP7.4 以上
必要なプラグインなし(フォームを置く場合のみ、フォームプラグイン)
アップデート管理画面から更新できます
ライセンスGNU General Public License v3.0 以降
バージョン1.2

FAQ

よくある質問

デモサイトの写真は付いてきますか?

付いていません。デモサイトとスクリーンショットの写真は、AI で生成したイメージです。テーマには、差し替え用の仮画像(SVG)が4点入っています。実際の施工写真に差し替えてお使いください。

お問い合わせフォームは付いていますか?

付いていません。メールの送信はプラグインの担当です。テーマに含めると、プラグインを変えた日にフォームが動かなくなるためです。お問い合わせページには、フォームを置く枠を用意しています。

色を自由に変えられますか?

「オーカー」と「藍」の2種類から選べます。どちらも文字と背景のコントラスト比が 4.5:1 以上になるよう確認して決めてあります。個別の色を変えることもできますが、読みにくくなる場合があります。

ダークモードは、パソコンの設定に合わせて切り替わりますか?

切り替わりません。ヘッダー右端のボタンで、訪問者が自分で選びます。選んだ状態はその方のブラウザに保存され、次回も同じ状態で表示されます。

テーマを更新したら、編集した内容は消えますか?

サイトエディターで編集した内容はデータベースに保存されるため、テーマを更新しても消えません。ただし、一度保存したテンプレートにはテーマ側の変更が反映されなくなります。元に戻したいときは「カスタマイズをクリア」を選びます。

Price

Genva Interior

9,800円

通常価格 12,800円(セール中)

不定期でセールを行っています。最新の価格は商品ページでご確認ください。

  • トップページ用の10セクション
  • 固定ページ5種類の雛形
  • 施工事例の見本パターン
  • 店舗情報の一括設定・スマホの固定バー
  • 配色2種類とダークモード切替
  • 管理画面からのアップデート