HTMLもCSSもPHPもブログを書くのに絶対に必要なものではない。という話。




スポンサードリンク

2017 10 05 20 55 17

以前本ブログの読者の方から「HTMLやCSS、PHPはどうやって勉強されたんですか?」という質問がありましたのでその返答をと筆をとってみました。

僕もブログを始めてデザインを変更したり細かいデザインをイジってきた経験がありますので、僕がやってきた勉強方法をご紹介しつつ、ブログ運営とマークアップ言語について記事にしてみようと思います。

あくまでもブログを今から始めようとか、サイトを作ろうかなとか考えている人に向けに書いていきます。

最初に言っておくとブログを始めるのに「HTMLもCSSもPHPの知識もいりません。

ここで理解してくれた方は「ググってブログ始めて記事を書いてください。」僕も始める時は知識0から始めました。


スポンサードリンク

ブログを始めるのに知識はほとんど必要ない。

勉強方法はとりあえず後回しとして、「ブログを書くのに知識なんてほとんど必要ないですよ!」ということを最初に話しておきます。

「その辺を勉強してからブログを始めます!」という人はよくいますけど、そういう人には「今すぐ初めてください。」と言うようにしています。

今は無数の無料ブログサービスもありますし、たいていのブログサービスはアカウントを作るためにメールアドレスとインターネット環境、PCかスマホさえあれば始めることができます。

極論スマホ一つで始めれるほど敷居が下がっています。プロブロガーでも使っている無料ブログをいくつかご紹介しておくと、

はてなブログ」「アメーバブログ」「livedoor Blog」「FC2ブログ」などがあります。

独自ドメインはとってありますが、人気のブロガーさんでもブログサービスを使っている人は多いです。

僕がよくみるブログの人たちは「はてな」や「livedoor」が多いイメージですね。

広告とかも貼れますしマネタイズもしやすいのかなと思います。

広告を貼るという時には少しだけHTMLやPHPの知識が必要なことがありますが、これも「ググれ」で簡単に解決します。

それでも勉強したければとりあえず始めてからで十分。

僕は最初「FC2ブログ」からはじめましたが、無料で落ちているテンプレート(サイトのデザイン)を利用していました。

無料のテンプレートはダウンロードしてから設定するだけで、HTMLやCSSなど一切イジらなくても記事を書き、公開することができます。

そこにデザインが出来上がった状態で使えるんです。

サイトのデザインというものは1から作っている人の方が少ないです。プロブロガーでも1からサイトを作れる人は少ないんじゃないかなと思います。

そして、ブログを書いているうちに、他のブログなどと比べていくと必ず自分のはじめたブログデザインでは足りない何かが生まれてきます。

例えばそれはフォントのデザインかもしれませんし、リンクを貼る時の色かもしれません。見出しタグをを変えたいと思うかもしれませんし、タイトルをテキストではなくロゴに変えたい!ということかもしれません。

HTMLやCSS、PHPなどを勉強するのはその時のタイミングで十分に間に合います。

勉強はもちろんグーグル先生。

そこで、勉強が必要になってからはグーグル先生に頼むのが一番です。グーグルはあなたが調べたい事柄の答えのほとんど全てを教えてくれます。

僕がHTMLやCSS、PHPについて習った知識は全て「Google」からです。

僕が一番最初にグーグル先生から教えてもらったHTMLがこれです。

HTML

フォントのサイズを大きくしてみました。これはHTMLだと

<font size=”7″>HTML</font>

ソース表示のプラグインを入れていなかったので、とりあえず左側のカッコを大きくしてHTMLのコードを無理やり表示しています。実際には<>の部分は半角で打ちます。

と、このように記述するのですが、これはグーグルで「ブログ フォントサイズ HTML タグ」みたいな感じで検索すれば答えはいくらでも出てきます。

こんな感じに色を変えることもできます。

これは

<font color=”red”>こんな感じのこともできます。</font>

というように記述します。

これは「HTML 赤文字」とでも書けばいくらでも答えが出てきます。

このように初歩的な部分からHTMLやCSSはグーグルが答えを導き出してくれます。こういう思考錯誤を繰り返しているうちに、ブログのデザインちょこちょこいじるぐらいの知識は学ぶことができます。

僕も未だにわからないことはグーグル先生聞いています。わからないことはなんでも教えくれます。

デペロッパーツールという神のような教材。

さらにこういう思考錯誤を繰り返していくうちに自分のサイトデザインを微調整したり、ガラッと変えたいと思うことが出てくるかと思います。

