Cocoon|エントリーカードのタイトル文字サイズの変更方法

・Cocoonのエントリーカードのタイトル文字サイズを変更したいけどどうすれば良いの?

そんな疑問にお答えします。

【本記事の内容】
・エントリーカードのタイトル文字サイズを変更方法

Cocoonの既定では、エントリーカードのタイトル文字はこのようにあまり大きいわけでなく、あまり目立ちません。

既定のタイトル文字サイズ

タイトルの印象はページを開いてもらう為にとても大切な部分です。
タイトル文字を大きく変更して目を引くようにしてみましょう!

設定手順

1.WordPressの管理画面を開き「外観」-「テーマエディター」の順番にクリックします。
WordPress管理画面

2.「編集するテーマを選択:」欄で「Cocoon Child」を選択し、テーマファイルから「style.css」をクリックします。
編集するテーマ選択

3.次のCSSコードを追記します。追記の場所は特に指定はありませんが今回は最終行に追記しました。
ここでは例としてフォントサイズを30pxで指定しています。設定する時は実際に表示されたサイズを確認しながら好みに合せて設定しましょう。
ちなみに30pxは当サイトで指定しているサイズですが、かなり大きくなりますのでご注意を・・・

.entry-card-title {
	font-size: 30px;
} 

コード

では実際にどれくらい大きくなっているかというとこんな感じです。
タイトルだけ無駄に目立っていますね^^;
30pxタイトル

当然大きくすれば良いというものでもないので、全体のバランスをみながら決めてみてください。

タイトルとURLをコピーしました