WordPressテーマ「SWELL」のレビューはこちら

【たった3分でおしゃれブログに】SWELLのデモサイト着せ替え方法を解説

SWELL

こんにちは、さいそん(@saison_program)です。

この記事では、SWELLが用意している「デモサイト」の着せ替え方法について詳しく解説をしています。

SWELLをダウンロードしたけれどもどうやってデモサイトに着せ替えるの?

このような疑問や悩みに答えていきます!

本記事の内容
  • SWELLのデモサイトの種類
  • SWELLのデモサイト着せ替え方法

執筆者情報

Twitter(@saison_program)

おしゃれなブログを誰でも簡単に作成することができる大人気WordPressテーマ「SWELL」ではあらかじめ用意されているデモサイトの装飾を利用することができます。

ブログの外観をSWELLが用意しているデモサイトのものを利用したいと考えている方向けに画像付きで詳しく解説をしていますのでぜひ着せ替え機能を使ってみましょう。

SWELLの購入を検討している方は下記の記事も参考にしてみてくださいね。

ではさっそく内容に入っていきましょう!

目次

SWELLのデモサイトは全6種類

DEMO 01
DEMO 02
DEMO 03
DEMO 04
DEMO 05
DEMO 06

SWELLが用意しているデモサイトは上画像の全6種類のラインナップとなっています。

SWELLのデモサイトについて

SWELLのデモサイトには「ブログ型」と「サイト型」の両方が用意されているので用途に応じてすぐに利用可能です。

あなたが利用してみたいデモサイトの種類を選んで簡単な設定ですぐにおしゃれなブログへと変身させることができるので次の項目で具体的な操作方法を紹介していきますね。

》SWELLの公式ホームページでデモサイトを確認する

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

SWELLのデモサイトの着せ替えはたった3分で完了させることができます。

具体的には下記のステップで設定をしていきます↓

SWELLデモサイトの着せ替え方法
  1. 「Customizer Export/Import」をインストール(プラグイン)
  2. SWELL会員サイトからデモサイトをダウンロード
  3. SWELLカスタマイズでデモサイトをインポート

それぞれの手順を画像付きで解説をしていきますね。

1.「Customizer Export/Import」をインストール(プラグイン)

デモサイトをインストールする際には専用のプラグイン「Customizer Export/Import」のインストールが必要です。

プラグインのインストール自体は簡単ですので以下の手順でサクッとインストールしてしまいましょう。

プラグインのインストール
STEP
WordPress管理画面の[プラグイン]→[新規追加]をクリック
STEP
「Customizer Export/Import」を検索して[今すぐインストール]をクリック
Customizer ExportImport
STEP
「Customizer Export/Import」を有効化
Customizer ExportImport

2.SWELL会員サイトからデモサイトをダウンロード

SWELL会員サイト「SWELLERS’」からデモサイトをダウンロードしていく手順は下記の通りです↓

デモサイトのダウンロード
STEP
SWELL会員サイト「SWELLERS’」にアクセス
STEP
デモサイトをダウンロード

着せ替えたいデモサイトをクリックするとzipファイル形式でPCに保存されます。

デモサイトダウンロード
STEP
zipファイルを解答して「dat」形式で保存

※Macをご利用の場合はダウンロードされたzipファイルをダブルクリックすると自動的に解凍されてdat拡張子形式で保存されます。

「swell_demo01.dat」といったファイルを確認できればOKです。(01の部分はダウンロードしたデモサイトの番号となります)

以上でデモサイトのファイルのダウンロードは完了です。あとはWordPressにデモサイトファイルをインポートするだけですのであと少し作業をしていきましょう!

3.SWELLカスタマイズでデモサイトをインポート

最後に下記の手順でデモサイトをWordPressにインポートしていきます。

デモサイトのインポート
STEP
WordPress管理画面の[カスタマイズ]をクリック
SWELLカスタマイズ
STEP
[エクスポート/インポート]をクリック
デモサイトインポート
STEP
[ファイルを選択]をクリック
ファイルを選択
STEP
デモサイトのファイルを選択
デモサイトファイルの選択
STEP
[画像ファイルをダウンロードしてインポートしますか?]にチェックを入れて[インポート]をクリック
インポート実行
STEP
「Customizer Export/Import」プラグインを削除
プラグイン削除

サイトが重くならないように不要なプラグインは削除しておくようにすることをおすすめします。

以上でSWELLのデモサイトへ着せ替えが完了です。お疲れさまでした!

まとめ:SWELLのデモサイトでブログをおしゃれにしよう

今回はSWELLのデモサイトを利用してブログを着せ替える方法について詳しく解説をしました。

SWELLデモサイトの着せ替え方法
  1. 「Customizer Export/Import」をインストール(プラグイン)
  2. SWELL会員サイトからデモサイトをダウンロード
  3. SWELLカスタマイズでデモサイトをインポート

以上の手順で誰でも簡単にデモサイトを利用することができますので装飾の手間を省きたかったり、カスタマイズが苦手な方はぜひ利用してみてください。

下記の記事ではSWELLの高機能な装飾「テーブルブロック」の使い方について画像付きで詳しく解説をしていますので参考にしてみてくださいね。

SWELL

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

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