Contents
スタイルシートでレイアウト
テーマとして認識されたら全体を整えていきましょう。以下のように、style.cssをスタイリングしていきます。

スタイルシートを編集する
「外観」→「スタイルシート(style.css)」を開きます。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
/* Theme Name: Sample Theme Theme URI: Description:練習用テーマです。 version:1.0 Author:nakata */ html { font-size: 10px; } p { margin-top: 3rem; } /-----*フォントの種類をゴシックに-------------*/ body{font-family:sans-serif;} /-----*画像の大きさをビューポートに合わせる-------------*/ img{width:100%; max-width:100%;height:auto;} /*各コンテンツのサイズ指定*/ #container, .header-inner, .footer-inner { box-sizing: border-box; max-width: 1200px; margin:auto; padding: 1.25rem; } |