今回はワードプレスの見出しタイトルの文字を追加CSSで書式変更していきたいと思います。
それではいってみましょう!
【手順】
外観→カスタマイズ→追加CSS
カスタマイズをクリック
追加CSSをクリック
追加CSSが表示される
見出し文字のサイズ変更
まずはブラウザからF12キーを押します。
デベロッパーツールが表示されるので赤枠の上の四角い矢印をクリックします。
class名を探す
変更したい文字にカーソルを合わせるとデベロッパーツールのElementsに自動でクラス名が表示されます。
クラス名がわかったら追加CSSに記述し書式変更してあげます。
1 2 3 4 | .entry-header .entry-title{ font-weight:bold; font-size:50px; } |
変更が終わったら公開ボタンを押すことにより文字の大きさが太く、大きくなります。
もし変更できない場合は、スペルミスやclassが違う可能性が大なのでいろいろ試してみてください。
変更が終わったら下記の赤枠をクリックして、いずれかを選択してから公開させます。
まとめ
ワードプレスの一番簡単なCSSでの書式変更のやり方なので是非、追加CSSで書式変更してみてください。
以上です。