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の知識必須無くても作れる(あると強い)

ページが届くまでの舞台裏

手書きの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枚ものは手書き」——道具は適材適所で選ぶのがいちばんです。

このレッスンのまとめ

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

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

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

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

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

よくある質問

WordPressは無料で使えますか?
WordPress本体(WordPress.org)は無料のオープンソースソフトです。ただし本物のサイトとして公開するには、サーバー代などの費用が別にかかります。費用の話はこのコースの最後のレッスンで扱います。
HTMLを知らなくてもWordPressは使えますか?
使えます。記事を書く・テーマを着せ替えるといった基本操作にコードは不要です。ただしHTMLとCSSを知っていると、細かいカスタマイズや不具合の原因さがしができて、自由度が大きく上がります。
WordPress.orgとWordPress.comは何が違いますか?
WordPress.orgは自分のサーバーにインストールして使う無料ソフトの本体、WordPress.comはそのソフトを使って企業が運営しているブログサービスです。名前は似ていますが別ものです。