2件の完全なデモ

作品を主役にしたインテリアデザイン向けWordPressテーマ

Canvasには完全なウェブサイトが2つ含まれています。部屋ごとに整理された16件のプロジェクトを掲載するインテリアデザインスタジオと、WooCommerceで構築された家具ショップです。どちらかをインポートして自分の写真を差し込み、公開してください。

更新日:

デモ一覧

すぐにインポートできるインテリア向けウェブサイト2種

一方はデザイン業務を、もう一方は家具を販売しています。どちらも、下層ページやその背後にあるレコードまで含めて、動作するサイトとしてインポートされます。どちらのテーマも、購入前にライブでプレビューできます。

制作実績

プロジェクトはレコードで、フィルターバーはそこから作られています

Interior Design デモでは、作品をポートフォリオのコンテンツタイプで管理します。1件のプロジェクトが1件のレコードになり、写真、都市、範囲、完成日、床面積、作図に使用したツールを記録し、部屋のカテゴリに分類します。Studios ページでは、デモ専用のブロックを使ってこれらを一覧表示します。

  • 16件のプロジェクト(6つのルームカテゴリー:リビングルーム、キッチン、屋外、オフィス、ショップ、ダイニング)
  • Studiosページのフィルターバーは、これらのカテゴリーから生成されるため、新しいカテゴリーがそこに表示されます
  • 各プロジェクトは専用ページで開き、詳細カード、説明文、関連プロジェクトの一覧が表示されます
  • ポートフォリオのコンテンツタイプには8個のブロックと57個の個別テンプレートが含まれているため、グリッドやプロジェクトページは選んで設定できます
スマートフォンで表示したInterior Designデモのスタジオページです。プロジェクトグリッドの上に部屋のフィルターバーが表示されています
家具販売

家具デモは、実際に稼働するWooCommerceショップです

16点の商品を収録しており、ソファ、チェア、照明、テーブル、ベッド、ワードローブなどのカテゴリがあります。また、ショップページ、カートのサイドパネル、WooCommerceブロックで構成されたカートページとチェックアウトページも、デモのデザインに合わせて含まれます。4件の投稿があるジャーナル、会社概要ページ、お問い合わせページも付属しています。

すべてのCanvasプランには24個のWooCommerceブロックが含まれているため、スタジオのサイトは、テーマを変更することなく、後からショップを追加できます。

Canvas で WooCommerce ストアを設定する方法

Furnitureデモのホームページ。WooCommerceで構築された家具ショップ
お問い合わせとサイトのその他の部分

閲覧以外に訪問者ができること

スタジオに依頼が多いページは、文章もレイアウトもあらかじめ用意されています。サイト全体で繰り返し使われるパーツは、一度編集するだけで反映されるレコードです。

お問い合わせ・購読フォーム

Interior Design デモには 2件の Canvas Forms が含まれています:お問い合わせページのフォームと、ホームのヒーローエリアの購読用フィールドです。どちらも出荷時のままWordPress内に送信内容を保存します。メール、Webhook、Mailchimpは、同じパネルでオンにできるアクションです。

開閉式のFAQページ

FAQページはトグルブロックで構成されているため、料金や納期についての質問は、書き換え可能なテキストフィールドとして編集できます。扱いにくいマークアップは一切ありません。

ヘッダー、フッター、サイドパネル

デモのヘッダー、フッター、サイドパネル、ページヒーローはそれぞれ独立したレコードです。電話番号やメニューを一か所変更すれば、すべてのページに反映されます。

スマートフォンで表示したインテリアデザインデモのトップページ
スマートフォンでの表示

インテリアは、まずスマートフォンの画面で評価されます

多くの場合、デザインは誰かが友人に送ったスクリーンショットの中にあります。プロジェクトのグリッド、フィルターバー、問い合わせフォームは同じレスポンシブブロックで構成されているため、管理すべき別のレイアウトはありません。このスクリーンショットは、出荷時の状態のデモを幅390ピクセルで撮影したものです。

  • 電話番号の表示ルールはテーマオプション内にあり、ヘッダー、フッター、ページタイトルバーに適用されます
  • プロジェクト写真には、WordPressから幅・高さ、遅延読み込み、レスポンシブサイズが自動で設定されます
  • Canvasは、ページで実際に使われるCSSとJavaScriptのみを読み込みます。
