ここまでのコースでは、HTMLやCSSのファイルを自分の手で1つずつ書いてきました。このコースで学ぶWordPress(ワードプレス)は、そのやり方とはちがう、もうひとつのサイトの作り方です。なんと世界中のWebサイトの4割以上がWordPressで動いています。
いままでの作り方と何がちがう?
しまちゃんのページは、index.htmlというファイルに自分でタグを書いて作りました。ページを増やしたければ、HTMLファイルをもう1枚作る——シンプルで見通しのいい、静的サイトという作り方です。
いっぽうWordPressでは、ページの中身は管理画面から文章を書いて登録します。HTMLファイルを直接書くかわりに、WordPressが登録された文章からページを組み立ててブラウザに届けてくれるのです。
| 手書きのHTML | WordPress | |
|---|---|---|
| ページの作り方 | HTMLファイルを自分で書く | 管理画面のエディタで書く |
| 見た目 | CSSを自分で書く | 「テーマ」を選んで着せ替え |
| 得意なこと | 小さなサイト・完全な自由 | ブログ・お知らせなど更新が多いサイト |
| HTMLの知識 | 必須 | 無くても作れる(あると強い) |
ページが届くまでの舞台裏
手書きのHTMLとWordPressの違いは、「お弁当」と「レストラン」にたとえるとイメージしやすくなります。
- 手書きのHTML——作り置きのお弁当。
index.htmlという完成品が置いてあり、リクエストが来たらそのまま手渡す - WordPress——注文を受けてから作るレストラン。記事の文章はデータベースという保管庫にしまってあり、リクエストが来るたびに、テーマのひな型に文章を流しこんでページを組み立てて出す
だからWordPressでは、記事を1本登録するだけで、トップページの新着一覧・記事ページ・月別の一覧……と、関係するページ全部に自動で反映されます。手書きなら1ページずつ直していた作業が、組み立て式だから一度で済むのです。
なぜこんなに使われているの?
WordPressが世界の4割を取った理由は、「書く人」と「作る人」を分けられるからです。
たとえばお店のサイト。作るのはWeb制作者でも、日々のお知らせを書くのは店長さんです。WordPressなら、店長さんはHTMLを知らなくても、管理画面から文章を打つだけで記事を公開できます。ブログ・ニュースサイト・企業サイトなど、更新しつづけるサイトと相性抜群なのです。
「じゃあHTMLの勉強はむだだった?」
まったく逆です。WordPressが組み立てているページの正体は、ここまで学んできたHTMLとCSSそのもの。テーマの中身はHTMLの骨組みとCSSの化粧でできていて、開発者ツールでのぞけば、見慣れたタグがずらりと並んでいます。
だからHTMLとCSSを知っているあなたは、「なんとなく使う人」ではなく、仕組みがわかったうえで使いこなす人としてWordPressに入門できます。カスタマイズの場面で、この差がはっきり出ます。
WordPressにも苦手はある
万能に見えるWordPressにも、不得意な場面があります。
- 1枚だけの小さなページ——ページを組み立てる仕組みがまるごと付いてくるぶん、大げさになりがち。しまちゃんのページのような1枚ものは、手書きのHTMLのほうが軽くてシンプル
- 住まいに費用がかかる——裏でプログラムが動くため、無料の置き場所では動かせないことが多い(くわしくは最後のレッスンで)
- 管理の手間——本体・テーマ・プラグインを最新に保つ「お世話」が続く
「更新しつづけるサイトはWordPress、小さな1枚ものは手書き」——道具は適材適所で選ぶのがいちばんです。
このレッスンのまとめ
- WordPressはCMS——記事の管理・デザイン・公開をぜんぶ引き受けるソフトで、世界のサイトの4割以上で使われている
- 手書きHTMLとの最大の違いは、管理画面から書くだけでページが増えること。更新が多いサイトに強い
- WordPressが出力しているのは学んできたHTMLとCSSそのもの——知識はそのまま武器になる