エントリーカードのタイトルサイズを変更する【WordPress|Cocoon】

Cocoon_エントリーカードタイトル文字サイズ変更 WordPress

ここでは、WordPressCocoonテーマで、ホーム画面で表示されるエントリーカードタイトル文字サイズを変更する方法をご紹介します。

エントリーカードのタイトルとは下記の部分になります。

エントリーカードのタイトル

 

Cocoonエントリーカードタイトル文字サイズの変更手順

検索と設定

WordPress管理画面(ダッシュボード)⇒「外観」⇒「テーマエディター」で、「Cocoon Child: スタイルシート (style.css)」内に、下記のコードをコピペで追加して下さい。

 

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

 

cocoon_childスタイルシートCSS追加

 

②貼り付けたCSSコードの、「font-size: 20px;」の数字の20を変更すると、文字サイズが変わります。

20pxが標準的な文字サイズですので、サイズ調整の目安にして下さい。

文字サイズの変更

 

文字サイズが決まったら「ファイルを更新」をクリックして下さい。

ファイルを更新

 

実際のサイトをPCとスマホ両方の表示で確認しながら、気に入らなければ再度●●pxの数字を変えて文字サイズを調整してみて下さい。

私の場合、20pxだと圧迫感を感じたので、16pxにしました。

参考記事⇒インデックスのタイトルの文字サイズを大きくしたいです | ブログ相談 | Cocoon フォーラム

 

 

まとめ:ブログの文字サイズもデザインのひとつ

今回は、WordPressCocoonテーマで、ホーム画面で表示されるエントリーカードタイトル文字サイズを変更する方法をご紹介しました。

文字サイズは細かい事のように思えても、レイアウトの品質に大きく影響しますので、良かったらブログカスタマイズの参考にしてみてください。

⇒その他の【WordPress】記事はコチラ

 

コメント