【AFFINGER5】簡単にフォントサイズの単位を変更する方法

こんにちはNAOです。

AFFINGERを使っているけどフォントサイズが％表示がどうも使いづらいと思っている方結構いるのかなと思います。

そんな時に簡単に変更できるカスタマイズ方法を紹介していきます。

AFFINGERのフォント単位の変更方法

それではフォントの単位を％からptに変更していきたいと思います。

まずはカスタマイズを始める前に進め方を説明します。

AFFINGERの親テーマのfunction.phpの一部を変更しないといけませんのでその部分を中心に解説していきます。

ワードプレスの管理画面→テキストエディター→function.php（テーマのための関数）を選択してください。

function.php（テーマのための関数）から変更箇所を探してください。

どこでもいいのでコードの場所をクリックして⌘＋F（検索）を画面を出してください。

検索に300%と打ち込んでEnterを押してください。

そうするとフォント部分のコードを探してくれます。

上記の箇所になります、私はすでに変更していますので数値を変えていますが、

初期は90% 120% 140% 300%などが記載されています。

この箇所によく使うフォントサイズを打ち込んでいきます。

私は現在このサイズを打ち込んでいます。

数値ptの後に半角スペースをあけて次の数値ptを打つという感じで打ち込んでください。

最後にファイルを更新を押します。

これで完成しました。

基本のフォントサイズはAFFINGER5管理画面から設定していると思います。

設定以外のフォントサイズを使用するときにptだと設定がしやすいのでこれから便利に変更できます。

ご購読ありがとうございました。