WordPress (ワードプレス) とは?「特徴・できること・仕組みの解説」

※ アフィリエイト広告を利用しています。
server-2

こんにちは、デザイナー・ブロガーの
ゆっきー(@elcielo_design)です。

今回は、初心者のために
WordPressとは何か説明しようと思います。

スポンサーリンク

WordPressとは何?

WordPress (ワードプレスト) とは?

オープンソースのブログソフトウェアである。
PHPで開発されており、データベース管理
システムとしてMySQLを利用している
(後述のプラグインよりSQLiteでの使用も可能)。

単なるブログではなくコンテンツ管理システム
(CMS)としてもしばしば利用されている。

– Wikipedia

Wikipediaでは、こう書かれていますが、
一言で言うと「Webサイト・ブログの運営や
管理を簡単にするための無料のソフトウェア」

さらに言うと、「そこまで深い知識がなくても
サイトを作成・更新できるシステム」です。

因みに、このサイトもWordPressですね。

スポンサーリンク

WordPressの登場

pc 5 - WordPress (ワードプレス) とは?「特徴・できること・仕組みの解説」

普通、Webサイトを作成したり、
ブログを更新するなどの手順をイメージすると
上の画像みたいになるのではないでしょうか?

意味がよく理解できない「コード」
英語、記号、数字等がズラッと並んであって、
「html」や「CSS」といった名称もあります。

Webサイトやブログを作ると言うことは、
サイト立ち上げのみでなく運営や更新のたびに
コードと嫌でも向き合わないとダメということ。

初心者の人がサイトを作ろうとしても、
これでは、なかなか手が出せませんよね。

それに、詳しくプログラミングが分かるより
自分自身の記事や商品 (サービス) に
力を入れたいと思っている人も多いはず。

そこで、2003年に誕生し、2008年ごろから
急に人気が出てきたのがこのWordPressです。

WordPressを使わない場合

そもそも、Webサイト (ブログも含む) は、
さっき言ったようにコードの集まりです。

WordPressなしに、自力だけで
サイトを更新しようとなるととても大変。

具体的に1記事 (1ページ) を作る度に
新しいHTML (コード) のファイルを
1つずつ作っていかないといけません。

また、それだけではなくて、
このHTMLファイルをいちいち自力で
サーバーに上げる必要もあるんです。

サーバーとは、ネット上に何かを
公開するためのコンピュータ、ソフトで
ブログの場合は大体、サーバーを間借りします。

(マンションの1部屋を借りるイメージで
その住所がURLにあたりますね。)

この借りたサーバーにファイル転送ソフトで
毎回HTMLファイルをアップロードする訳です。

つまりは、なかなか面倒 … 。

WordPressを使う場合

前提として、この記事では①についてです。

  • WordPressの2つの種類
    ① 〜 . org : サーバーに自らインストール

    ② 〜 . com :レンタルブログ (サイト)

※「 WordPressのQ&A」のQ9で解説

WordPressを利用する場合も
もちろんサーバーを借りるのは必要です。

そして、借りたそのサーバーに
WordPressをインストールしていきます。
(レンタルサーバーの管理ページから
最近だと簡単にインストールできますね。)

wordpress1 1 - WordPress (ワードプレス) とは?「特徴・できること・仕組みの解説」

インストールすると、ブラウザを通し
サイト (ブログ) の管理が可能になります。
これが、ログイン画面です。

wordpress5 - WordPress (ワードプレス) とは?「特徴・できること・仕組みの解説」

ログインをするとダッシュボードが開き、
ここから、簡単にコードを触らなくても
サイト (ブログ) の投稿、更新、設定を
行っていくことができるんです。

WordPressのメリット

WordPressが何か少し分かりましたか?
そこで、次にWordPressを使うと、
簡単な点・楽な点を紹介しようと思います。

メリットは以下の5つになります。

  1. デザインテンプレートで
    お洒落なサイトにできる。

  2. 専門的なコードを覚えなくていい。

  3. ファイルのアップロードで簡単

  4. 自由度が高い。

  5. プラグインで簡単に便利機能を追加

  6. その他

それぞれ順に説明していきます。

① デザインテンプレートで
お洒落なサイトにできる。

Webデザイナーなくても
WordPressではテンプレートを使い
Webサイトやブログを作成できます。

テンプレートとはいわゆる
ある程度の型ができていて中身を変えれば
簡単にそれらしいデザインができるもの。

