WordPressのテーマ【 SWELL 】にした後はすることが多くて焦りますよね。
この記事でSWELLのサイトデザインへの着せ替え方法を分かりやすく簡潔に説明します！
すぐに終わらせましょう！
あのドキこんにちは
あのドキです
とりぴっぴこんちわっす
とりぴっぴっす
この記事は下の記事の補足記事になります。
サイトのデザイン選びから着せ替えまで
着せ替えをしたいデモサイトのデザインを選ぶ
SWELLでは6つのデモサイトのデザインデータが用意されてます。簡単に同じデザインへの着せ替えができます。
まずは自分のサイトのベースとしたいデザインを選びましょう。
★ デモサイトデータを使わず自分でカスタマイズすることもできます。
- ダッシュボード（WordPress）「外観」
- 「カスタマイズ」の各メニュー でカスタマイズできます。
あのドキこのブログはDEMO 04を選んでからカスタマイズしたよ！
プラグイン『Customizer Export/Import』をインストールする
サイトデザイン着せ替えに必要なプラグイン『Customizer Export/Import』をインストールします。
同じテーマを利用して別ドメインでサイトを始めたい時に、カスタマイザーの設定を手軽に引き継げるプラグインです。
- ダッシュボード（WordPress）「プラグイン」
- 「新規追加」
- キーワードに「Customizer Export/Import」と入力し検索
- 「今すぐインストール」
- 有効化
デモサイトのデザイン着せ替えファイルをダウンロードする
選んだデモサイトのデザイン着せ替えファイルをダウンロードします。
下の記事からデモサイトデータがダウンロードできます。
★ zipファイルがダウンロードできます。zipファイルを解凍すると出てくる「.dat」という拡張子のファイルを後で使います。
サイトデザインの着せ替えをする
- ダッシュボード（WordPress）「外観」
- 「カスタマイズ」
- 左下の「エクスポート/インポート」
- 「インポート」の「ファイルを選択」で先程のdatファイルを選択
※デモサイトで使われている画像もダウンロードしたい場合は□にチェックを入れます。
- 「インポート」
- メニュー画面の上にある「公開」で完了
あのドキこれで着せ替え完了！
デザイン着せ替え後にすること4つ
ヘッダーのロゴを変更する
着せ替え後のヘッダーのロゴは「SWELL DEMO」になっています。自分のものを設定しましょう。
- ダッシュボード（WordPress）「外観」
- 「カスタマイズ」
- 「 ヘッダー」
- 「■ヘッダーロゴの設定」の「ロゴ画像の設定」で「画像を選択」
- 何でもいいので一度画像をアップロード
- 「削除」
- メニュー画面の上にある「公開」で完了
自分のサイトのロゴ画像があれば、それを使用しましょう。
サイトのヘッダー画像は、「ヘッダーロゴ」ではなく「メインビジュアル」の設定です。メインビジュアルの設定はこちらです。
- ダッシュボード（WordPress）「外観」
- 「カスタマイズ」
- 「 トップページ」
- 「メインビジュアル」
- 「メインビジュアルの表示内容」の「画像」にチェック
- 少し下の「■各スライドの設定」の「スライド[1]」で画像を設定
- メニュー画面の上にある「公開」で完了
フッターのコピーライトを変更する
着せ替えをするとフッターにあるコピーライトが「@2019 SWELL DEMO 00」のようになります。忘れずに直しておきましょう。
- ダッシュボード（WordPress）「外観」
- 「カスタマイズ」
- 「 フッター」
- 「■コピーライト設定」の「コピーライトのテキスト」で「2020 〇〇（サイトのタイトル）.」のように入力
- メニュー画面の上にある「公開」で完了
SNS情報を変更する
着せ替え後は「SNS情報」がデモサイトの情報に上書きされます。自分のものを設定しましょう。
- ダッシュボード（WordPress）「外観」
- 「カスタマイズ」
- 「 SNS情報」でSNS情報を入力
- メニュー画面の上にある「公開」で完了
プラグイン『Customizer Export/Import』を削除する
着せ替えが終わったので、プラグイン『Customizer Export/Import』は削除しましょう。残しておくとサイト表示速度を下げる原因になります。
- ダッシュボード（WordPress）「プラグイン」
- 「インストール済プラグイン」
- 『Customizer Export/Import』を「無効化」
- 「削除」
- 「OK」で完了
あのドキ以上！
終わりに -ブログ初心者でも分かりやすく書いたよ！って話-
最後まで読んでくれた方、ありがとうございます！
このブログは今回が最終回です。
とりぴっぴ補足記事なのに
テーマを新しくするとすることが一杯だよね…。ということで極力短くなるようにまとめました！
他の細かい設定も把握していくと楽しいですよ！記事も書かないといけないけど…
とりぴっぴそれならこの部分いらないよね…？
いつもコメントをくれたみんな！
TwitterやInstagramなどのSNSで共有してくれたみんな！
今まで支えてくれたみんな！ワンピース！本当にありがとう！
とても…とても楽しかったです。
それではまた どこかでお会いできれば幸いに思います。
＼ もよろしくね！ ／
あのドキ今までありがとう！
とりぴっぴありがとなー
アークマ先生ありがとう
ご愛読ありがとうございました。あのドキ先生の次回作にご期待ください。
ブログを続けられる自信がないので記事を書くごとに最終回します。
コメント