WordPress

賢威7でh2(見出し)h3(見出し3)の文字色や背景色をコピペで変更できる方法を紹介

今回は、カスタマイズが難しい賢威7のh2(見出し)、h3(見出し3)の文字色や背景色をコピペで変更できる方法を紹介します。

賢威は元々のデザインがシンプルでカスタム必須のテーマなので頑張って挑戦してみましょう。

見出し2(h2タグ)の文字色や背景色をコピペで変更する方法

文字色の変更

まずは文字色を変えていきましょう。

WordPress管理画面から「外観」>「テーマの編集」へと進み、「base.css」を開きます。

1118~1124行目に以下のコードがあり、こちらが見出し2を示す部分です。F3を推すとキーワード検索できるので探してみてください。

「color」が見出し2の文字色を示すコードです。文字色を変更する際はこちらのカラーコードを変更してください。

※カラーコードはこのサイトから探すと簡単です。

見出し2の文字色を変更すると・・・

このように変わります。あくまで一例なので好きな色にカスタマイズしてみてください。

背景色の変更

見出し2の文字色を変えた箇所の1行上を見てください。

「background」が見出し2の背景色を示すコードです。背景色を変更する際はこちらのカラーコードを変更してください。

見出し2の背景色を変更すると・・・

このように変わります。文字色と同様に好きな色にカスタマイズしてみてください。「ファイルを更新」をクリックすれば作業は終わりです。

見出し3(h3タグ)の文字色や背景色をコピペで変更する方法

文字色の変更

WordPress管理画面から「外観」>「テーマの編集」へと進み、「base.css」を開きます。

1126~1132行目に以下のコードがあり、こちらが見出し3を示す部分です。F3を推すとキーワード検索できるので探してみてください。

見出し3にはもともと文字色を指定するカードが記述されていないので以下のコードを加える必要があります。カラーコードはお好きなものに変更してください。

上記のコードを追加すると以下のようになります。

見出し2の文字色を変更した手順と同様に好きな色にカスタマイズしてみてください。「ファイルを更新」をクリックすれば作業は終わりです。

背景色の変更

見出し3の文字色を変えた箇所にもう一度戻ります。

見出し3にはもともと背景色を指定するカードが記述されていないので以下のコードを加える必要があります。カラーコードはお好きなものに変更してください。

上記のコードを追加すると以下のようになります。

見出し2の背景色を変更した手順と同様に好きな色にカスタマイズしてみてください。「ファイルを更新」をクリックすれば作業は終わりです。

まとめ

ワードプレスは賢威に限らず文章を見出しで分けることで読者に内容が伝わりやすくなります。

サイトのテーマにあったカラーバリエーションに見出しをカスタマイズしてみてくださいね。

最後まで読んでいただきありがとうございました。

おすすめVODランキング

数あるVOD(ビデオオンデマンド)サービスの中から、私が実際に使ってみて良いと思ったものをランキング形式で紹介します。

hulu
hulu

作品数と月額のバランスが最も良いのが「hulu」です。

国内・海外問わずドラマが豊富で、アニメにも力を入れています。特に海外ドラマは先行配信に期待ができます。

また、日本テレビ系列の会社が運営しているため、「名探偵コナン」など、日テレで放送されている作品が他社より充実しています。

評価
月額 933円(税抜)
無料期間 2週間
作品数 50,000本以上

公式ページ

U-NEXT
U-NEXT

圧倒的作品数を誇るのが「U-NEXT」です。

月額がやや高いですが、毎月付与される1,200円分のポイントを月額から相殺したり、動画のレンタルや電子書籍版の雑誌・漫画の購入に使ったりできるのが特徴です。

ディズニーやア〇ルト動画を見れるのも他社とは一線を画します。

評価
月額 1,990円(税抜) ※毎月1,200円分のポイントが付与される
無料期間 31日間
作品数 見放題作品90,000本、レンタル作50,000本

公式ページ

プライムビデオ

動画本数こそ劣るものの、圧倒的コストパフォーマンスを誇るのが「Amazonプライムビデオ」です。

というのも、プライム会員のおまけで動画見放題も付いてくるので、おまけ要素なのに豪華すぎるのが実際のところ。

プライム会員では、配送料や時間指定などが無料なことに加え、音楽が聴けるサービスなんかもあります。おまけでドラマや映画、アニメがこれだけ見れるのは凄いですよね!

評価
月額 325円(税抜)
無料期間 30日間
作品数 2,000本以上

公式ページ