WordPress・WordPressを知る

WordPressってなに?

世界のサイトの4割以上を動かす「WordPress」。いままで書いてきたHTMLのページと何がちがうのか、CMSという考え方から整理します。

ここまでのコースでは、HTMLやCSSのファイルを自分の手で1つずつ書いてきました。このコースで学ぶWordPress(ワードプレス)は、そのやり方とはちがう、もうひとつのサイトの作り方です。なんと世界中のWebサイトの4割以上がWordPressで動いています。

いままでの作り方と何がちがう?

しまちゃんのページは、index.htmlというファイルに自分でタグを書いて作りました。ページを増やしたければ、HTMLファイルをもう1枚作る——シンプルで見通しのいい、静的サイトという作り方です。

いっぽうWordPressでは、ページの中身は管理画面から文章を書いて登録します。HTMLファイルを直接書くかわりに、WordPressが登録された文章からページを組み立ててブラウザに届けてくれるのです。

手書きのHTMLWordPress
ページの作り方HTMLファイルを自分で書く管理画面のエディタで書く
見た目CSSを自分で書く「テーマ」を選んで着せ替え
得意なこと小さなサイト・完全な自由ブログ・お知らせなど更新が多いサイト
HTMLの知識必須無くても作れる(あると強い)

なぜこんなに使われているの?

WordPressが世界の4割を取った理由は、「書く人」と「作る人」を分けられるからです。

たとえばお店のサイト。作るのはWeb制作者でも、日々のお知らせを書くのは店長さんです。WordPressなら、店長さんはHTMLを知らなくても、管理画面から文章を打つだけで記事を公開できます。ブログ・ニュースサイト・企業サイトなど、更新しつづけるサイトと相性抜群なのです。

「じゃあHTMLの勉強はむだだった?」

まったく逆です。WordPressが組み立てているページの正体は、ここまで学んできたHTMLとCSSそのもの。テーマの中身はHTMLの骨組みとCSSの化粧でできていて、開発者ツールでのぞけば、見慣れたタグがずらりと並んでいます。

だからHTMLとCSSを知っているあなたは、「なんとなく使う人」ではなく、仕組みがわかったうえで使いこなす人としてWordPressに入門できます。カスタマイズの場面で、この差がはっきり出ます。

このレッスンのまとめ

  1. WordPressはCMS——記事の管理・デザイン・公開をぜんぶ引き受けるソフトで、世界のサイトの4割以上で使われている
  2. 手書きHTMLとの最大の違いは、管理画面から書くだけでページが増えること。更新が多いサイトに強い
  3. WordPressが出力しているのは学んできたHTMLとCSSそのもの——知識はそのまま武器になる

やってみよう:WordPressのサイトを見てみる

今回は手を動かす準備運動として、WordPressで作られたサイトの実例集をのぞいてみましょう。

  1. WordPressショーケースをブラウザで開く
  2. 気になるサイトを2〜3個クリックして眺める

「ブログっぽいサイト」だけでなく、企業サイトやニュースメディアまで並んでいるはず。次のレッスンで、インストールなしで実際にWordPressを触ります。