こんにちわ！ひでゆきです^^(dehichan0728)
今日は文字に関するカスタマイズ方法を紹介します！！
今回は「base.css」を多少変更することで文字関係のカスタマイズをすることができます！
文字サイズ・文字色など簡単に変更できるのでやってみてください^^
テーマの編集をするときはバックアップを取りましょう！
間違えて変更をしてサイトが真っ白になるということはよくあることです。
すぐに復元できるようにバックアップを取っておくことをオススメします。
賢威7 -文字の太さを変更するカスタマイズ-
賢威の記事本文の文字の太さを変更します。
ダッシュボード「外観」→「テーマの編集」→「base.css」の項目にいきましょう。
以下のコードを探しましょう！
「Ctrl+F」単語検索機能を使うと簡単に探せます。
1 2 3 4 | .single .article-body, .page .article-body{ margin-bottom: 40px; } |
コードを見つけることができたら以下のコードに変更しましょう！
1 2 3 4 5 | .single .article-body, .page .article-body{ margin-bottom: 40px; font-weight: bold; } |
賢威7 -文字の色を変更するカスタマイズ-
基本は黒で良いと思うんですが
美容系とかサイトの雰囲気で文字色を変更しているサイトもあるので紹介します。
ダッシュボード「外観」→「テーマの編集」→「base.css」で以下のコードを探しましょう！
「Ctrl+F」単語検索機能を使うと簡単に探せます。
1 2 3 | body{ font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; } |
見つけたら以下のコードに変更しましょう！
1 2 3 4 | body{ font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; color: #ff0000; } |
カラーコードを変更することで好きな色に変更することができます。
カラーコードを探すサイト「HTMLカラーコード」が無料で便利です^^
賢威7 -文字のフォントサイズを変更するカスタマイズ-
賢威のフォントサイズはデフォルトでもちょうどいいと思うので変更しませんが
好みによってはフォントサイズを大きく・小さくしたい方もいると思うので紹介します。
ダッシュボード「外観」→「テーマの編集」→「base.css」で以下のコードを探しましょう！
「Ctrl+F」単語検索機能を使うと簡単に探せます。
1 2 3 | .main-conts{ line-height: 1.8; } |
コードを以下のコードに書き換えましょう！
1 2 3 4 | .main-conts{ line-height: 1.8; font-size: 1.1em; } |
文字サイズを1.0にするとこんな感じ。
コメントを残す