WordPress

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で表示したときのサイズが大きいのでこれも変更したいけど、やり方がわかりません。

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

POSTED COMMENT

  1. だんまん より:

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

COMMENT

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