WordPressではテンプレートをテーマと呼び
有料・無料問わず沢山の種類があります。

それを利用することで、お洒落なデザインを
簡単に使うことができてしまいます。

おすすめのWordPressのテーマは、
次の記事を参考にして見て下さい。

② 専門的なコードを覚えなくていい。

wordpress3 - WordPress (ワードプレス) とは?「特徴・できること・仕組みの解説」

先ほど、この記事のはじめ辺りで
コードの編集画面を見てもらいました。

それと比較して、
上の画像はWordPressの編集画面で
見たら一目でわかると思うのですが、
これこそがコードを覚えなくていい理由。

ビジュアル画面とテキスト画面に分かれ
コードが分からなくてもビジュアル画面で
文字を入れたり、ボタンを押すことによって
ページ(記事)を作っていくことができます。

(操作は、WordやMicrosoftの感じですね。)

もちろん、コードの知識を覚えたら、
できることの幅はかなり広がります。

記事の投稿以外で
「画像・イラストの配置を変えたい。」
「文字の色を変更してみたい。」
「YouTube動画をサイトに設置したい。」
そういう時はコードの知識は必要ですかね。

③ ファイルのアップロードが簡単

TwitterやInstagramのSNSのように
初めからWordPressにも簡単に
アップロードする
機能が付いています。

実は、画像一枚あげるにも

  • 専用ソフトでサーバーにアップロード

  • 画像の表示するコードの読み込み。
  • 画像を表示する位置の指定

そういったことが必要なので
簡単にアップロードできる機能は便利です。

④ 自由度が高い。

ここまでWordPressを説明してきて
おそらく多くの人が疑問に思うのが、

はてなブログやアメブロ等の方が
会員登録するだけで無料で使えてしまうし、
サーバーも自分で借りなくて済むのでは?

そう言った疑問ですが、
確かにコードを触らなくても簡単に
投稿・更新はできるのはできます。

でも、他ブログのサービスでは、
正直サービスに限界があるのが事実。

WordPressなら自分の思っているように
ブログやデザインをカスタマイズできます。

これがWordPress最大の魅力ですね。

また、テンプレートを使うと自由度が低くなる
イメージかもしれませんがそれは違います。

装飾に当たる、色や文字、写真、イラスト等
テンプレートの周りも自分好みに変更が可能。
テンプレートはあくまでサイトの型です。

シンプルなものから、初めから装飾あるものまで
様々なので自分のイメージに相応わしいものを。

自分で素材をデザインの素材を作るなら、
「Canva」というデザインツールが便利です。

⑤ プラグインで簡単に便利機能を追加

スマホなど元々備わっている機能以外に
便利なアプリをダウンロードできるように
WordPressも機能を追加できます。

「プラグイン」と呼ばれる追加機能で
インストール1つで色んな機能を増やせますね。

例えば、人気があるプラグインだと以下のもの

  • 記事の目次を追加できるもの

  • お問い合わせページを表示するもの
  • 人気記事を表示するもの

  • 自動でバックアップをとるもの
  • スパムコメントの排除をするもの

こういったものがありますね。

また、プラグインを使用するのも
コードの知識が全く必要なくて、
インストールして有効化するのみです。

(設定がいるプラグインもはありますが、
大体、検索すればわかると思います。)

関連記事
「初心者におすすめのプラグイン」準備中

⑥ その他

その他にできることも少し紹介

  • カテゴリー・記事ページごとに
    デザインを変更できてしまう。

  • Webサービスを作ることができる。

ここまで紹介した④ 〜 ⑥は、
Amebaブログ等ではできません。

色々とできることを紹介しましたが、
これがWordPressというものなんです。

自分のWeb上で表現したことを叶えてくれる
無限の可能性を秘めたブログサービスですね。

WordPress仕組み

WordPressは、PHP (ピー・エイチ・ピー)
というプログラミング言語でできています。

また、WordPressの更新情報や記事内容等は
MySQL (マイ・エスキューエル) という
データベースシステムで管理が行われています。

PHP?MySQL?を説明すると難しくなるので、
「そうなんだ!」くらいで大丈夫。
サイト運営には支障はないので心配なさらずに。

WordPressで使う4言語

