WordPressとは？初心者でも分かるように仕組みを図解

よく聞くWordPress（ワードプレス）とは何なんでしょうか。どんな仕組みなのでしょうか。今回は初心者の方で理解できるように、なるべく専門用語を使わずに、図を用いながら解説します。

1. WordPressとは？

一言でいうと ブログの運営を楽にするための無料のソフトウェアです。 ブログに限らずウェブサイトを作成・管理できるソフトウェアです。以下では自己ホスト型WordPressでブログを運営する例を説明します。

HTMLを手作業で管理するブログ更新だと…

ウェブサイトのページはHTMLなどのコードで表現されます。まず、記事のHTMLを手作業で作り、サーバーへアップロードする方式を見てみましょう。WordPressを使わない方法がすべてこの方式という意味ではなく、ほかのCMSや自動生成・公開の仕組みもあります。

具体的には、HTMLというコードを書かなければならなくなります。しかも1記事につき1つHTMLファイルを作らなければなりません。

これがHTMLです。自力でやろうとすると、こんな画面をブログを更新するたびに見ないといけないのです。

それだけではありません。このHTMLファイルを、自力でサーバーにアップロードしなければなりません。

サーバーとは、インターネット上に何か公開するためのソフトやコンピュータです。ブログの場合、だいたいこのサーバーを間借りします。アパートの1室を借りるようなものです。

このお部屋の住所はあらかじめ決めておきます。誰かがブログを見るときには、この住所（URL）にアクセスするわけですね。

このお部屋に「ファイル転送ソフト（FTPソフト）」というものを使って、ブログを更新するたびにHTMLファイルをアップロードしなければならないのです。

一旦まとめます。

WordPressを使うと…

【前提】ここではWordPressの利用方法を次の2つに分けて説明します。
(1) ~.org：サーバーに自分でインストール
(2) ~.com：レンタルブログ
この記事では、一般的によく使われている(1).orgの方について書いています。詳しくはのちほど。

WordPressを使う場合もレンタルサーバーを借りる必要はあります。そして、借りたサーバーにWordPressをインストールします。

するとブラウザを通してブログの管理ができるようになります。こちらは、専用のログイン画面です。ネットのサービスを使うときによく見るようなユーザー名とパスワードを入れるものですね。 以降のログイン・管理・投稿画面は公開当時の例です。現在はブロックエディターなどが使われ、画面や操作が異なります。

ログインするとダッシュボードが開きます。

このダッシュボードから、コードをいじらなくても簡単にブログを更新したり、設定を変えたりすることができるのです。

こちらは記事の新規作成画面です。専門知識がなくても「タイトルを書いて、記事を書いて、画像を貼って…」というように直感的に使えるのです。

いちいち手作業でHTMLファイルを作る必要はなく、専門知識がなくても更新ができます。アメブロのように、投稿画面から更新できるのです。旧文で挙げていたLINE BLOGは2023年6月に終了しています。

おしゃれなテンプレートが簡単に使える

インターネットで探せば、たくさんのWordPressのデザインテンプレート（テーマと呼ばれます）が見つかります。テーマを自分のブログにインストールすれば、簡単におしゃれなブログが出来上がります。

例えば、こんなおしゃれなテーマも無料で使うことができます（詳細）。

こちらも無料のテーマです（詳細）。写真や作品のポートフォリオサイトにも使えそうですね。

コードを一切書く必要はないの？

ここがちょっとしたミソです。WordPressはコードの知識が無くても使えるものの、コードの知識があるとより機能を最大限活かすことができます。

例えば、インストールしたテーマのデザインを変えたいな…と思い立つとします。「色を変えたい」「配置を変えたい」「YouTube動画を埋め込みたい」などですね。

現在はブロックやサイトエディター、テーマの設定から、色・配置・動画の埋め込みなどをコードなしで変えられる場合があります。利用できる機能はテーマ等によって異なり、その範囲を超えるカスタマイズではコードの知識が役立ちます。

