こんにちは。銀河(@ginga_noguchi)です。
WordPressテーマ『SWELL』の設定マニュアルです。この記事ではカスタマイザーによるサイトのデザイン・設定をおこなっていきます。
YouTube版
4-1. カラー設定
STEP
設定できる箇所の確認
![](https://pc11.co.jp/wp-content/uploads/2022/12/2022_10_03_swell_customizer_234-1024x519.png)
フッターとはサイト最下部のコンテンツです。このエリアを設定する場合は、事前にフッターウィジェットを配置している方がわかりやすいです。
設定できること
- フッター背景色
- フッター文字色
- ウィジェットエリアの背景色
- ウィジェットエリアの文字色
STEP
サイトに合わせて色を設定する
設定例
![](https://pc11.co.jp/wp-content/uploads/2022/12/2022_10_03_swell_customizer_235-1024x520.png)
デザインに不慣れな場合はヘッダーカラーに合わせておくのが無難です。
4-2. コピーライト設定
STEP
コピーライトのテキスト
![](https://pc11.co.jp/wp-content/uploads/2022/12/2022_10_03_swell_customizer_236-1024x522.png)
コピーライトはデフォルトではサイトタイトルが入ります。HTMLの使用も可能ですのでリンクを貼ることもできます。
4-3. その他の設定
STEP
「フッター」と「フッター直前ウィジェット」の間の余白をなくす
![](https://pc11.co.jp/wp-content/uploads/2022/12/2022_10_03_swell_customizer_237-1024x521.png)
フッター直前にバナー画像を貼ってリンクを並べたいと思ったとします。なにもないとわかりにくいのでサンプルでフッター直前ウィジェットを配置しました。
![](https://pc11.co.jp/wp-content/uploads/2022/12/2022_10_03_swell_customizer_239-1024x520.png)
直前ウィジェットとフッターの間に白い余白が入っています。
![](https://pc11.co.jp/wp-content/uploads/2022/12/2022_10_03_swell_customizer_238-1024x520.png)
不要だと思った場合はチェックを入れることで余白がなくなります。
STEP
フッターにSNSアイコンリストを表示する
![](https://pc11.co.jp/wp-content/uploads/2022/12/2022_10_03_swell_customizer_240-1024x521.png)
チェックを入れるとSNSリンク設定で設定したSNSのアイコンが表示されリンクが貼られます。