デモサイト再現手順

デモサイト再現は必須ではありませんが、初めて本テーマを使う場合は、デモサイト再現手順から始めた方がわかりやすいと思います。
ここではSilentテーマを例にしています。同梱してあるSilent100テーマも同じ手順で再現可能です。

準備1： WordPressのインストールとSSL化

レンタルサーバーのHP情報を参考にして、WordPressのインストールとSSL化を行ってください。

準備2： ダウンロードと解凍

ダウンロードしたファイルを解凍します。解凍された以下のファイルはこれ以上解凍する必要はありません。

BOOTHサイトからダウンロード
https://colors-themes.booth.pm/items/2117378

• silent.zip（Silentテーマ）
• silent-plugin.zip（Silentプラグイン）
• silent-child.zip（子テーマ）
• support-password.txt（サポート用簡易パスワード）

取扱説明書とデモサイト再現用ファイルのダウンロード
https://colors-themes.com/contact/

• silent-documentationフォルダ（取扱説明書）
• silent-demo-dataフォルダ（デモサイト再現用データ）

インストールとインポート

1. Silentテーマのインストール

• 管理画面 / 外観 / テーマ / 新規追加
  『 silent.zip 』をアップロードして、インストール、有効化します。

2. Silentプラグインのインストール

• 管理画面 / プラグイン / 新規追加
  『 silent-plugin.zip 』をアップロードして、インストール、有効化します。

3. One Click Demo Importプラグインのインストール

• 管理画面 / プラグイン / 新規追加
  『 One Click Demo Import 』を検索で探し、インストール、有効化します。※再現後は削除可能です。

4. デモデータ3個のインポート

1. 管理画面 / 外観 / Import Demo Data
   『 XMLファイル 』『 WIEファイル 』『 DATファイル 』の3ファイルを選択して、「Continue & Import」ボタンを押します。
2. 「Import Complete!」と表示されたら完了です。

※エラーが出た場合は、もう一度、3ファイルを選択して、「Continue & Import」ボタンを押してください。
※最新版のデモデータでないと失敗することがあります。デモ画像はグレー画像に置き換わります。

WordPressの基本設定

1. メニューの設定

管理画面 / 外観 / メニュー
2箇所にチェックを入れます。

2. サイトの表示設定

管理画面 / 設定 / 表示設定
固定ページを選択して、ホームページに「ホーム1（トップページBiz）」、投稿ページに「ブログ」を選択します。

3. パーマリンク設定

管理画面 / 設定 / パーマリンク設定
「投稿名」を選択します。

4. 再現完了

以上で、デモサイト再現完了です。

Contact Form 7プラグインを使用する場合

1. Contact Form 7プラグインのインストール

管理画面 / プラグイン / 新規追加
『Contact Form 7』を検索で探し、インストール、有効化します。

2. ショートコードのコピペ

管理画面 / お問い合わせ / コンタクトフォーム
新規作成で発行された「ショートコード」をコンタクトページにコピペします。または、Contact Form 7のカスタムブロックを使用します。
カスタマイズしたい場合は、設定画面へ進み、「フォーム」タブ（フォームのカスタマイズ）と、「メール」タブ（自分に届くメールのカスタマイズ）を編集します。

WooCommerceプラグインを使用する場合

1. WooCommerceプラグインのインストール

管理画面 / プラグイン / 新規追加

• 『 WooCommerce 』を検索で探して、インストール、有効化します。

2. Japanized for WooCommerceプラグインのインストール

管理画面 / プラグイン / 新規追加

• 『 Japanized for WooCommerce 』を検索で探して、インストール、有効化します。

3. ショップページの関連付け設定

管理画面 / WooCommerce / 設定 / 商品
ショップページ：「オンラインショップ」を選択します。

4. デモ商品のインポート

管理画面 / 商品 / インポートを開始

• 「インポートを開始」ボタンを押します。
• デモ再現フォルダ内の『CSVァイル』を選択します。指示に従いインポートします。

※必須ではありません。ご自身の商品の新規追加をお勧めします。

5. その他の設定

• 管理画面 / 外観 / ウィジェット
  「ショップページ（サイドバー）」にお好きなウィジェットを入れてください。
• 管理画面 / 外観 / カスタマイザー / WooCommerce / 商品画像
  商品画像の縦横比率を変更できます。
• WooCommerceの設定や使い方について紹介しています。
  https://colors-themes.com/info/

再現トラブルFAQ