アメブロやはてなブログとは何が違うの？

ここで誰もが疑問に思うのが「はてなブログとかアメブロじゃダメなの？会員登録するだけで無料で始められるし、サーバー借りたりする必要もないよ？」ということですよね。

こちらは、はてなブログの投稿画面です。たしかに無料で使えて、コードをいじらなくても簡単に更新ができます。

WordPressは自由度が高い

しかし、アメブロやはてなブログなどのサービスではカスタマイズに限界があります。WordPressであれば、本当に自分の好きなようにデザインやブログの構成を変えることができます。これが、アメブロなどのブログサービスとのいちばんの違いです。
具体的にWordPressでできることは、次の章で説明します。

【一旦まとめ】違いを比較

ここまでの内容を表にしてまとめてみました。

2. WordPressの特徴とできること

もっと詳しく見ていきましょう。さきほど「自由にカスタマイズできる」と書きましたが、具体的にどのようなことができるのでしょうか。

ブログの隅々まで自由に変えられる

「ここに記事へのリンクを貼って、サイドバーにはあれを載せて、広告はどこに貼って…」というように全て自由に変えることができます。

どのデザインテーマを使っていようと、やろうと思えば全ての部分を変えることができます。

プラグインで機能を付け足せる

WordPressの醍醐味の1つに「プラグイン」というものがあります。

これは、カンタンにブログに様々な機能を付け足すことができる仕組みです。

たとえば、人気のプラグインだと以下のようなものがあります。

プラグインを使うのに、コードの知識は基本的に必要ありません。使いたいプラグインを探し、1クリックでインストールし、有効化するだけです。

掲示板や問い合わせフォームを設置できる

プラグインを使えば、訪問者が投稿できる掲示板や問い合わせフォームなどを簡単に作ることができます。

記事やカテゴリーごとにデザインを変えられる

サルワカの旧WordPressサイトでも活用していた機能です。

例えばこちらは掲載当時のPhotoshopのカテゴリーページです。一部のカテゴリーだけデザインを変えることができるのです。

こちらは本のレビューページです。当時、通常の記事とは全く違うデザインにしてみた例です。

こちらは以前ふと思い立って作った「力尽きたときの簡単レシピ」というページです。

このようにページごとにデザインを変えることができるのです。具体的な方法は下の記事で解説しています。

ウェブサービスを作ることもできる

WordPress上で、ちょっとしたウェブサービスを作ることもできます。

例えば、こちらは標準フォント一覧からCSSのfont-familyが作れるサービスです。この旧ページも当時WordPress上に作っていました（このようなものを作るにはPHPやJavaScriptなどの専門知識が必要ですが）。

ほかのブログサービスでも、対応する機能やカスタマイズの範囲はサービス・プランによって異なります。このように使い方次第で本当にたくさんのことができるのがWordPressなのです。噛めば噛むほど味が出る系ブログサービスと言えるでしょう。

3. WordPressの仕組み

WordPressのシステムはPHP（ピー・エイチ・ピー）というプログラミング言語により構築されています。そして、ブログの「記事の内容」や「更新情報」などはMySQL（マイ・エスキューエル）というデータベースシステムにより管理されています。 MariaDBにも対応しています。図は基本的な動作を示すもので、キャッシュを利用する構成では生成済みの内容が再利用される場合もあります。

という説明で分かるはずがないので、図にまとめてみました。

ブラウザがブログにアクセスすると、PHP製のWordPressが反応し「このURLだから、この記事やな…」と、MySQLに記事情報を取りに行きます。そして、取り出した情報をもとに記事ページ（HTML）を作り、ブラウザに表示させているのです。

4. カスタマイズで使う4つの言語

さきほど、設定画面の範囲を超えるカスタマイズではコードの知識が役立つというお話をしました。WordPressでブログをカスタマイズする際に触るのは、主に次4つのコンピュータ言語です。は「押さえておくべき度」を表しています。

