デモサイト再現手順
Silentテーマのデモサイトの再現手順です。
デモサイトの再現は必須ではありません。
2. インストール
管理画面 / 外観 / テーマ / 新規追加
『 silent.zip 』をアップロードして、インストール、有効化します。
管理画面 / プラグイン / 新規追加
『 silent-blocks.zip 』をアップロードして、インストール、有効化します。
3. One Click Demo Importプラグインのインストール
管理画面 / プラグイン / 新規追加
『 One Click Demo Import 』を検索で探し、インストール、有効化します。※再現後は削除可能です。
4. デモデータ3個のインポート
管理画面 / 外観 / Import Demo Data
『 XMLファイル 』『 WIEファイル 』『 DATファイル 』の3ファイルを選択して、「Continue & Import」ボタンを押します。「Import Complete!」と表示されたら完了です。
WordPressの基本設定
WordPressの基本的な設定を行います。
1. メニューの設定
管理画面 / 外観 / メニュー
画像のように2箇所にチェックを入れます。
2. サイトの表示設定
管理画面 / 設定 / 表示設定
画像のように「ホーム1」「ブログ」を選択して設定します。
ブログテーマとして使用する場合は、「最新の投稿」を選択します。
※「検索エンジンがサイトをインデックスしないようにする」のチェックを外しておきます。
3. パーマリンク設定
管理画面 / 設定 / パーマリンク設定
「投稿名」を選択します。
Contact Form 7プラグインを使用する場合
デモサイトの再現は行わず、一から設定します(送信先メールアドレスなど再現できない箇所もあるため)。
1. Contact Form 7プラグインのインストール
管理画面 / プラグイン / 新規追加
『Contact Form 7』を検索で探し、インストール、有効化します。
2. ショートコードのコピペ
管理画面 / お問い合わせ / コンタクトフォーム
発行された「ショートコード」をコンタクトページにコピペします。または、Contact Form 7のカスタムブロックを使用します。シンプルなコンタクトフォームの完成です。テスト送信をしてみてください。
3. カスタマイズ(フォーム)
管理画面 / お問い合わせ / コンタクトフォーム
「フォーム」タブで、フォームのカスタマイズができます。
迷惑メール対策には「クイズ」が効果的です。
4. カスタマイズ(メール)
管理画面 / お問い合わせ / コンタクトフォーム
「メール」タブで、自分に届くメールのカスタマイズができます。
WooCommerceプラグインを使用する場合
WooCommerceプラグインの設定や使い方を紹介しています。
https://colors-themes.com/info/
1. WooCommerceプラグインのインストール
管理画面 / プラグイン / 新規追加
『 WooCommerce 』を検索で探して、インストール、有効化します。
2. Japanized for WooCommerceプラグインのインストール
管理画面 / プラグイン / 新規追加
『 Japanized for WooCommerce 』を検索で探して、インストール、有効化します。
3. ショップページの関連付け設定
管理画面 / WooCommerce / 設定 / 商品
ショップページ:「オンラインショップ」を選択します。
4. デモ商品のインポート
管理画面 / 商品 / インポートを開始
「インポートを開始」ボタンを押します。デモ再現フォルダ内の『CSVァイル』を選択します。指示に従いインポートします。
※必須ではありません。ご自身の商品の新規追加をお勧めします。
5. その他の設定
管理画面 / 外観 / ウィジェット
「サイドバー(WooCommerce)」にお好きなウィジェットを入れてください。画像はクラシックウィジェットとして使用時の場合です。
管理画面 / 外観 / カスタマイザー / WooCommerce
商品画像の縦横比率などを変更できます。
再現トラブルFAQ
デモ再現がうまくいきません
- SilentテーマとSilent Blocksプラグインを有効にしていないと再現できません。
- 古いデモデータをご利用の場合は、最新のデモデータをご利用ください。
- 再現プラグインの不具合等で、同じウィジェットが複数個表示されることがあります。手動で削除してください。
- デモデータ3個のアップロードでエラーが出た場合は、もう一度3ファイルを選択してアップロードするとうまく行くことがあります。
Import Failed error (500)と表示される
デモサイトの画像のインポートにかかる時間やサイズが、サーバーの設定値を超えたのが原因です。
もう一度インポートすると、途中から再開できる場合もあります。
デモサイト再現をやり直したい場合
『 One Click Demo Import 』はインポート専用プラグインです。
インポートしたデータを削除後、再度インポートを行ってください。
削除方法
方法1: インポートしたページと画像を「手動」で削除します。
方法2: 「Advanced WordPress Reset」でデータベースをリセットします(記事も消えるので、バックアップを取ってください)。
WooCommerceで、「インポートが完了しました。 6件の商品のインポートに失敗しました」と表示される
ローカル環境だと失敗するようです。レンタルサーバー上でインポートしてみてください。