シェアする

意外と簡単!ワードプレスで自作テーマ作成-L4 reset.cssファイルを作成する-

ワードプレス

ワードプレスで自作テーマ作成シリーズ
今回は「Lesson 4 reset.cssファイルを作成する」方法をご紹介します。

わずか3ステップでとても簡単にできます。

 

reset.cssとは

ブラウザに設定されているcssは各ブラウザによって違うのですが、このcssを統一するものです。

例えば余白の大きさが違ったり、文字の大きさが違うものを統一します。

①ファイルの作成

Theme Editor」から「reset.css」というファイルを作成してください。「Theme Editor」でのファイルの作成方法は以下の記事を参考にしてください。

「Theme Editor」の使い方を紹介します。とてもシンプルでわかりやすくなっています。

②記述の記入

「reset.css」ファイルに以下の記述を記入してください。

③完了

完了です。

↓こちらが「reset.css」適用前

reset.css適用前

↓こちらが「reset.css」適用後

reset.css適用後

あまり変わってないですがグローバルナビゲーションの位置が少し左に寄って、項目前の●がなくなっています。

Toi

お疲れ様でした!次回はCSSを適用していきます。

今回は「CSSを適用していく」方法をご紹介します。CSSはウェブサイトのデザインを指定する言語で、「style.css」に記述していきます。