1つずつ順番に見ていきましょう。

HTMLウェブページの土台を作るための言語です。文字や画像はHTMLにより表示されています。テンプレートのHTMLを書き換えることで、いろいろなパーツの配置や文字を変えたりすることができます。

HTMLはページの内容や意味・構造を表す土台です。リンクやフォーム、動画なども扱えますが、見た目や配置の調整にはCSSを使います。図は役割を理解するための簡略化した例です。

CSSブログのあらゆるパーツの色や大きさ、余白などを変えるのはCSSです。CSSはHTMLから読み込まれます。

HTMLで作った土台に対して、CSSで見た目をおしゃれにしていくというイメージですね。

なお、HTMLとCSSについてはそれぞれ別の記事にまとめています。

PHPWordPressというシステム自体がPHPという言語により構築されています。

HTMLとCSSが分かれば、デザインカスタマイズは十分にできますが、より高度なカスタマイズをしたり、機能を加えたりしたいときにPHPが必要になります。PHPはサーバー側で実行し、状況に合わせてHTMLなどを生成できるプログラミング言語です。HTMLと混ぜて書くのは書き方のひとつで、PHPだけのファイルに処理を書くこともできます。

<?php the_time('Y-m-d'); ?>
//表示例： 2016-06-29

<?php the_category(); ?>
//表示例： ワードプレスの使い方

<?php
if ( wp_is_mobile() ) {
  /* モバイル端末（タブレットを含む）向けの処理を書く */
}
?>

ここで紹介したのはごく一部です。PHPを理解すると、たくさんの応用的なカスタマイズができるようになります。

JavaScript最後にJavaScriptです。
例えばこの画像のように「クリックしたら●●を表示」というような動きはJavaScript（ジャバスクリプト）で実装できます。

他にも、「クリックするとポップアップで警告を表示」や「入力された文字数をリアルタイムでカウント」などの機能はJavaScriptで実現できます。「ページを読み込み直すことなく何らかの動きをつける系のものの多くはJavaScriptで表現される」と何となく理解しておけば良いかと思います（最近だとCSSだけでも色々とできますが）。

一旦まとめ：カスタマイズ時に使う言語

繰り返しになりますが、これらの言語の書き方を知らなくてもWordPressでブログ運営はできます。運営しながらカスタマイズを繰り返し、少しずつ学んでいけば良いのです。

WordPressのはじめ方

WordPressを始めるには、サーバーとドメインを用意して導入します。掲載当時のサルワカが使っていたのは「エックスサーバー」です（当時は費用と安定性を評価していました）。 現在のXserverリンク先はXserverビジネスで、当時使ったプランとは別の商品です。契約する際は現在の商品と条件を確認してください。

サーバーを借りて、ドメインを取得し、WordPressを導入するという順に準備を進めます。

また、ConoHa WINGを使えば、サーバーとドメインをセットで契約できるだけでなく、「WordPressかんたんセットアップ」という機能のおかげで初心者でも簡単にWordPressでブログが作れます。

下の記事で丁寧に解説したので、よければ見てみてくださいね。

WordPressの疑問に一挙にお答え

最後に、WordPressについての疑問に一挙にお答えしていきます。

ブログ以外にも使える？

使えます。お店や会社のウェブサイト（ホームページ）を作るようなこともできます。それ用のデザインテーマもたくさんありますし、自由にデザインを変えることもできます。

ただ、ブログではなくウェブサイト（ホームページ）を作りたいのであれば、「Wix」というツールを掲載当時はおすすめしていました。画面上でデザインを編集できるサービスです。費用はプラン・契約期間・ドメイン等によって異なるため、WordPressの運用費と同額とは限りません。必要な機能と条件を比べて選びましょう。

広告が勝手に表示されたりしない？

WordPressの広告が勝手に貼られるようなことは一切ありません。収益をあげるためにブログに広告を貼ることは自由にできます。 ここで説明しているのは自己ホスト型WordPress本体です。利用するホスティング・追加テーマ・プラグイン等の条件まで無広告を保証するものではありません。

