WordPressでCSSを修正する方法

WordPressは、ブログの外観をレンダリングするためにPHP、HTML、およびCSSの組み合わせを使用します。 CSSに無効なコードが含まれていると、Webブラウザがそのページで使用されているコードを理解できないため、ブログは意図したとおりに表示されません。 World Wide Web Consortium(W3C)にはCSS Validatorと呼ばれるオンサイトツールがあり、CSSでエラーをスキャンします。 CSS Validatorを使用してコードの間違いを見つけ、スキャン結果をガイドとして使用してCSSを修正できます。

1。

W3.orgにアクセスして、World Wide Web Consortiumに移動します。 左パネルの[Validators、Unicorns、およびその他のソフトウェア]セクションから[CSS Validator]を選択します。

2。

[URIごと]をクリックしてCSSファイルにリンクしているWebアドレスを入力するか、[ファイルアップロード]をクリックしてハードドライブからCSSファイルを選択します。 「直接入力」をクリックしてCSSをボックスに貼り付けることもできます。

3。

「確認」をクリックして、WordPress CSSのエラーをスキャンします。 Notepad ++やvimなどのプログラムでCSSファイルを開き、CSSバリデータにリストされている行番号を使用して各エラーを調べます。

4。

バリデータで報告されたエラーメッセージを使用して、WordPressのCSSコードを修正する方法を決定してください。 ほとんどのエラーメッセージはかなり単純明快です。 たとえば、CSSに次のコードが含まれていると、「プロパティセルスペースが存在しません」などのエラーが表示されます。

表{セル間隔:0ピクセル; }

"cellspacing"プロパティはHTMLを使用するときに有効ですが、同じプロパティはCSSには存在しません。 テーブルの周囲のスペースをなくすには、代わりに "padding"を使用します。

人気の投稿