「WordPressを始めたいけど、HTML・CSSって勉強したほうがいいの？」
Web制作の勉強を始めたばかりだと、こんな疑問を持つ方も多いのではないでしょうか。
私も以前は、
「WordPressならコードを書かなくてもサイトが作れるんだよね？」
と思っていました。
実際、WordPressはHTML・CSSの知識がなくても、テーマやブロックエディタを使ってサイトを作ることができます。
でも、HTML・CSSを独学で勉強してからWordPressを触ってみた私が感じたのは、「HTML・CSSを知っていると、WordPressがもっと使いやすくなる」ということ。
今回は、3児の育児をしながらHTML・CSSを独学で勉強してきた私が、実際にWordPressを触ってみて感じたことをリアルに書いていきます。
WordPressを始めて最初に思った「コードはどこに書くの？」
HTML・CSSを勉強していた私にとって、
「何かを作る＝コードを書く」
というのが当たり前になっていました。
テキストエディタを開いて、HTMLを書いて、CSSを書いて、ブラウザで表示を確認する。
そんな流れで勉強してきたので、初めてWordPressの管理画面を開いたときは、
「……あれ？コードはどこに書くの？」
となりました（笑）
ボタンやメニューがたくさん並んでいるけれど、今まで勉強してきたようなコードを書く画面が見当たらない。
最初は、
「WordPressって思っていたより難しいのかも……」
と、ちょっと戸惑いました。
でも、実際に触ってみると意外と簡単！
テーマを選んで、ブロックエディタを使って文章や画像を追加していくと、少しずつページが形になっていきます。
「え、コードを書かなくてもこんなに作れるの？」
これが最初の正直な感想でした。
WordPressは、HTMLやCSSを一から書かなくても、ある程度きれいなWebサイトやブログを作れるようになっています。
3児のママとして、毎日家事や育児に追われている私にとって、これはかなりありがたいことでした。
細かい部分までこだわらなければ、短い時間でもサクッとページを作れる。
「WordPressって便利だな」と実感しました。
WordPressならHTML・CSSは必要ない？
ここで気になるのが、
「じゃあ、WordPressを使うならHTML・CSSの勉強はいらないんじゃない？」
ということですよね。
私も最初はそう思っていました。
でも、実際にWordPressを触ってみると、少しずつ考えが変わってきました。
「もう少しだけ変えたい」が出てくる
WordPressでサイトを作っていると、だんだん欲が出てきます（笑）
例えば、
- この文字をもう少し大きくしたい
- ここの余白をもう少し狭くしたい
- ボタンの色を変えたい
- 見出しのデザインを変えたい
- スマホで見たときの表示を調整したい
など。
最初は、
「このままでいいかな」
と思っていたのに、少し慣れてくると、
「ここだけ自分好みに変えたい！」
と思うようになるんですよね。
そして、こうした細かいカスタマイズをするときに役立つのがHTML・CSSの知識です。
WordPressのカスタマイズでHTML・CSSの知識が役立った
WordPressには、テーマや環境によってカスタムCSSなどを使ってデザインを調整できる仕組みがあります。
例えば、
「この部分の余白を少し狭くしたい」
と思ったとき。
CSSを勉強していなかったら、
「そもそも何を触ればいいの？」
となっていたと思います。
でも、HTML・CSSを勉強していた私は、
「ここはpaddingを変えればいいのかな？」
「このクラスを指定すれば変更できそう」
と、ある程度予想することができました。
もちろん、すべてが一発でわかるわけではありません。
検索しながら調べることもあります。
それでも、「何を調べればいいのか」がわかる。
これはかなり大きいと感じました。
HTML・CSSを勉強しておいてよかったと思った3つの理由
実際にWordPressを触ってみて、特に「HTML・CSSを勉強していてよかった」と感じたのはこの3つです。
① WordPressのカスタマイズがしやすい
WordPressのテーマには、最初から整ったデザインが用意されています。
そのまま使うだけでも十分ですが、
「もう少し自分らしくしたい」
と思ったときに、HTML・CSSの知識があるとカスタマイズの幅が広がります。
デザインを見て、
「ここを変えたい」
と思ったときに、CSSで調整するという選択肢を持てるのは大きなメリットです。
② 表示がおかしいときに原因を探しやすい
Webサイトを作っていると、
「なんでここだけ表示がおかしいの？」
ということが出てきます。
そんなときもHTMLやCSSの基本がわかっていると、
「HTMLの構造がおかしいのかな？」
「CSSが上書きされているのかな？」
「このクラスに指定されているスタイルが原因かな？」
と、原因を考えながら調べることができます。
全部理解できなくても、
「何が起きているのか」を考える土台がある。
これはWordPressを触るうえでも、とても心強いと感じました。
③ WordPressの仕組みを理解しやすい
WordPressでは、管理画面上で文章や画像を追加するだけでも、裏側ではHTMLなどが生成されています。
HTML・CSSを勉強していると、
「この部分が見出しなんだな」
「ここにクラスがついているんだな」
と、Webページの構造をイメージしやすくなります。
ただ「ボタンを押してサイトを作る」だけではなく、
「裏側ではこういう仕組みになっているんだ」
と理解できるようになる。
これが、HTML・CSSを先に勉強しておいてよかったと思う大きな理由です。
じゃあ、WordPressを使うならHTML・CSSは必須？
ここは私自身の経験から、正直にお伝えしたいと思います。
WordPressを使うだけなら、HTML・CSSが必須というわけではありません。
テーマやブロックエディタを使えば、HTML・CSSの知識がなくてもブログやWebサイトを作ることはできます。
ただし、
「自分でカスタマイズしたい」
「Web制作の仕事につなげたい」
「WordPressをもっと自由に使いたい」
という場合は、HTML・CSSの基礎を勉強しておくとかなり役立つと思います。
私自身、WordPressを触ってみて、
「HTML・CSSを勉強してから来てよかった……！」
と感じる場面が何度もありました。
3児のママがHTML・CSSを独学して感じたこと
私は3人の子どもを育てながら、スキマ時間を使ってHTML・CSSの勉強を始めました。
最初は、
「こんなに覚えることがあるの？」
「本当にこれがWeb制作につながるのかな？」
と思うこともありました。
子どもが寝たあとに少しだけ勉強したり、家事の合間に動画を見たり。
思うように勉強時間が取れない日もたくさんありました。
それでも、少しずつ勉強してきたことが、WordPressを触るようになってちゃんとつながってきたんです。
HTML・CSSの勉強をしているときには、
「これっていつ使うんだろう？」
と思っていた知識が、
「ここで使えるんだ！」
に変わっていく。
この感覚は、独学で勉強している私にとってすごく嬉しい瞬間でした。
これからWordPressを学ぶママへ
「WordPressだけ勉強したほうが早いんじゃない？」
と思う気持ちも、すごくわかります。
特に子育てをしながら勉強していると、できるだけ効率よく学びたいですよね。
私も、
「できるだけ早くWeb制作ができるようになりたい」
と思っていました。
でも、実際にWordPressまで進んでみて感じたのは、
HTML・CSSの勉強は、決して遠回りではなかった
ということです。
WordPressを使えば、コードを書かなくてもサイトを作れます。
でも、HTML・CSSの知識があることで、
「なぜこうなっているのか」
「どこを変えればいいのか」
を考えられるようになります。
そして何より、
「わからないから触れない」ではなく、「調べながら自分で直してみよう」と思える。
この違いは大きいと思います。
HTML・CSSの知識はWordPressでもちゃんと活かせる
HTML・CSSを勉強していると、
「こんなこと覚えて何になるんだろう？」
と不安になることもあると思います。
私もそうでした。
でも、WordPressを実際に触ってみて、
「あのとき勉強していたことが、ここにつながっているんだ」
と感じることが増えてきました。
HTML・CSSを学んだからこそ、WordPressのカスタマイズが怖くない。
そして、ただ用意されたものを使うだけではなく、少しずつ自分で手を加えられる。
それが今の私にとって、HTML・CSSを勉強してよかったと思える一番の理由です。
これからWordPressを始めようとしている方や、HTML・CSSを勉強中の方。
焦らなくても大丈夫です。
今勉強していることは、きっとこの先のどこかでつながってきます。
私も3児の育児をしながら、まだまだ勉強中です。
一緒に少しずつ頑張っていきましょう！
最後まで読んでいただき、ありがとうございました。
また、Web制作の学習記録を書いていきますね。
コメント