Twenty Sixteenのタイトルフォントがでかすぎるので小さくした!!

こんにちは。
Wordpressのデザインってなぜかこだわりたくなりますよね(*^。^*)

Twenty Sixteenでデザインを作りこんでいるんですけど、
記事のエントリータイトルがとにかくでかくて、気に食わない!!!!

変えましょう。


※僕はWordPressに関してまったくの初心者なので、適当にいじりました。
正しい知識をもってる人からきいたほうがいいとは思います。

 

BEFORE

fontbefore
キャプチャ画像(でかすぎるフォント)

変更前はこの大きさでした。でかいですね。(赤枠内です)

 

CSSを変えてみる

CSSをいじります。
CSSを開いて、メモ帳にコピーします。

そして対応する部分が、「.entry-title」なので
これで検索をかけていくと、かなりの数がヒットします。

ヒットしたところを片っ端から変更します。笑

どこがどこに該当してるかわからないので、、、片っ端から変えてやりました!!

こんな感じで♪

.entry-title {
font-size: 24px;
font-size: 1.25rem;

こんな感じで書きました!!!!!

なんかですね、
Twenty SixteenはMediaサイズに合わせて、サイズ変更がなされるようなので
すべて変える必要があるみたいですね。

↓↓↓↓↓↓↓↓↓
こんな感じで記載があります。

* 14.0 – Media Queries
* 14.1 – >= 710px
* 14.2 – >= 783px
* 14.3 – >= 910px
* 14.4 – >= 985px
* 14.5 – >= 1200px

結果

fontafter
うん、小さい!!!!
なんとか変わりました。一安心♪

iphoneで表示したときのサイズが大きいのでこれも変更したいけど、やり方がわかりません。

またわかったら報告します。

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

IROKAN

投稿者: IROKAN

IROIROKANSATSU創業者のIROKANです。面白いネタ、役立つネタを提供できればと思います。もっとーは「シンプルであること」。常にシンプルでわかりやすい記事を更新していきます。

「Twenty Sixteenのタイトルフォントがでかすぎるので小さくした!!」への2件のフィードバック

  1. こんばんは、はじめまして。
    記事タイトルがでかすぎるからの検索で読ませて頂きました。
    iPhoneで表示させる設定は、メディアクエリ以外の標準設定を変更できれば小さくできると思いますよ。
    私も、初心者なのですがいろいろ試してます。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です