ワードプレス初心者のカスタマイズ 作業16
WordPressのテーマを直接変更
フッターエリアの文字色・背景色・リンク色の変更
・ワードプレスのテーマTwentyElevenのフッターエリアの文字色・背景色・リンク色の変更
スタイルシート(style.css)の編集
管理画面『外観』 >> 『テーマ編集』からスタイルシート(style.css)を開いて下さい。
※スタイルシート(style.css)の変更する前にバックアップしてください。
※小テーマを使用している方は、小テーマ側のスタイルシートを編集して下さい
テーマを更新(アップデート)した場合は、テーマに加えたカスタマイズがすべて失われます。テーマを修正する場合、子テーマの利用を検討してください。子テーマを使用すればテーマの変更は確実に保持されます。
※スタイルシート (style.css)の変更前にバックアップしてください
以下の文章を追加します
変更前
/* Site Generator Line */ #site-generator { background: #333; /* ←フッター部の背景色の変更箇所 */ border-top: 1px solid #ddd; color: #ddd; /* ←フッター部の文字色変更箇所 */ font-size: 12px; line-height: 2.2em; padding: 2.2em 0.5em; /* ←フッター部の高さ変更箇所 */ text-align: center; } #site-generator a { color: 555; /* ←フッター部のマウスオーバー時のリンク色の変更箇所 */ font-weight: bold; }
変更後
/* Site Generator Line */ #site-generator { background: #666; border-top: 1px solid #ddd; color: #fff; font-size: 12px; line-height: 2.2em; padding: 1.0em 0.5em; text-align: center; } #site-generator a { color: #dfdfdf; font-weight: bold; }
フッターエリアの文字色・背景色・リンク色の変更氏しました。
テーマ更新
新しいバージョンに「テーマを更新」した場合は、テーマに加えたカスタマイズがすべて失われます。
テーマを修正する場合、子テーマの利用をした方がよさそうですが、勉強中なので子テーマのやり方がわかりません。
他のサイトで調べてください。
WordPress 作業カテゴリ