MENU

SWELL デモサイトの着せ替え方法を初心者にもわかりやすく解説

SWELL デモサイトの着せ替え方法

SWELLではデモサイトのデザインをそのまま利用できるように着せ替えが可能です。

やり方はプラグインを利用してデータをインポートするだけなのでとても簡単です。

このページではSWELL デモサイトの着せ替え方法を初心者にもわかりやすく解説します。

目次

SWELLのデモサイト 着せ替え手順

SWELLのデモサイト 着せ替え手順は以下の通りです。

  1. 「Customizer Export/Import」プラグインをインストール・有効化
  2. SWELL利用者限定の会員サイトにログイン
  3. 着せ替えデータZIPファイルをダウンロード
  4. 着せ替えデータZIPファイルを解凍
  5. ダッシュボードからカスタマイザーで着せ替えデータをインポート
STEP
「Customizer Export/Import」プラグインをインストール・有効化

ダッシュボードのプラグインから新規追加をクリック

ダッシュボードからプラグインの新規追加

キーワードにCustomizer Export/Importと入力し検索

Customizer Export/Importをキーワード検索

Customizer Export/Importが表示されるので今すぐインストールをクリック

Customizer Export/Importを今すぐインストール

インストールが終了後に有効化ボタンに切り替わるのでクリック

有効化をクリック

Customizer Export/Importのインストールは以上です。

STEP
SWELL利用者限定の会員サイトにログイン

SWELL利用者限定の会員サイトにログインをするとダウンロードファイルが表示されます。

以下はログイン前

ログイン前

ログイン後に各SWELLデモサイトのdatデータがダウンロード表示され可能になります。

ログイン後
STEP
着せ替えデータZIPファイルをダウンロード

表示されているボタンをクリックするだけでダウンロードができます。

STEP
着せ替えデータZIPファイルを解凍
着せ替えデータ

Windowsパソコンなら右クリックで解凍が簡単にできます。

右クリック⇒解答をクリックして任意の場所に解凍してください。

STEP
ダッシュボードからカスタマイザーで着せ替えデータをインポート

ダッシュボードの外観からカスタマイズをクリックします。

外観からカスタマイズ

Customizer Export/Importをインストールするとカスタマイザーの一番下にエクスポート/インポートという項目が追加されています。

エクスポート/インポートをクリックしてください。

着せ替えデータをインポートする前に今の設定を書き出しておきましょう。

今の設定を書き出してエクスポートしておけば後から元に戻す事が可能です。

ファイルを選択をクリックし解凍した着せ替えデータを選択します。

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

下記のようにSWELLデモサイトの着せ替えが完了します。

swell_demo01

SWELLのデモサイト 着せ替え手順は以上です。

まとめ

SWELL デモサイトの着せ替えはとても簡単です。

初心者でもポチポチクリックしていくだけでデモサイトのような綺麗なデザインを反映させる事ができます。

デモサイトの着せ替えをする前に自分でデザインの設定をいじった場合は念の為、今の設定を書き出してエクスポートしておきましょう。

SWELL デモサイトの着せ替え方法

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!

コメント

コメントする

目次