【WordPress】デモサイトのデザインをインポートする方法【カスタマイザー】

WordPressテーマ「SIMPLE」では、デモサイトのデザインをインポートしてそのまま使うことができます。

自分で一からデザインを設定するのは面倒くさい・・・

手間をかけずにサイト全体のデザインを整えたい

といった方は、WordPressテーマ「SIMPLE」を利用することをオススメします。

デモサイトは全部で8種類用意してあります。下記のリンクにまとめているので、確認してみてください。

本記事では、テーマ「SIMPLE」でデモサイトのデザインをインポートする方法を解説します。

具体的な手順は、以下の通りです。

• デモサイトのデザイン設定ファイルをダウンロードする
• プラグイン「Customizer Export/Import」をインストールする
• デザインをインポートする

詳しく解説していきます。

WordPressテーマ「SIMPLE」でデモサイトのデザインをインポートする方法

デモサイトのデザイン設定ファイルをダウンロードする

まずは、テーマ「SIMPLE」のダウンロードページからインポートしたいデモサイトのデザインファイルをダウンロードします。

プラグイン「Customizer Export/Import」をインストールする

WordPressの管理画面にログインして、「プラグイン」 → 「新規追加」に移動します。

「customizer export import」で検索すると出てくるので、「今すぐインストール」 → 「有効化」をクリックします。

デザインをインポートする

続いて「外観 → カスタマイズ」に移動します。

プラグインを有効化すると、一番下に「エクスポート/インポート」という項目が追加されます。デザインのインポートはここで行います。

「インポート」の「ファイルを選択」でさきほどダウンロードしたデモサイトのデザイン設定ファイルを選択します。

「画像ファイルをダウンロードしてインポートしますか ?」にチェックを入れて「インポート」をクリックします。

これで、デザインインポートは完了です。

サイトを見ると、デザインが変わっているのがわかると思います。

デフォルトのデザインに戻したいときは

デフォルトのデザインに戻したい時は、以下のデザインファイルを同じやり方でインポートすれば、デフォルトのデザインに戻ります。

インポート後ピックアップコンテンツの余白がなくなるときの対処法

デザインのインポート後、以下の画像のように、ピックアップコンテンツの余白がなくなる不具合が発生する場合があります。

上記の現象が発生した場合は、お手数ですが以下の記事を参考にしてメニューを作成し、メニューの場所をピックアップコンテンツに設定していただくと、改善します。

【WordPress】ピックアップコンテンツを設定する方法 テーマ「SIMPLE」では、アピールしたい記事をサイト上部に表示できる「ピックアップコンテンツ」を設定できます。 本記事では、テーマ「SIMPL…