はじめてHTMLでブログを書いた!おすすめ方法も!

更新日:

みなさんのブログはどのエディタで書いていますか?ブログ初心者の私は『ビジュアル』→『Getenberg』という流れで書いています。

たぶん同じ初心者の人や趣味でブログを書いている人も、『ビジュアル』『Getenberg』を使っている人は多いのではないでしょうか?

 

今回、ブログ初心者の私がはじめて『テキストエディタ(HTML)』を使って記事を書いた様子をご紹介します。

なにぶん無知なので温かい気持ちで読んでくださいね!

 

 



なぜテキストエディタ(HTML)で書きたいのか

フリーランスとして普段は『クラウドソーシング』や『業務委託』でライティングの仕事をしていますが、ちょいちょい募集文に『WordPress(テキスト・HTML)が使える方』というのがあるんですよ!

まあ少し文字単価が高いくらいのメリットですが、ライティングで稼ぐためには『HTML』を覚えておいたほうがいいのかな~ってくらいの動機です。

 

 

まず初心者は何をしたらいいのだろうか?

とりあえずググるか・・・【WordPress HTML 初心者】っと、【WORDPRESS初心者がまず覚えておきたいHTMLタグ10選】・・・これやな!

ふむふむ・・・なるほど!わからん!とりあえずメリットは

  • SEOに有利
  • 仕事の幅が広がる
  • ブログで稼ぐなら覚えろ

なるほど!覚えるメリットはありそうですね。次に『初心者がまず覚えたいHTMLタグ10選』

 

    • 1.pタグ
    • 2.aタグ
    • 3.strongタグ
    • 4.hタグ
    • 5.spanタグ
    • 6.divタグ
    • 7.moreタグ
    • 8.hrタグ
    • 9.scriptタグ
    • 10.PHPタグ

『<P>文字</P>』で改行するのか・・・見出しは『<h1>見出し1</h1>』っと基本くらいなら簡単そうですね。

それで文字を赤くする方法は・・・?もう一度ググってみましょう!『<span style="color:#FF0000;">表示名</span>』・・・なんですかこの長さは!?ブロガーのみなさんはこんな長いタグをおぼえているんですかね?

 

いずれにしろ私には覚えられないので、何か対策はないかとググることに・・・「単語登録するといいっすよ!」っというのを発見!これならワンタッチでタグが打てそうですね!

さっそくやってみました。

辞書のスクショ

どうですかね?いい感じな気がします!・・・このスクショをHTMLで表示するの大変でした><

 

 

さっそくHTMLでブログを書いてみる

なんとか基本の『段落』『見出し』『画像』『文字色』『太字』『リスト』を覚えたので、WordPressのテキストエディタ(HTML)でブログを書いてみました。

書いているブログは今みなさんが見ているものですが・・・どうでしょうか?装飾は足りませんが一応かたちにはなっていると思います。

スクショ

ピンぼけしてスイマセン><

 

 

話がそれますが、画像が『HTTPエラー』でアップロードできなかったのですが、とある方法で解決しましたのでご紹介しますね。

プラグインが原因みたいなことが多いらしいのですが、私の場合は『サーバーのphp.ini設定』の『memory_limit=256M』『post_max_size = 256M』『upload_max_filesize = 256M』にしたら解決しましたので、参考にしてくださいね!

 

 

初HTMLで作った感想

時間はかかりましたがテキストエディタ(HTML)を使ってブログを作れたことに感動しています。最初は英語ばっかりでチンプンカンプンでしたが、今はもっと知りたい欲が溢れている状態です。

次の目標は、文字の装飾やグラフなどをやってみたいですね!といっても今はまだ基本操作で何本かブログを書いて体で覚えたいと思います。

 

 

これからHTMLをはじめる人へ

ブログはビジュアルやGutenbergで満足!という人は多いかと思いますが、HTMLを軽く覚えるだけでライターとして一段上に登れるので、ぜひ挑戦してみてくださいね!

今回はHTMLタグで精一杯だったので、文章構成が適当になって見づらいと思いますが、今後も定期的にテキストエディタで書きたいと思います。

それでは!



Copyright© あんみんと , 2019 All Rights Reserved Powered by AFFINGER5.