HTML・CSSを独学で勉強して私が、ついにWordPressを触り始めました。
正直に言うと、最初はかなり戸惑いました。そして途中で「あ、やっぱりHTML・CSSを勉強してよかった」と思う瞬間もあって。
今日はそのリアルな話を書いていきます。
最初の疑問：「コードはどこに書くの？」
HTML・CSSの勉強をしていた私にとって、「何かを作る＝コードを書く」というのが当たり前でした。
テキストエディタを開いて、タグを打って、ブラウザで確認して…という流れが染みついていたので、WordPressの管理画面を開いたとき、まず思ったのが
「あれ、コードはどこに書くの？」
でした(笑)
ボタンがあって、メニューがあって、なんか色々並んでいる。でもコードを書く場所が見当たらない。最初はそれだけで「自分には難しいかも」と感じてしまいました。
触ってみたら…意外と形になる！
でも実際に触り始めると、思っていたより全然すんなり進みました。
テーマを選べばデザインのベースが整って、ブロックエディタでテキストや画像を追加していくだけで、ちゃんとページの形になっていく。
「え、コード書かなくてもここまで出来るの？」という驚きがありました。
3児のママとして毎日バタバタしている私にとって、「とりあえず形を作る」というスピード感はすごくありがたくて。細かい作りこみをしなければ、ある程度のページはサクッと作れるんだなと感じました。
でも、やっぱりHTML・CSSの知識が必要になる瞬間がある
ここからが本題です。
「WordPressならコード不要！」というのは、ある程度は本当です。でも、ちょっとこだわり始めると話は変わってきます。
たとえば、
・「このテキスト、もう少し大きくしたい」
・「ここの余白、詰めたいな」
・「このボタンの色、変えたい」
こういう細かい調整をしようとすると、結局CSSをいじることになるんです。
WordPressにはカスタムCSSを書ける場所があって、そこで調整できるんですが、そもそも「CSSって何？」という状態だったら手が出せない部分でもあります。
私はHTML・CSSを勉強していたので、「あ、ここはpaddingを変えればいいんだな」とか「このクラスを指定すれば変えられそう」というのが感覚的にわかって、スムーズに対応できました。
HTML・CSSを学んでいたからこそ、WordPressをより自由に使える。
これが、実際に触ってみて一番強く感じたことです。
HTML・CSSを勉強してから良かったと思う理由
あらためて整理すると、こんな場面でHTML・CSSの知識が役立っています。
① カスタマイズができる
テーマのデザインをそのまま使うだけでなく、自分らしいデザインに近づけられます。
② エラーが読める
何かうまく表示されないとき、コードを見て原因を探せます。
③ 「なぜそうなっているか」がわかる
WordPressが自動で生成しているHTMLの構造が理解できるので、何をどう変えればいいかの見当がつきます。
これからWeb制作を目指すママへ
わかります。「WordPressだけ学べばいいんじゃない？」と思う気持ち、すごくわかります。私も正直そう思ったこともありました。
でも実際に触ってみて、HTML・CSSを先に学んでおいて本当に良かったと感じています。
土台があるから、WordPressも怖くない。カスタマイズも楽しめる。そういう感覚があります。
3児の育児をしながら、スキマ時間でコツコツ勉強してきた日々は、ちゃんと今に繋がっていました。
これからWordPressを学ぼうとしている方、HTML・CSSを勉強中の方、どうか遠回りを恐れないでほしいなと思います。その知識は絶対に無駄にはなりません。
最後まで読んでいただきありがとうございました！
また学習記録を書いていきますね。
コメント