SWELLのブログのデザインの変更手順
- デザインはDEMOでみられるので、どれに変更するか決める
- プラグインをインストールする
- DEMOデータをダウンロードする
- ダウンロードしたデータをインポートでアップロードする(画像をチェック)
- 崩れたところを直す(ホーム画面のブログタイトルとメニューをはじめに確認する)
では、順番に具体的な作業を説明していきましょう。
SWELLのブログのデザインの具体的な変更手順
今回は3つのブログ、DEMO02、04、05から、DEMO01にブログのお引っ越しの行った実体験です。
まず、SWELLのサイトのデモサイトに行って、DEMOを確認して、着替えさせたいDEMOデータを決めます。
今回はDEMO01に着替えさせます。
DEMOサイトが並んでいる下の
「デモサイトのデザインに着せ替えるためのデータも配布しています!」
をクリックします。
「Customizer Export/Import」というプラグインをインストール
する「Customizer Export/Import」というプラグインをインストールして、データをインポートしてください。
引用元/SWELL公式サイトより
DEMOを使ったことのある人は、削除していなければプラグインがあると思いますので、確認してみてください。
初めて使用する人は、インストールします。
ダウンロードリンクが現れない人は、SWELLにログインをしていないので、SWELLにログインをします。
zipファイルをダブルクリックすると(2回押す)解凍されて、ファイルが現れます。
.dat
という拡張子のファイルを確認します。
(どのファイルに解凍されているのか確認)
ブログ「カスタマイズ」⇨エクスポート/インポート⇨「ファイルを選択」
先ほど解凍された「.dat
という拡張子のファイル」が保管されているファイルを開いて「.dat
という拡張子のファイル」を選び「アップロード」します。
「画像ファイルをダウンロードしてインポートしますか ?」にチェックを入れてインポートします。
① ロゴは正しく表示されているか?
「カスタマイズ」⇨WordPress設定⇨「サイト基本情報」でブログタイトルが変更
「カスタマイズ」⇨ヘッダー⇨「ヘッダーロゴの設定」でブログのヘッダーロゴの設定
② メニューが正しく設定されているか?
「カスタマイズ」⇨メニュー⇨メニューの位置の「すべての位置を表示」をクリックしてメニューの変更
私は、ヘッダーのメニューはカテゴリーに基づいたメニューを使用していて、フッターに固定ページのプライバシポリシーや問い合わせのメニューを置いています。
着替えをさせたら、フッターメニューがメインに表示されていたので修正しました。
まとめーめんどくさくて後回しにしていた【SWELLの着せ替え】は簡単だった
文字で見るよりも、読みながら作業していたら簡単にできます。
バックアップさえとっておけば、失敗したときに元に戻せば良いだけです。
怖がらずに好みのブログに着せ替えしちゃいましょう。