ブログの話

【JIN】スマホ表示で記事タイトルを読みやすく【追加CSS】

会社員&二児の母しながら、自宅で声のお仕事をするパラレルワーカー・こまきです。

このブログができるまで|WordPressテーマ「JIN」使ってますブログ初心者がサーバーレンタル・ドメイン取得・有料テーマ(JIN)を購入して、はじめてのブログを立ち上げるまでの軌跡…です。...

そのままでも全然使えるワードプレス有料テーマ「JIN」ですが、スマホで閲覧する際の記事のタイトルが細くて大きくて、パッと見た時にちょっと読みづらい?と思い、この部分を修正するカスタマイズを行なっています。

修正前

修正後

文字は小さくしつつ行間を広くし、太くすることでくっきり読めるかなと!

追加CSSはこちら

カスタマイズは自己責任でお願いします!要バックアップ!

↓こちらを「カスタマイズ」画面の「追加CSS」に書き足します。

/**スマホ記事タイトル文字サイズ**/
@media screen and (max-width:767px) {
.cps-post .cps-post-header .cps-post-title {
font-size: 1.2rem; /*文字サイズ*/
line-height: 1.8rem; /*行間*/
font-weight: bold; /*太字*/
}
}

参考になれば幸いです!

参考サイト

いろんなカスタマイズ例が載っています!見てるだけで楽しい。
>>くまさんのブログ「FOR JIN」

JINの購入・ダウンロードはこちら!
>>JIN公式サイト

\声のお仕事1年目の報酬額を有料で公開中/