ロックバンド「Vas of Atum」ベースのMIKAです。
このブログはWordPressを使って、「賢威」という有料のテンプレートを使ってるんだよね。
前から、文字を丸く可愛くしたいな～と思ってた。
・・・ということで、丸くする方法の覚え書きの記録をしておこう(^O^)
まず「賢威」のテンプレートでは、文字のフォントの設定は「賢威」の「base.css」というファイルの175行目あたりに「font-family」という形で設定してある。
「遊ゴシック体」が最優先で、「ヒラギノ角ゴシック Pro」、「メイリオ」の順で表示されるようになってる。
「遊ゴシック体」の文字も読みやすいんだけど、丸い方が身近に感じるしね。
「遊ゴシック体」より「メイリオ」の方が文字が丸いから、「メイリオ」＞「ヒラギノ角ゴシック Pro」＞「遊ゴシック体」の順番に変えよう。
「賢威」の親テーマの「base.css」を書き換えるんじゃなくて、子テーマの「base.css」を書き換える。
すると、「賢威」のバージョンアップを適用しても大丈夫なんだよね。
じゃあ、設定していきま～す！
WordPressにログインして、［外観］＞［テーマエディター］をクリック。
画面右の方の「編集するテーマを選択」のところで「賢威8.x（子テーマ）」というのを確認して、［base.css］をクリック。
子テーマの「base.css」の編集画面になる。
「/*子テーマ用「base.css」*/」の下に
body,
input,
textarea{
font-family: ‘メイリオ’, Meiryo, ‘ヒラギノ角ゴシック Pro’, ‘Hiragino Kaku Gothic Pro’, ‘Yu Gothic Medium’, ‘游ゴシック Medium’, ‘游ゴシック体’, ‘Yu Gothic’, YuGothic, Osaka, ‘ＭＳ Ｐゴシック’, ‘MS PGothic’, sans-serif;
}
と書き込み、［ファイルを更新］をクリック。
これでOK(^O^)
記事のタイトルも丸くなった！
↓
記事も文字が丸く可愛くなったよ♪
↓
完璧(^O^)
以上！！！
ライブ情報
ライブは未定です
Vas of Atum（現：VARS） 最新ライブ動画
2022.9.11 Live『PSEUDO AGGREGATION』 in 熊本Django
