ワードプレステーマJIN

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

JINタイトル文字
▼スポンサーのきたしょーさん きたしょー

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

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

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

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

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

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

 

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

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

目を凝らしながら見なきゃいけないなんて、見てくれた人がかわいそうです(;ω;)!!

 

JINタイトル文字

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

 

JINタイトル文字

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

 

どうやって改善したの?

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

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


早速すがたく(@_sugawaratakuya)とさやちゃん(@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へ!

記事タイトル文字

 

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

今回のコードはこれ!!

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

JINCSSコード

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

 

さいごに

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

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

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

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

 

mone(@mone_creator

 

▼よろしければ、こちらもよろしくお願いします。 noteサポート

 

 

ブログランキング・にほんブログ村へ
にほんブログ村

 

 

ABOUT ME
mone
mone
準備期間0日でフリーランスに。 デザインとブログの収入バランス ➡ちょうどいいところを模索中。 | デザイン | イラスト | iPad芸人 | ブログデザインなおし隊 | スネ夫サロン | ブログデザイン講座 |