Gutenberg(グーデンベルグ)の直観的操作性!!当ブログ使用テーマ【 SWELL 】 詳しくはここをクリック!!

【簡単】SWELLのデモサイトの着せ替え方法を解説【6種類から】

SWELL初心者

SWELLの公式ページにあるお洒落なデモサイトを使ってみたい!
着せ替え方法を教えてほしい!

そんな疑問に答えます!

SWELLでは『 HTMLやCSS 』といった専門的な知識が無くても、お洒落なデザインのブログが作れるデモサイトが公式ページに6種類用意されてます。

mako

SWELLのデモサイトは6種類!
それぞれイメージが違っていて見てるだけでワクワクしますね!

この記事ではそんなデモサイトの着せ替え方法を解説します。

この記事を書いた人
  • 大企業工場勤務の40歳
  • 専門知識無しの初心者
  • 2020年1月にブログ開設
  • 4記事でアドセンス合格
  • 2020年4月に実際にSWELLを購入
マコです

SWELLレビュー記事はこちら

こちらがSWELLのデモサイト6種類です。下にスクロールします。

SWELLを買おうか迷ってる方はこちらをどうぞ
デモサイトの着せ替えの流れ
  1. 好みのデモサイトを選び、ファイルをダウンロードする
  2. デモサイトの着せ替え用のプラグインをインストールする
  3. デモサイトのデザインに着せ替える
  4. 細かい所を手直しする

以上です。それでは順に解説していきます。

目次

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

STEP
好みのデモサイトを選び、ファイルをダウンロードする
  1. SWELL公式サイトSWELLERS`のマイページからログインする
  2. SWELL製品ページへ 』から『 デモサイトの設定データ 』の『 こちらのページ 』をクリック
  3. 好きなデモサイトのファイルをダウンロードする
  4. ダウンロードしたファイルを『 展開 』して『 datファイル 』を出す
STEP
デモサイト着せ替え用のプラグインをインストールする
  1. WordPressのダッシュボードの『 プラグイン 』から『 新規追加 』をクリックする
  2. 検索窓に【 Customizer Export/Import 】と検索して『 今すぐインストール 』をクリックする
  3. 有効化 』させる
STEP
デモサイトのデザインに着せ替える
  1. WordPressのダッシュボードの『 外観 』から『 カスタマイズ 』をクリックする
  2. 1番下の『 エクスポート/インポート 』という項目をクリックする
  3. ファイルを選択 』をクリックし、先ほど選んだデモサイトの『 datファイル 』をインポートさせる

STEP
細かい所をお好みにデザインして完了

  1. デモサイトの着せ替え後は、細部を『自分好みにデザイン』して下さい。
mako

以上でデモサイトの着せ替えが完了です。
お疲れ様でした。

SWELLのデモサイトの着せ替え方法を解説のまとめ

以上がSWELLのデモサイトの着せ替え方法の解説でした。

おさらい
  • デモサイトを選んでダウンロードする
  • 着せ替え用のプラグインをインストールする
  • デモサイトをインポートして着せ替える
  • 細部を調整して完了

この様にSWELLでは6種類のデモサイトに簡単に着せ替える事ができます。

難しいカスタマイズを使わないで、ブログ初心者でもお洒落なサイトが作れるので嬉しいですね。

ブログ初心者にオススメ機能満載

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

よかったらシェアしてね!
目次
閉じる