[Cocoon]ブログカードのタイトルサイズを変更する方法 -ブログカードのカスタマイズ-

副業・ブログ

[Cocoon]ブログカードのタイトルサイズを変更する方法 -ブログカードのカスタマイズ-

こんにちは!まったりです。

ブログテーマ「Cocoon」を使っている方の中で

ブログカードのタイトルサイズを大きくしたいけどどうすればいいんだろう…。

と悩んでいる方がいるかと思います。

本記事ではこのような悩みを解決するために

「Cocoonにおけるブログカードのタイトルサイズを変更する方法」

について詳しく紹介します。

本記事で学べること
  • Cocoonにおけるブログカードのタイトルサイズ変更手順
記事の執筆者

理系大学院生ブロガー

まったりさんブログ運営中

情報・ネットワーク関係の研究中

▼ブログ初心者をサポートする記事を投稿しています▼

スポンサーリンク

1. タイトルサイズを変更する方法

タイトルサイズを変更するためにはCocoonの

『style.css』

に追加でCSSを記述していきます。

Cocoonの「style.css」を操作するためにはサイドメニューの「外観」から「テーマエディター」を選択してください。

style.cssの中には

「子テーマ用のスタイルを書く」

という囲みの中に

「必要ならばここにコードを書く」

という部分があります。

まったり
まったり

今回は「必要ならばここにコードを書く」の下にCSSコードを記述していきます。

Cocoonのテーマエディター画面

ブログカードのタイトルサイズを変えるためには、以下のコードをstyle.cssの「必要ならばここにコードを書く」下にコピペしてください。

/*ブログカードの文字サイズ変更用CSS*/
.blogcard-title {
 font-size: 16px;
}
まったり
まったり

今回はフォントサイズを16pxにしていますが、自分のブログに合うサイズに調整してください。(数字を変えるだけで大丈夫です)

コピペが完了したら、画面左下にある「ファイルを更新」を押して更新してください。

Cocoonのテーマエディター画面

無事にコードを更新できたら実際にブログのデザインを確認してみましょう。

ブログカードのタイトルサイズが変わっていたら成功です。

スポンサーリンク

2. 最後に

いかがでしたでしょうか。

今回は

「ブログカードのタイトルサイズを変更する方法」

について紹介しました。

ブログカードのタイトルサイズを変えることでより見やすいデザインにすることができます。

Cocoonにおけるブログカードのタイトルサイズ変更はとても簡単なのでぜひお試しください。

まったり
まったり

最後までご覧いただきありがとうございました!

にほんブログ村 にほんブログ村へ
にほんブログ村

コメント

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