ブログ運営者にHTML・CSSの知識が必要か？

考える人

WordPressでブログを始めたけどHTML、CSSの意味がわからない

ブログ運営者がHTML、CSSの知識が必要なの？

勉強した方がいいの？

そんな疑問に答えます！！

きたまる

私は、ブログを始める前に副業収入を得ようとHP作成をしていました。

そのためHTML、CSSの基礎はほぼ理解できています。

こんな私が、ブログ初心者にHTML、CSSの知識が必要かを解説していきます。

この記事を読んだらわかること

・ブログ運営にHTML、CSSが必要かどうかがわかる。
・HTML、CSSの知識があると何ができるかがわかる。

・HTML、CSSをどこで勉強すれば良いかがわかる。

結論　ブログ運営者にHTML・CSSの知識が必要か？
HTML、CSSの知識、スキルがあったらできること
- 装飾を自由に編集、追加できる
- ブログ構成の本質を理解できる
HTML・CSSとは何か？
HTML、CSS　おすすめの勉強法
ブログ運営者にHTML・CSSの知識が必要か　まとめ

結論　ブログ運営者にHTML・CSSの知識が必要か？

結論、

ブログ運営者にHTML・CSSの知識はなくてもOKです。

しかし、

HTML・CSSの知識をがあると自在にブログをカスタマイズできます。

きたまる

有料テーマでカッコいいデザインがあるので、編集することは少ないですが、線の色や太さを変えたい、配置を変えたいと思ったときにHTML・CSSの知識があったら、サクッと変更できます。

覚えておくと、ブログ運営の幅が広がりますよ♪

HTML、CSSの知識、スキルがあったらできること

HTML、CSSの知識やスキルがあったらできることは、

ざっくり以下の２点です。

装飾を自由に編集、追加できる
ブログ構成の本質が理解できる

きたまる

緑の囲み（チェックリスト入り）の装飾も

標準的にはないのでHTML、CSSで作成しました。

※本ブログでは、Cocoonを使用しています。

装飾を自由に編集、追加できる

ぎもん君

装飾を編集、追加したりできるの？

きたまる

可能です！

基本的に、インストールしたテーマの装飾を使用すると思いますがオリジナルの装飾を作ることもできます。

私は、以下のぽんひろさんのサイトからコピペでして自分好みにカスタマイズしました。

【WPテーマ問わず】コピペでできるブログカスタマイズまとめ

ブロガー、アフィリエイターに役立つブログやサイトのカスタマイズをまとめていきます。HTML、CSSがわからなくてもコピペ可！WordPress(Cocoon、JIN、SANGO、Affingerなど)、はてなブログなど一部機能を除けば誰でも利用可能です。

このような、ボックスも作成可能です。
自分好みにカスタマイズするのは楽しいです。
さらにこのようなボックスはわかりやすい！

それぞれの無料テーマにも装飾機能は、十分ありますが、自分好みでカスタマイズするにはHTML、CSSの知識が必要です。

ブログ構成の本質を理解できる

赤枠の『テキスト』をクリックしてみてください。

テキスト部分を見たことあるでしょうか。

ぎもん君

呪文みたいやな

プログラミングとか無理だよ！

きたまる

呪文のように、＜div class=○＞, ＜li＞, <H3>とあると思いますが

HTMLの知識があると理解することができます。

最初にも言いましたが、HTMLの知識がなくともブログ運営できます。

HTMLの知識があると
ブログ記事の見た目が崩れたとき、テキスト画面で編集が可能です。

いづれにしてもWordpressでブログを書く場合、
HTML・CSSを理解しているとブログ記事の本質がわかる。
⇒ブログ記事で編集に困っても自分自身で解決できる。

HTML・CSSとは何か？

ぎもん君

そもそもHTML、CSSって何？？

きたまる

HTML・CSSは、以下のようなものです。

難しく考える必要はないですよ！

そもそもHTML・CSSとは何？

HTML・・Hyper Text Markup Language

（ハイパーテキスト・マークアップ・ランゲージ）

⇒文章構成を担うもの

CSS・・Cascading Style Sheets

（カスケーディングスタイルシート）

⇒文字の装飾するもの（飾り付けするもの）

HTML、CSS　おすすめの勉強法

ぎもん君

HTML、CSSの知識があった方が良いのはわかったけど

どうやって勉強すればいいの？

プログラミングって難しそうだよね、、汗

きたまる

HTML、CSSはプログラミング言語の中でも簡単な部類に入ると思います。

全く知識のない私でも、基礎的な読み書きができるようになりました。

では、これから私が勉強した方法を３つ紹介しますね♪

Progateでスキルを身に付ける

progateというプログラミングを身に付けることができるオンラインプログラミング学習サービスがあります。

Progate(プロゲート) | Learn to code, learn to be creative.

Progateはオンラインでプログラミングを学べるサービスです。プログラミングを学んでWEBアプリケーションを作ろう。

初心者の人でも、１から丁寧に解説されるのでわかりやすいです。

なにより、一緒に手を動かしながら学習できます。

ぎもん君

どれくらい勉強が必要なの？

きたまる

私は、１か月ほどでこのプログラミングスキルを身に付けることができました。

センスのある人は、もっと早く身に付けることができると思います。

最初の初級段階は、無料でチャレンジできるので試してみてはどうでしょうか？

中級編から上級編は、有料会員になる必要があります。
有料会員は、月９８０円なので１か月でサクッと身に付ければ良いと思います。

※ヘタに本を買うより安い！

オンラインコースで身に付ける

ぎもん君

オンラインで学習するのってどんな感じ？

きたまる

動画で実際に動きをみながら学習するものです。

本で学ぶより、実際に映像を見ながら学習するのでわかりやすいです。

オンライン授業と思ってもらえればいいかと思います。

私は、以下のUdemyで学びました。

実際に自分でサイトを作る

上記のもので学習したら、身に付けた知識を用いて１からサイト設計をやってみましょう。

１から作るのは、基礎がわかっているだけでは難しく挫折しそうになります。

ですが、１から作るのは非常に勉強になり、スキルアップに繋がります。

ブログを少し編集するだけならここまでする必要はないです。