唐突ですが、自分はWindowsを使っていますが Windowsキー +Shiftキー +S をよく使います。これは画面のトリミングをする為のショートカットキーです。
主にメモのために使っていますが、それを同じくらい使うのはメモ帳です。PCに標準でついているあのメモ帳です。仕事のためにも使いますし、よくやるゲームのことでも使います。付箋ウィジットも使いますが、メモ帳の方が自分にはあっています。
「ブログを始める=メモ帳の延長線」だと思っていた
ワードプレスの門を叩く。ほとんどの人が、それはもう99.999%の人が何かしらのマニュアルを見ながらセッティングをするでしょうね。そしてようやく自分のワードプレスの管理画面に入り、あれやこれやします。そして、多くの人が文字を武器にして運営します。
サイト名や、キャッチフレーズ、カテゴリー名もそうです。そこらの文字は大体が一行ですね。タグだってそうです。投稿文以外のほとんどが、ほぼほぼ一行なのです。
何かをテーマにする人が多いでしょう。ニッチな分野であればあるほど、Webサイトの評価は高くなります。その分野の人が集まりますからね。
実際に書き始めます。編集画面で色や大きさを変えられます。enterをして改行します。なんなら見やすくする為に連打します。。。
2回叩いても生まれないスペース
WordPressという「HTMLとCSSのルール」で動く世界に足を踏み入れた瞬間、その常識がドデカい壁にぶち当たる。
メモ帳の感覚でenterを押す。当然、編集画面ではenterを連打した分だけ行間が開く。最初は何かの間違いかと思って編集画面に戻って確認する。そしてまたプレビュー画面を見る。
そして心の中で叫ぶのです…「はぁぁぁぁぁっっっっ!?!?!?」とね。
そこで調べると余白はenterの連打ではなく、CSSのmarginで作る物と知る。当然「何故?」となります。少し調べると<br>をいう改行タグを知ります。そしてそこで<br>を使うのは一般的では無いと知り、再び「何故?」の再来が早々に訪れます。
ここのブログで使ってるテーマcocoonで優れている所は、この行間の隙間を簡単に開ける事ができる機能がある所です。
※cocoonオリジナル機能:[C]ブロック下余白
コードエディターという裏側であり、表の世界
裏側の世界とは人間の目で見た世界であり、ブラウザにとっては表の世界でしょう。
文章を書いている最中に文字の太さを変えたりします。文字サイズだって変えます。なんなら文字の背景色も変えます。やっぱり気に入らないと元に戻します。上手く戻らなくて何度も何度も対象の文字を選択してポチポチポチポチします。
そんな事をやりながらHTMLやCSSに少しでも強くなろうとコードエディターの画面を開きます。
<span><span><span><span><span><span></span></span></span></span></span>
自分で大量に生産した無駄タグに驚愕します。
見出し H2 / H3 / H4 が重要だと知って反感を抱く
当然、ブログの事を調べていくと見出しの存在を当然知ることになる。本や新聞のタイトルの大きさと思えば良いと解釈するかもしれない。
- H2:一番大きな「章のタイトル」
- H3:その中の「小分けのトピック」
- H4:さらに細かい「補足やヒント」
エイチ2?が章のタイトル?と、なにそれ美味しいの状態。更に調べていくと、、、
- H2:話がガラッと変わる時のいちばん大きな区切り。これから、このテーマについて話すよ!っていう宣言だね。
- H3:H2の中で、話をさらに分かりやすく分けるための中くらいのタイトル。H2という親分に付いていく子分みたいなものだね。
- H4:H3(中くらいのタイトル)の中で、さらに「ちょっと付け足し」をしたい時に使う小さなタイトル。
という説明を見て、まずは「H1」はどこいった!何故H2から始まる!?!?!?となる。H1はタイトルに付けられると知り、そこは「ふ~ん」と納得する。
そして「文字を太くしてサイズを大きくしたら良いんでしょ」となり、色を付けてサイズを変えるが、様々な見出しデザインに触れ、無駄な足掻きは瞬く間に消え去る。
※昔はサイト名にH1が付いていました。今は記事のタイトルが自動的にH1が割り振られます。
ワードプレスで是非チャレンジしてほしい
ブログを始めたくて悩んでいる人を見かけますが、アドバイスとして最初は無料ブログサービスを使う事を勧める人は当然います。
しかし、自分は「どうせハマったらドメイン取得してワードプレスに移行するんだから、最初からワードプレスでやっちゃえ」派です。
そしてその最たる理由としては、ある程度の形が整った記事が出来るまで投稿はしないですし、最初の投稿なんてものはタイトルに「はじめまして」から始まって記事の内容はブログのテーマとなる事をサラッと書くだけで良いのです。それからデザインのあれこれをしたって問題はありません。
Webサイトの見た目を作るのにHTMLやCSSの基礎をかじることは当然必要なので、最初にやるか、それとも作りながら知って行くか、はたまた無料ブログサービスを触りながら学んでいくかの三択でしょうね。
次回はPHPの存在を知ったと同時にWebサイトの画面が真っ白になった話でもしようと思います。



コメント