コンテンツへスキップ妻と僕。ブログ完全初心者のサイトです。アニメや食べ物の感想。wordpressについて経験したことを記述します。Seventeen」は、画面サイズの横幅によってフォントサイズが変化するレスポンシブ対応です。そのため、フォントサイズの設定も少し複雑でカスタマイズするのを面倒に思ってしまう人もいると思うのです。そこで、少しでも文字サイズをカスタマイズしやすいように主要な箇所をまとめてみました。文字のカスタマイズは様々なパターンがあると思うので、ここでは初期状態のままの文字サイズ・色・行高のコードを載せます。カスタマイズしたい箇所のコードをコピーしstyle.cssに貼り付けた後、好みに変更してください。Seventeen」のフォントサイズにはpxとremがある。基本的にはremが採用されますが、pxもあわせて変更しておきましょう。ここでは「1rem=16px」となっているためpxとremの関係は下記のようになる。Seventeen」の画面サイズによる文字の変化点とそのコードは主に下記の通りとなっている。画面サイズによる文字の変化(例)例えば下記コードの場合、「見出しh1」の文字サイズは次のように変化する。Seventeen」の文字コードのまとめになります。必要な個所をコピーしてstyle.cssに貼り付け変更してください。》サイトタイトルとキャッチフレーズ記事タイトル記事本文の文字h2~h6見出し文字ウィジェット(サイドバー)カスタマイズ(参考)サイトタイトルとキャッチフレーズの文字サイトタイトルとキャッチフレーズの文字は画面サイズ48em(768px)を境に変化します。記事タイトルの文字は画面サイズ30emと48emを境にそれぞれ変化します。記事本文の文字は画面サイズ30emと48emを境にそれぞれ変化します。1.5;/*行高*/}}h2~h6見出し文字h2~h6見出し文字は画面サイズ30emを境に変化します。1rem;/*h6大きさ*/}}ウィジェット(サイドバー)の文字ウィジェット(サイドバー)の文字は画面サイズ48emを境に変化します。1.6;/*行高*/}}カスタマイズ(参考)このブログの文字カスタマイズです。参考になればと思います。サイト作成にあたり大変参考にさせて頂いております。初心者ゆえ、初歩的な質問をさせてください。編集画面のどこに上のようなコードを貼り付ければ、反映されますか?返信する妻僕。PMアスナルさんはじめまして。ダッシュボードで「外観」→「テーマの編集」と進むと右側にstyle.cssがあるので、その末尾に貼り付けるとよいです。style.cssは下にあるコードが前のコードを上書きします。そのままカスタマイズしてしまうと、テーマの更新で初期値に戻りカスタマイズをやり直さなければならなくなるため、「子テーマ」を作成し、「子テーマ」のstyle.cssに貼り付けることをお勧めします。AM妻僕様ご返信ありがとうございます。初歩的な質問すぎて返信して頂けるとは思ってもみなかったです・・・。ありがとうございます。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。