SWELLテーマのフッター直前の画像サイズと使い方など設定方法

フッターアイキャッチ

初期設定状態ではフッターウィジェットに何も配置していないので、画面の下の部分(フッター)が寂しいと思いませんか?

画像の大きさや配置が綺麗にされているSWELL公式サイトや、SWELLテーマを使用して作成された皆さんのサイトみたいに自分らしいオリジナルのフッターをウィジェットを使って配置しましょう。

目次

フッターの設定

まずはウィジェットを使う前に、初期設定ではこのようにコピーライトしかないので(Ⓒサイト名)この部分を少し設定しましょう。

コピーライトのみフッター
背景も白色なので分かりずらいですが、これが初期設定です

フッターカラーの設定

SWELL初期設定では背景色が白色、文字色が黒色に設定されています。

また、この後に追加するフッターのウィジェットエリアの背景色も文字色設定されていないのでサイトカラーに合わせて背景が白色、文字色が黒色になっています。

そこで自分の好みに合わせてフッターの色を設定しましょう。

STEP
ワードプレスのダッシュボードから操作

ワードプレスにログインすると画面表示されるのがダッシュボード画面です。

  1. この画面の左に様々なメニューが並んでいるので「外観」にマウスを合わせます
  2. マウスを「外観」に合わせると更にメニュー表示されますので「カスタマイズ」をクリック
外観からカスタマイズ
STEP
フッターのカラー設定

カスタマイザーが起動したら「フッター」をクリックするとフッターを設定できるメニューが表示されますので「カラー設定」で色を設定できます。

フッターからカラー設定

カラー設定の上から順に

  • フッターの背景色(コピーライトやフッターメニュー)
  • フッターの文字色(コピーライトやフッターメニュー)
  • ウィジェットエリアの背景色
  • ウィジェットエリアの文字色

ちなみにフッター直前エリアの文字色や背景色はここでは変更できません。

フッター色設定
色を付けてウィジェットエリアも様変わりします

コピーライトの設定

コピーライトとは©の部分で初期設定ではサイトタイトルがそのまま記載されていますので、サイト名に合った名前を付けることができます。

変更する場所は先ほどのフッターカラー設定のひとつ下の項目に「コピーライト設定」がありますので、©以下をここで変更します。

フッターからコピーライトへ

SNSアイコンを表示

コピーライトのテキストを変更する下に「その他の設定」があり、「フッターにSNSアイコンリストを表示する」にチェックを入れれば表示されます。

ただし、SNSのURLが登録されているSNSのみ表示されるので、まだSNS情報を登録していない場合は表示されません。

SNS情報を登録する場所は「カスタマイザー」から「SNS情報」へ進み、かくSNSのアカウントURLを登録します。

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