その時は他のテンプレートを探してもいいんですが、自分でどうしてもいじりたい!という時に僕がいつもやっている方法教えときます。

これはYahoo!のトップページです。

2017 10 05 1956

Google Chromeを使い、例として今回はYahoo!のトップページを使います。

ここでMacであれば【command】+【option】+【I】を同時押しするとオレンジ色に囲まれたウインドウ以下のようなモードになります。Windowsの場合は【Ctrl】+【shift】+【I】でも出てきます。

Chromeのタブから選択するなら、表示→開発・管理→デペロッパーツールという順で開きます。

2017 10 05 1958

最初に見る時はなんのことかわからない英語がいっぱい並んでいると思います。

左側の大きなウインドウがHTML、右側がCSSです。

これは実際にYahoo!のトップページの構成ということになります。

そこで、デペロッパーツールの左上側のカーソルのマークをクリックして、調べたいところに持っていくと。(今回はヤフーのロゴらへんを調べてみます。)

2017 10 05 2001

h1タグの部分のHTMLが下に表示され、右側にはそのCSSも表示されます。

このようにこのブログのHTMLやCSSってどうなってるんだろうなー。と調べるときに役に立ちます。

自分がかっこいいと思うブログのデザインを参考にするときに便利です。

さらにこのツールはHTMLやCSSをテストでいじることもできます。

「padding-top」という部分を実際に触ってみます。

2017 10 05 2001 2

今回はCSSの講座というわけではないので詳しい説明はしませんが、ここを1pxという値から100pxという値に変えてみます。

すると、

2017 10 05 2001 1

Yahoo!のロゴが下に移動したのがわかると思います。もちろんこの修正は自分の今のデペロッパーツールを使っているときにしか反映されていません。

ですので、ページを更新すれば治ります。

このように実際に自分のブログをいじる時のテストや練習にもなるので、デペロッパーツールを使うのはオススメです。

僕は暇なときに色々なサイトの構造や自分のブログのデザインをこのようにいじって遊んだり、実際に修正したりしているうちになんとなく知識が身についてきました。

もちろんその知識もできる人からするとかなりレベルの低いものですが、このような初心者でも簡単にマークアップ言語を身につけることができるのです。

まとめ・最後に言えること。

また最初の結論に戻りますが、HTMLやCSS、PHPなどは全く知識がなくてもブログを書くことはできます。

今回は書いていませんがPHPに関してはグーグル先生からしか習っていません。セミナーや書籍などには一円も使ったことはないです。

知識があれば便利ではありますが、勉強にばかり時間を割いて肝心のブログやサイトが立ち上げられないのであれば、覚えない方がいいです。

ブログはとりあえず書くことが大事なので、準備ばかりに気をとられていては意味がありません。

前に準備については「継続する技術は準備が大事という話。」という記事書いていますのでこちらも参照ください。

とりあえず初めてみる。そして継続するために必要な準備をする。ということが大切です。

さらにそこからブログを始めた人で、記事の書きかたがわからない人向けにポイントを絞って紹介した「月間15万PVブロガーのブログ記事の書き方。1から投稿までを簡単に解説します。」という記事もありますのでこちらもどうぞご覧ください。

とにもかくにもこの記事を最後まで読んでくれた人は、ブログを始めたいと思っている人だと思います。

そんな人たちに言える結論はやはり一つで「ググってとりあえずブログ初めてください。」ということだけです。

ブログは誰でも簡単に始められ、誰でも簡単に書くことができます。

それでは、月見水太郎(@tuki_mizu)でした。

読まれる記事は誰かの知識欲をくすぐる記事だ!ブログアクセスアップ講座。

2017.07.08

ブログから仕事の依頼はどんなものがある?依頼内容や収益についてご紹介します!

2017.05.04

ブログを始めて2年。毎日を最適化していく中で僕がお金を時間に変えた4つのこと。

2017.04.20




スポンサードリンク

\心の底からシェアして欲しい。/

コメントを残す

メールアドレスが公開されることはありません。

ABOUTこの記事をかいた人

現役看護師ブロガーです。毎日を最適化して自由に生きるための情報発信をしています。 月間10万人以上に読まれるブログ「つきみず書庫」を運営中。 医療・看護師関連の未来の働き方についても情報発信しています。 お仕事のご依頼はメールかTwitterのDMからよろしくお願いします。
メールアドレス:tukimimizutarou@gmail.com
twitter facebook follow us in feedly RSS twitter