ワードプレステーマJIN

【テーマJIN】小さい文字の記事タイトルを見やすく大きくする方法

ワードプレステーマJIN

\無料お試しキャンペーン中/
※いつでも解約できます

こんにちは。
mone(@mone_creator)です。

WordPress初心者にこそオススメしたい有料テーマ『JIN』でこれからJINに特化した記事を書いていくと公言しました!

今回は、ずーっと気になってはいたけどほっといていた個所があります!

記事タイトルの文字サイズ!!!

という事で、改善できたのでまとめました!!

ワードプレステーマJIN
WordPress初心者にこそオススメしたい有料テーマ『JIN』こんにちは。 mone(@mone_creator)です。 初めに言っておきます。 これはどういう事かというと、 ...

 

JINの初期設定のままだと文字サイズは小さい!?

見て欲しい人が、10代〜20代前半ならば、初期設定のままでも問題ありません!
ですが、もし20代後半以降の方にも見て欲しいのなら、記事タイトルの文字は大きくする事をオススメします!

目を凝らしながら見なきゃいけないなんて……想像しただけでなんだかかわいそう。

ワードプレステーマJIN

なおしたかった理由

JINの仕様がスタイリッシュなので、若者向け(10代〜20代)です。
そのためどうしても文字が小さくなってしまっているので、記事タイトルだけ一般的に読みやすいとされる文字サイズ14〜16pxに変更したかった

 

ワードプレステーマJIN

AFTERの文字サイズ、タイトル!!って感じで見やすくないですか?

 

どうやって改善したの?

mone
mone
私はデザイナーですが、紙のデザイナーです!!
WEBデザイナーではありません!!
HTML?コード?CSS?JavaScript?
全部できません!!!!!!

という事で、Twitterで呼びかけました。


するとすぐに、さやちゃん(@saya__san_)からお返事が!!!!!

さやちゃん
さやちゃん
外観>カスタマイズ>css の所に下記をコピペ! .post-list.basicstyle .post-list-item .post-list-inner .post-list-meta .post-list-title { font-size: 14px; line-height: 1.5rem; }
さやちゃん
さやちゃん
あ!! レスポンシブだからメディアクエリをいれないとPCも変わるか……。
@media screen and (max-width:767px)
{ .post-list.basicstyle .post-list-item .post-list-inner .post-list-meta .post-list-title { font-size: 14px; line-height: 1.5em; } }
すがたく
すがたく
あ!! 確かに、メディアクエリ抜けてた!!
mone
mone
????(わけわからん)

WEB弱者の私にはなんの話をしているのか何もわからずでしたが、例に習ってやってみました。

 

ワードプレスのダッシュボードから追加CSSへ

ワードプレスにログイン後、外観→カスタマイズ→追加cssへ!

ワードプレステーマJIN

 

追加CSS内にテキストをコピー&ペースト

今回のコードはこれ!!

こちらをコピーして、追加SCCにペースト!
以上です!
こちらは、スマホでの文字調整を目的にしています。

ワードプレステーマJIN

更にコードの意味を詳しく知りたい場合は、さやちゃんの【サルでもわかる】JINでトップのスマホの文字が小さい!コピペで簡単カスタマイズがわかりやすいのでご覧ください!!

 

さいごに

自分が見ずらいな〜って思ったものは、他人が見たらもっと見ずらいものです!

記事タイトルの文字サイズは、コピー&ペーストですぐに解決できちゃうので、ぜひやってみてください!!

私もプログラミングの勉強を始めてみようかなと思います。

ここら辺の本を買おうと思ってるんですが、オススメあったらTwitterで教えてください!!

 

– fin –

SUZURIでファンクラブ・グッズ販売中!!!

ABOUT ME
mone
mone
準備期間0日でフリーランスになったmoneのフリーランス奮闘記です。 デザインとブログのちょうどいい収入バランスを模索中。 | デザイナー|イラストレーター|ブロガー| iPad芸人|