WooCommerce用 WordPress テーマFlatsomeデモをインストールする

Flatsomeは WooCommerce用 WordPress テーマとして、現在週間販売ランキング5位を占めている人気のテーマの一つです。

WordPressでショッピングモールを運営する場合、Flatsomeのような WooCommerce 専用のテーマを使用するか Avada, Enfold などの多目的テーマを使用することができます。

• WooCommerce用モール WordPress テーマ

過去ブラックフライデー期間Flatsomeが35ドルの割引販売されてFlatsome、 Salient などいくつかのテーマを購入しました。 昨日Flatsomeを設置しました。

WordPress Flatsomeテーマのインストール

まず、Envato Marketからテーマのインストールファイルをダウンロードする必要があります。

Downloadページで、テーマの ダウンロード ドロップダウンメニューからダウンロードすることができます。 All files＆documentationを選択すると、インストールファイルとマニュアル（documentation）を含め、すべてのファイルをダウンロードすることができます。 Installable WordPress file onlyを選択してダウンロードすると、インストールファイルのみをダウンロードします。 Flatsomeは、インストール手順の実行中チャイルドテーマ（子テーマ）をインストールするオプションがありますので、 Installable WordPress file onlyを選択してダウンロードしてもされます。

WordPress 管理者ページで ルックス>テーマ>新しく追加をクリックして「テーマアップロードボタンをクリックして、ダウンロードしたテーマのインストールファイルをアップロードしてインストールします。

Welcome画面が表示されます。 インストールするために、3〜5分かかると案内しています。 下段の 行こう！をクリックします。

アクティブにしましょう Theme(テーマ認証) ページが表示されます。 Purchase codeを入力すると、自動テーマの更新が可能でサポートを受けることができます。 私は一時的ドメインにインストールしたので、今はコードを登録せずに このステップを飛ばすを選択しました。 Avada 同じ一部のテーマでは、ライセンス認証を行わないとデモをインストールできませんが、Flatsomeはデモコンテンツのインストールが可能です。 ライセンス認証を行うにはアクティブにしましょう「」をクリックします。

第二段階としてチャイルドテーマ（子テーマ、サブテーマ）をインストールする画面が表示されます。 この手順は必須ではないので このステップを飛ばすを選択して、スキップすることもできます。 チャイルドテーマを作成するには Create and Use Child Themeをクリックします。

今基本プラグインをインストールする画面が表示されます。 次のようなプラグインがインストールされます。

• お問い合わせフォーム7
• Nextend Social Login
• Unlimited Sidebars Woosidebars
• WooCommerce（WooCommerce)
• YITH WooCommerce Whishlist

上の画面では、Contact Form 7が既にインストールされているので Activation required（アクティブ化が必要）が表示されています。 Continueをクリックすると、プラグインがインストールされます。 Nextend Social Loginは、インストールの途中でAjax errorメッセージが表示されたが、インストール後に見てみると、通常インストールされていますね。

以下は、デモコンテンツをインストールする手順です。 インストールしたいデモコンテンツをチェックした後、 Continueをクリックします。

次のステップでは、ロゴを指定して、フロントページとして使用するデザインを選択します。 Select Presetで事前に作成されたページを前面ページに選択するようにします。 現在、全17個のデザインが提供されます。

ちなみにデモページに画像は含まれていません。 デザインを選択して、実際のサイトを見ると、画像がない状態でサイトが表示されます。 ダミー画像は、実際の画像に置き換える必要があります。

Help and Supportページが表示されます。 その後、 Agree and Continueをクリックします。

これでインストールが完了しました。 Setup WooCommerceをクリックして、 WooCommerceを設定したり、 View your new websiteをクリックしてサイトを見ることができます。

サイトを訪問すると、選択したフロントページが表示されます。 ただし、画像は含まれていないので、画像は表示されません。

FlatsomeはUX Builderというページビルダーが使用されます。

UX Builderで編集をクリックしてページを編集することができます。

他のページビルダーとは少し違って感じられるが、慣れれば使い方は似ているようです。

新しいElementを追加するために、プラス（+）アイコンをクリックすると、上の図のように左にレイアウトやコンテンツを追加できるように表示されます。

WordPress 伝言板>設定>読むデモを変更することができます。

ホームページを表示>静的なページで、目的のデモを選択して、フロントページに設定します。

最後に、

以上で WordPress ショッピングモールに多く使用されている Flatsomeテーマのインストールプロセスを説明しました。

UX Builderというページビルダーを使用しているFlatsomeは WooCommerceに特化した多目的反応型 WooCommerce テーマ（Multi-Purpose Responsive WooCommerce Theme）です。 Avada など多目的テーマでもショッピングモール関連のデモを提供していますが、数が数個ませんが、Flatsomeは、さまざまなショッピングモール関連のデモページを提供しています。

メモ：

• WordPress Avada(Avada）テーマデモのインストールとアンインストール