な〜んだ簡単じゃないの!ブログのリニューアルのやり方【SWELLのデザインの変更】

  • URLをコピーしました!
⚠️このブログは、PRが含まれています
目次

SWELLのブログのデザインの変更手順

  • デザインはDEMOでみられるので、どれに変更するか決める
  • プラグインをインストールする
  • DEMOデータをダウンロードする
  • ダウンロードしたデータをインポートでアップロードする(画像をチェック)
  • 崩れたところを直す(ホーム画面のブログタイトルとメニューをはじめに確認する)

では、順番に具体的な作業を説明していきましょう。

SWELLのブログのデザインの具体的な変更手順

今回は3つのブログ、DEMO02、04、05から、DEMO01にブログのお引っ越しの行った実体験です。

STEP
どのDEMOにするかを決める

まず、SWELLのサイトのデモサイトに行って、DEMOを確認して、着替えさせたいDEMOデータを決めます。

今回はDEMO01に着替えさせます。

DEMOサイトが並んでいる下の
デモサイトのデザインに着せ替えるためのデータも配布しています!
をクリックします。

STEP

Customizer Export/Import」というプラグインをインストール

する

Customizer Export/Import」というプラグインをインストールして、データをインポートしてください。

引用元/SWELL公式サイトより

DEMOを使ったことのある人は、削除していなければプラグインがあると思いますので、確認してみてください。
初めて使用する人は、インストールします。

STEP
着せ替えたいDEMO_dat.zip の「ダウンロード」をクリックする

ダウンロードリンクが現れない人は、SWELLにログインをしていないので、SWELLにログインをします。

STEP
.dat のファイルの解凍をする

zipファイルをダブルクリックすると(2回押す)解凍されて、ファイルが現れます。

.datという拡張子のファイルを確認します。
(どのファイルに解凍されているのか確認)

STEP
.datという拡張子のファイルをインポートからアップロードする

ブログ「カスタマイズ」⇨エクスポート/インポート⇨「ファイルを選択」

先ほど解凍された「.datという拡張子のファイル」が保管されているファイルを開いて「.datという拡張子のファイル」を選び「アップロード」します。

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

STEP
ブログの着替えの後に、崩れているところを直します

① ロゴは正しく表示されているか?

「カスタマイズ」⇨WordPress設定⇨「サイト基本情報」でブログタイトルが変更

「カスタマイズ」⇨ヘッダー⇨「ヘッダーロゴの設定」でブログのヘッダーロゴの設定

② メニューが正しく設定されているか?

「カスタマイズ」⇨メニュー⇨メニューの位置の「すべての位置を表示」をクリックしてメニューの変更

私は、ヘッダーのメニューはカテゴリーに基づいたメニューを使用していて、フッターに固定ページのプライバシポリシーや問い合わせのメニューを置いています。

着替えをさせたら、フッターメニューがメインに表示されていたので修正しました。

まとめーめんどくさくて後回しにしていた【SWELLの着せ替え】は簡単だった

文字で見るよりも、読みながら作業していたら簡単にできます。

バックアップさえとっておけば、失敗したときに元に戻せば良いだけです。

怖がらずに好みのブログに着せ替えしちゃいましょう。

あわせて読みたい
ブログ初心者が一番初めにやることはバックアップ!簡単無料プラグインの設定方法【BackWPup】 更新するのには何かあったら困るからバックアップしたいんだけど、どうすればいいの? そんな悩みを解決します。このブログ記事通りにやったら、毎日自動でデータをバッ...
よかったらシェアしてね!
  • URLをコピーしました!
目次