Luxeritas 3.2.3 にアップデートしてから一部のフォントサイズがでかくなり結局丸一日かけてやっていたこと

アップデート

3.2.4で再びフォントサイズが元に戻ったため、3.2.3でわざわざCSSを変えた意味はなくなりました(/_;)。正直、もうアップデートは当分したくないな、と思いました。|2018.07.07 記

3.2.3で変わったこと

一昨日、一度Luxeritasを3.2.3 にアップデートしたのですが
あちらこちらのフォントサイズが巨大化していることに気づきまして、慌てて元のバージョン3.2.2 に戻していました。

元のサイズ
元のフォントサイズ
巨大化したフォントサイズ
巨大化したフォントサイズ
元のサイズ
元のサイズのフォント

巨大化したフォントサイズ
巨大化したフォントサイズ

これはほんの一例で、自分でスタイルを定義したboxやTable などのフォントがことごとく巨大化しました。

解決方法は?

丸一日一人で悩みましたが、るなさんにコメント欄から質問してみると
3.2.3 から一部のフォントサイズが大きくなったのだとか・・・

特にカスタマイズしていなければ、親テーマの方で調整されているわけですが
私のようににぎやかにカスタマイズしている者にとって、それはなかなかの数のハードルとして立ちはだかりました。

るなさん伝授の「3.2.2までのように使う方法」は

開く「Luxeritas」「カスタマイズ(外観)」「文字サイズ」

「記事全体」のフォントサイズを14px / 1.4rem に変更し
子テーマのCSSに

.post p {
	font-size: 16px;
	font-size: 1.6rem;
}

と書く方法です。

最初、子テーマのCSSの最後に書いたら、その前に書いている p に関わるスタイルが崩れました。
そうか、一番上(最初)に書かなきゃなんだ。

完全解決とならない

それで事なきを得たように思えたのですが
結果的に、ブログカードなどのフォントサイズをコントロールしようと思うと、また別途CSSを書く必要が出てきました。

それは、やだ。

ご存じないかもしれませんが、人並み以上にこだわりが強く几帳面な私(笑)← 自覚症状

ここまでくると、もう妥協できませんw

よーし!全部修正してやろうじゃないの! と心に決めたのでした。(* ̄0 ̄*)ノ オォー!!

全修正までの道のり

一番悩ましかったのが、コードのハイライト表示の部分でしょうか。
一度はうまくサイズダウン出来たと喜んでいたら、横に並んでいる行番号の数字と合っていないことに気づき、慌ててまた修正する始末です。

いったいどこまで影響しとんねん!
と思いましたよ。

あまりに多すぎて画面の記録(キャプチャ)までやっていられませんでしたが、なんとかほどよいサイズになったのではないでしょうか。

一通り確認したつもりではいますが、もしかするとまだ巨大フォントがどこかに隠れているかもしれません。
まぁ見た目のバランスが悪いだけで内容に影響はないので、見つけ次第やっつけていきます。

(実はまだあったことに気づいたけど、ちょっと後回し)

テーブルはフォントサイズを87%にしてみたら、なんとなく元のサイズに近づいたのでこれでいきます。

table {
    font-size: 87%;
}

アップデート直後は巨大だった文字
お問い合わせの文字サイズ

本来はこんな感じだった
お問い合わせの文字サイズその後

フォントサイズは超大事

結局今回は、相当数のハードルを飛んだ感がありました。
飛んでも飛んでもまだ先にハードルが・・・的なw

でも、フォントサイズは読みやすさにとって、大切なものですので妥協は出来ません。

おかげで私にとって、これまでで一番大型なアップデートでした。(笑)
骨が折れました。

1

管理人のつぶやき

Posted by どらみ