The Qiita Advent Calendar 2019 is supported by the following companies, organizations, and services.

imgタグは画像のパスやalt属性のテキストなど、意外とファイルサイズを膨らませる原因となりやすかったりします。 SEOを意識してHTMLを最適化させる場合、HTMLのファイルサイズ軽減も一つの目標となります。その目標を達成するためにも、文書構造上「なくても文書として困らない画像」はHTMLのimgタグではなく、CSSのbackgroundプロパティなどで表示させましょう。 なんでimgタグをHTMLから削るの？ HTMLではなくCSSで表示させるべき画像 なんでimgタグをHTMLから削るの？ imgタグをHTMLに設置する場合、表示させる画像のパス（URI）や代替テキスト（alt属性）の設定など、意外と文字数を食うタグだったりします。 特に画像が大量に表示される商品一覧ページなどのHTMLを見ていただくと、imgタグだけでけっこうなボリュームがあるのがわかると思います。 文字数はそのま

業界最安級のWebスキル特化型オンラインスクール 実務力が身につくカリキュラムで 仕事につながるWebスキルを 身につけよう！

HTML / CSSのレイアウト革命！dispay:gridの使い方を理解してスマートにコーディングしよう！

静的HTMLサイトをWordPress化するときの具体的な手順をまとめました。色々な手順が必要です。 範囲が広すぎるため、深くまで掘り下げていない部分もありますがご了承いただければと思います。ザックリとした全体像を把握できることを目的としています。 下記の静的HTMLサイトを実際にWordPress化していきます（ちなみに以下のサイトは「おしゃれなWebサイトテンプレート集」の付録テンプレートです。）