「WordPressで使う言語」

 言語  習得必要度合い  特徴
 HTML  ★ ★ ★ ★ ★  Webページの土台になる言語。
 文字や画像は、この言語で表示される。
 テンプレートのHTMLをいじることにより、
 色んな部分の文字や配置の変更ができる。
 CSS  ★ ★ ★ ☆ ☆  サイトの様々な部分の大きさ、
 色、余白などが変更できる言語。
 HTMLが土台であるのに対しCCSは見た目を
 装飾していく言語のイメージ。
 PHP  ★ ★ ★ ☆ ☆  更にカスタマイズ、機能が追加できる言語。
 HTMLとCSSである程度デザインは可能ですが
 PHPを知ると応用的なことができる。
 (WordPress自体がPHPでできている。)
 Javascript  ★ ★ ☆ ☆ ☆  動きがあるものをデザインできる言語。
 ページの再読み込みや動画でないものは、
 大体この言語で表現されている。

※ ★は知っておいた方がいい度合い

WordPressで本格的にカスタマイズ
していくならコードを知るのも必要。

カスタマイズするのに触る言語は、
HTML、CSS、PHP、Javascriptの4つ。

言語を知らなくても、
WordPressは運営できるものになるので、
使っているうちに少しずつ知っていけば、
更に良いサイトができていくと思います。

WordPressの始め方

WordPressの始め方については、
この記事に書くと更に長くなりそうなので、
下記事にまとめているので読んでみて下さい。

WordPressのQ&A

最後に、WordPressに対する疑問を
「Q&A形式」で回答しようと思います。

「Q1. 本当に無料で使えるのか?」

  • A1. WordPress自体は無料です。
    ですが、他の2つの面でお金がかかります。
    ・サーバー代(サイトを公開する場所)
    ・ドメイン代(サイトの固有のULR)が必要。

「Q2. サーバー契約はどこできる?」

  • A2. エックスサーバーがオススメ。
    その他にも、さくらレンタルサーバーや
    ロリポップとなったものなど色々あります。

「Q3. ドメインはどこで取得できる?」

  • A3. サーバーレンタルの際にセットで。
    サーバーと別の取得となるとなれば
    お名前.comなどがメジャーだと思います。

「Q4. 広告など勝手に表示されないのか?」

  • A4. そいうことはありません。
    WordPressの記事などで広告があるのは、
    サイト運営者が貼っているためですね。

「Q5. ブログ以外として使えるのか?」

  • A5. 使用可能です。
    ブログでなくても会社やお店のサイトなど
    そういったものまでできます。

「Q6. 他のブログからの移行は可能?」

  • A6. 可能です。
    ですが、ポイントとなるのがドメイン。
    このサイトmrzw-design.comように
    独自ドメインを他のブログで使用してるなら
    URLが変わらずに問題なく移行が可能です。
    独自ドメインでない場合はSEOほぼリセット。

「Q7. WordPressはSEOに強いのか?」

  • A7. 強いとも限らない。
    SEOに強いと聞くこともありますが、
    カスタマイズや構造によって変わります。
    自由な面、強くもなりますしやり方次第。

「Q8. 正直WordPressって人気なのか?」

  • A8. 人気です。
    世界の1/4のサイトはWordPressで
    できていると言われています。

「Q9. WordPress.comとは?」

  • A9. 簡単に言うとレンタルブログ。

    始めの方で少し触れたのですが、
    WordPressは2種類のものに分かれます。
    「WordPress.org」今まで紹介したもの
    「WordPress.com」レンタルブログ
    ____________________
    WordPressと聞くと①と思って大丈夫。
    ②というのは自分でサーバーを借りず使える
    他ブログのようなものです。
    一方テーマやデザインに制限があります。
    それなら、はてなブログなどの方がいいかと。

「Q10. WordPressを使用しているか
 見分けることはできるのか?」

  • A10. 見分けることはできます。
    「Is It WordPress?」というサイトで、
    調べたいサイトのURLを検索にかけると
    すぐに分かります。

世界のWebサイトのWordPressの割合

Today is a big day for the free and open-source content management system (CMS). To be perfectly clear, the milestone figure doesn’t represent a fraction of all

It Is WordPress ?

IsItWP is a free tool that allows you easily detect if a website is using WordPress and what WordPress themes and WordPress plugins they are using.

まとめ

簡単に今回はWordPressについて
初心者のために紹介してみました。

初めの方に言ったように
このサイトもWordPressを使っています。

「これからブログを始めてみたい。」
「ポートフォリオサイトを作りたい。」
「お店でサイトを運営したい。」

そういったときに一からサイトを作るのでなく
WordPress利用もいいかもしれませんね。

その他のWordPressで役立つ記事

スポンサーリンク

シェアする