MENU

ー おすすめの記事 

SWELL全レビュー

SWELL購入から使い始めるまでの全レビュー!
迷ったけれど、やっぱり選んで良かった

SWELLデメリットまとめ

SWELL導入前に知りたいデメリット!
後悔しないための注意点まとめ

ジューン・マイマイ
パッタン・ブログ主催者
在宅ワーク応援ライター|SWELL×副業×スキルアップ情報をお届けします

在宅フリーランス18年目。
パソコン相談なんでもOKの、40代フリーランスです。
WordPree テーマ【SWELL】
シンプル美と機能性を両立させた、国内最高峰のWordPressテーマ『SWELL』

SWELLデモサイトで簡単にオシャレなブログに着せ替えよう!

当ページのリンクには広告が含まれています。
SWELLデモサイトで着せ替えよう
こんな方にオススメ!

SWELLを使ってブログを立ち上げたいけど、デザインに自信がない。

最初からSWELLの設定をするのはちょっと大変そう。雛形があれば便利なのに・・・

SWELLで、1日でも早く記事を書けるブログを準備したい!

今回は、のデモサイトを使った、着せ替えについて解説します。

この機能を活用すれば、ブログ初心者でも簡単に、センスの良いデザインに仕上げることができます。

ジューン

では、さっそく見ていきましょう!

\ 本当に使いやすいテーマなら/

目次

SWELLデモサイトの着せ替えとは?

SWELLの公式サイトには、初心者でも簡単にサイトデザインを整えられるデモサイトデータが6つ無料で用意されています。(2024年12月現在)

こちらが、6つのデモサイトです。

SWELLデモサイト

SWELL公式サイト

無料であるって、実はすごいことです!(着せ替えデータが有料のテーマもあるので)
はっきり言って、どれにしようか迷うほどです。

6つのデモサイトの違いについては、こちらの記事を参考にしてくださいね。

SWELLデモサイトの着せ替えのメリット

べつにSWELLのデモサイトで着せ替え使わなくても、いいんじゃない?

確かに、デモサイトを使って着せ替えしなくても、ブログは作れます!
でも、初心者にとってSWELLデモサイトの着せ替えは、本当にありがたい存在です。
大きくわけて、3つのメリットがあります。

メリット1:デザインの基礎が整った状態でスタートできる

デモサイトをインポートすると、サイト全体の構成やスタイルがあらかじめ設定された状態になるため、初期設定に時間をかける必要がありません。

メリット2:色やフォントなどの色味がすでに整えてある

デモサイトで好みのものあがればそのまま色やフォントなどの色味を活用できるので便利! 

メリット3:トップページのカスタマイズが簡単!

ブログを始める時に悩むのがトップページの構成。
デモサイトにはトップページの構成が決まっていて、仮の画像が含まれており、画像をあてはまめてしまえば、すぐに完成します。

ジューン

SWELLを初めて使ったとき、私もデモサイトの着せ替え機能を活用しました。

初心者にとってこの機能はとても便利で、デザインを試してみても、気に入らなければ簡単に元の状態に戻せるので安心です。私は結局、実際に2つのデモサイトを着せ替えして、それぞれの特徴や使いやすさをじっくり研究しました。

それぞれ異なるデザインやレイアウトを持っているので、自分のブログのイメージに合うものを探す時間も楽しい経験でした。

\ 本当に使いやすいテーマなら/

SWELLデモサイトを使った着せ替え手順

では、SWELLデモサイトを使った実際の着せ替え手順についてお伝えします。

まだ、「SWELL」を購入・インストールしてない、という方はこちらの記事を参考にしてください。

また、事前にSWELL会員サイトへの登録を完了させておいてください。

ジューン

それでは、着せ替え始めます!

STEP
SWELL着せ替えデータをダウンロードする

1.「SWELLのデモサイトデータ一覧」ページにアクセスしてください。

2.使うデモデータをクリックしてダウンロードします。(zipファイルです)

SWELLデモサイトデータダウンロード
STEP
ダウンロードしたzipファイルを解凍する

「swell_demo⚪︎⚪︎.dat_.zip」というファイルがダウンロードされます。
解凍するとできる「swell_demo〇〇.dat」というファイルを使用します。
※〇〇はデモサイトの番号です。

SWELLデモサイトデータ
STEP
WordPressでプラグイン「Customizer Export/Import」をインストール・有効化する
  1. WordPress管理画面→「プラグイン」→「新規追加」から右上の検索窓でCustomizer Export/Importを検索します。 
  2. インストール後に、そのまま有効化しましょう。
プラグイン有効化
STEP
着せ替えデータをインポートする

1.WordPress管理画面→「外観」→「カスタマイズ」→「エクスポート/インポート」に進む。

2.「ファイルを選択」ボタンをクリックして、先ほどDLした「.dat」ファイルを選択し、インポートボタンをクリック。

SWELLデモデータ インポート
STEP
着せ替えは完了です!

おめでとうございます!これで着せ替え作業は完了しました。

実際に着せ替え作業自体は、10分程度で終わったと思います。

ジューン

着せ替えが終わったら、すぐにやっておきたい作業があります。
これも、10分程度の作業なので、インストールしたらさっさと済ませておきましょう。

SWELL着せ替え後に、すぐやっておきたい作業

やっておきたい作業は3つです。

SWELL着せ替え後の作業

① ヘッダーロゴの変更

② コピーライトの修正

③ SNSリンクの変更

すぐにやっておきましょう!

作業① ヘッダーロゴの変更

「SWELL DEMO」というロゴになっているので、自分のブログのロゴに変更します。

管理画面から「外観」→「カスタマイズ」→「ヘッダー」をクリックします。
「ロゴ画像の設定」で、画像を選択しましょう。

ロゴの変更方法の詳細は、こちらの記事を参考にしてください。

作業② コピーライトの修正

コピーライトが「© SWELL DEMO ⚪︎⚪︎.」となっています。
これも修正しておきましょう。

管理画面から「外観」→「カスタマイズ」→「フッター」をクリックします。
「コピーライト設定」のところで修正しましょう。

コピーライトの設定

作業③ SNSリンクの変更

SNSのリンクもSWELLのものになっています。

管理画面から「外観」→「カスタマイズ」→「SNS情報」で変更しましょう。

SNS情報

これで、すぐにやりたい作業は完了です!

ジューン

おめでとうございます!

SWELLデモサイト活用のメリットを最大限に引き出そう

今回は、デモサイトを使った、着せ替えについて解説しました。

SWELLデモサイトを活用することで、デザインの手間を大幅に省きながら、運営に集中することができます。また、プロ並みのクオリティでブログを始められるので、訪問者にも好印象を与えられるでしょう。

SWELLのデモサイトは、初心者にも優しい設計となっており、ブログ運営のスタートをスムーズにしてくれます。

ジューン

ぜひ、この機能を活用して、あなたのブログをもっと魅力的に仕上げてみてください!

最後まで読んでいただいて、ありがとうございました!

\ 本当に使いやすいテーマなら/

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