WordPressで作られているかはどうやって分かる？

Is It WordPress?というサイトにチェックしたいウェブサイトのURLを入力すると簡単に調べてくれます。 公開情報からの推定結果なので、WordPressの利用を必ず判定できるとは限りません。上の画面は公開当時の例です。

無料で使える？

WordPress自体は無料で使うことができます。ただし、他に以下の2つのお金がかかるのでご注意ください。

ただ、セットになっていることも多いです。例えばConoHa WINGにはWINGパックなど対象条件を満たす契約で無料ドメインを利用できる特典があります。対象ドメインや契約中の条件を公式案内で確認してください。

サーバーの契約はどこですればいいの？

ブログの場合、ConoHa WING、エックスサーバーはいずれも選択肢です。掲載当時のサルワカでは、もともとロリポップを使っていたのですが、途中でエックスサーバーに乗り換えています。他メディアではConoHa WINGを使用していました。

掲載当時の筆者の利用環境では、ロリポップで同時アクセスが100程度でも落ちてしまうことがありました。一方、エックスサーバー（スタンダードプラン）だと1500人の同時アクセスにも耐えてくれました。 図と数値は当時の筆者の利用経験で、条件の揃った比較試験や現在の性能保証ではありません。現在のこのリンクはXserverビジネスへ移動し、本文の旧スタンダードプランとは別の商品です。

また、掲載当時に使い始めたConoHa WINGは、当時、筆者が使いやすさ・費用・パフォーマンスを評価していた選択肢です。現在の料金や性能の優位を保証するものではありません（↓参考）

ドメインはどこで取ればよいの？

レンタルサーバーを借りるときにセットで取得できることが多いですね。個人的にもそれが楽で良いのではないかと感じています。サーバーとは別に取得するのであれば、お名前.comを掲載当時の選択肢として挙げていました。現在の料金や契約条件を確認してください。

SEOに強い？

よく「WordPressはSEOに強い」などと言われますが、そうとも限りません。カスタマイズが自由なぶんサイト構造を自分の思い通りに最適化することができますが、逆に言えばやり方を間違えれば失敗するリスクもあります。ただ、長い目で見ると自由度が高いために、変化に対応しやすいのかもしれません。

はてなブログなどから移行できる？

移行はできます。ただし、ここで重要になるのがドメインです。saruwakakun.comのような独自ドメインを使っていても、ドメインだけでなく記事のパスまで維持できるかを確認します。URLを維持できれば、変更による影響を抑えやすくなります。
URLが変わる場合は旧新URLの対応表や適切なリダイレクトなどで移転を伝えます。検索への影響が出る場合はありますが、一律に評価がほぼリセットされるとは限りません。

WordPressって人気なの？

広く使われているソフトウェアです。以下は2015年に「世界の25%のサイトで使われている」と報じられた当時の参考資料で、現在の比率ではありません。 WordPress now powers 25% of the Web

WordPress.comって何？

さきほど少し触れたのですが、ここではWordPressの利用方法を次の2つに分けて説明します。
(1) ~.org：ここまで紹介してきたのはこっち。
(2) ~.com：レンタルブログ。

ここでは、自分のサーバーへ導入するWordPressと、ホスティングを含む商用サービスWordPress.comを区別しています。別のソフトが2種類あるという意味ではありません。
違いは何なのかというと、(2).comの方はサーバーを自分で借りる必要がありません。アメブロやはてなブログの方に登録作業をすればすぐに使えるようになります。
その一方で、プラグインや追加テーマの利用条件はプラン等によって異なります。現在はWordPress.comの全有料プランでプラグインをインストールでき、対象プランでは外部テーマの追加も可能です。無料プランを含め、必要な機能の現在の利用条件を確認しましょう。

まとめ

ここまで「WordPressとは何なのか」について解説してきました。詳しい使い方についてはまた別の記事で解説しようと思います。