インテリアスタジオにCanvasを選ぶ理由

スタジオサイトが初めて訪れる人に対して担うべきこと

Studiosページには実績も掲載されています

インポートすると下層ページ、メニュー、フォーム、案件データがまとめて設定されるため、作業を進めている間も訪問者が空のグリッドを目にすることはありません。

WordPress自体で編集

プロジェクトの項目、価格、見出し。それぞれが、WordPressに標準で入っているエディターのブロック項目です。覚えるべきページビルダーも、更新料がかかるページビルダーもありません。

元に戻せる

Canvasは、インポートで書き込まれる内容をすべて記録します。「デモデータを削除」で再びクリアできるため、スタジオ向けのデモを試してからショップ向けのデモを試しても、費用は一切かかりません。

コピー作成ヘルプ付き

どのプロジェクトにも、誰も書きたがらない段落が必要です。CanvasAI Engineは、どのブロックのフィールドでもテキストの下書きや書き直しを行えます。年間プランでは毎月AIクレジットが付与されます。

よくある質問

インテリアのウェブサイトを、わかりやすくご紹介

出荷時の状態の2つのインテリアデモについての回答です。

デザインスタジオはどちらのデモから始めるべきですか?

2つのCanvasデモのうち、Interior Designはスタジオサイトです。ホームページ、作品を一覧表示する「Studios」ページ、Aboutページ、FAQsページ、Contactページがあり、背後には16件のプロジェクトがあります。Furnitureはショップです。WooCommerceで16点の商品を販売し、専用のShop、Cart、Checkoutページがあります。サービスを販売するならスタジオサイトから、商品を販売するならFurnitureから始めてください。

プロジェクトはどのように管理されますか?

各プロジェクトは、Canvas Portfolio コンテンツタイプのレコードです。写真、都市、規模、完了日、床面積、作図に使ったツールを保持し、部屋のカテゴリに属します。「Studios」ページはデモ独自のブロックで一覧を表示し、そのカテゴリからフィルターバーを作成します。そのため、新しいレコードを1件追加すると、グリッドとフィルターの両方に同時に表示されます。

同じサイトで家具やアクセサリーを販売できますか?

はい、WooCommerceを使用しています。Canvas Furnitureデモは実際に動作するストアで、ソファ、チェア、照明、テーブルなどのカテゴリーに16件の商品があります。ショップページ、カートのサイドパネル、デモのデザインでWooCommerceブロックを使って作られたカートページとチェックアウトページもあります。すべてのプランには24個のWooCommerceブロックが含まれるため、ショップなしで開始したスタジオサイトでも、後からテーマを変更せずにショップを追加できます。

お問い合わせフォームはどこに配置すればよいですか?

Interior Designデモには2個のCanvasフォームが含まれています。お問い合わせページのお問い合わせフォームと、トップページのヒーローセクションにあるメール購読欄です。初期状態では、すべての送信内容がWordPressに保存され、そこで確認やエクスポートができます。メール通知、Webhook、Mailchimpは、同じフォームのアクションとして設定でき、ひとつ有効にして宛先アドレスを入力するだけで利用できます。スパムは、ハニーポット、reCAPTCHA v3、Cloudflare Turnstileで防止されます。

色、フォント、写真は変更できますか?

すべてが、Canvas が基盤とする WordPress エディターで行えます。写真は通常のメディアライブラリの画像です。色と書体はテーマオプションで設定し、レイアウトは配置された場所で直接編集するブロックです。ヘッダー、フッター、サイドパネル、ページのヒーローはそれぞれ独立したレコードのため、ヘッダーは一度編集するだけでサイト全体に反映されます。

相談の予約機能やルームプランナーは含まれていますか?

いいえ。Canvasにはページ、プロジェクト、ストア、フォームが含まれています。予約スケジューラー、予約エンジン、CRMはプラグインで対応する領域であり、3Dルームプランナーはテーマの一部ではありません。Contactページには問い合わせフォームが含まれており、スタジオへの問い合わせの多くはここから始まります。

Canvasで、スタジオをオンラインに公開しましょう

1つのライセンスで、すべてのデモとすべてのブロックをご利用いただけます。セットアップウィザードからインテリアデザインのデモをインポートし、ご自身のプロジェクトや写真に差し替えてください。