ゼロから始める!WordPressでブログサイトを作る手順とは【入門向け】

WordPressでブログサイトを作成したいという方向けにゼロからまとめて紹介しています。入門向けなのでインストール手順などサイトの作り方を細かく解説しています。WordPressの使い方を知りたい方はぜひご覧ください。

TechAcademyマガジンはオンラインのプログラミングスクールTechAcademy [テックアカデミー]が運営する教育×テクノロジーのWebメディアです。初心者でもすぐ勉強できる記事が2,000以上あります。

Webサイトを作成する上で人気が伸びているWordPress(ワードプレス)。今回は、WordPressを使ってブログサイトを作る手順について紹介しています。

2人のキャラクターが登場しながら分かりやすく解説しているので、WordPressを使ったことがない、ブログサイトを作ってみたいという人はぜひご覧ください。

 

今回の登場人物

 

20163020-2田島悠介(29)

元エンジニアで田島アプリスクールの代表。人の成長を見るのが一番のやりがいになっている。
好きな映画は『トスカーナの休日』

 

20160620

大石ゆかり(24)

3ヶ月前に田島アプリスクールに事務として転職してきた。
Instagramには3つの写真加工アプリで編集してからアップするという。

 

 

大石ゆかり

田島さん、私今アメブロでブログ書いてるんですけど、もっとおしゃれな感じにしたいんですっ!
なんか良いサービス知らないですか?

田島悠介

ってか、ゆかりちゃんアメブロやってたんだ!
教えてよ!笑

大石ゆかり

それは秘密です♪(スッピン写真とか載せてるし、絶対見せられない)

田島悠介

ええー。。
ブログやるなら「WordPress(ワードプレス)」っていうのがおすすめだけど知ってる?

大石ゆかり

Word(ワード)なら知ってますけどそれとは違うんですか?

田島悠介

Wordでは無いんだけど、同じような使い方で自分のサイトを作れるんだよ!

大石ゆかり

へえ〜そんな便利なものがあるんですね!具体的に教えてくださいっ!

田島悠介

おっけ〜!教えたら今やってるブログも教えてね!

大石ゆかり

それはダメです!!

 

 

目次

 

WordPressとは

WordPressとは、CMS(コンテンツマネジメントシステム)と呼ばれるサービスの一つで、無料で使えることで有名です。

ちなみにCMSとは簡単にサイト上のコンテンツを管理することができる仕組みです。普通、サイトを作ろうと思ったらHTML/CSSといった言語を使いながらプログラミングの作業が必要になります。

しかし、WordPressの場合は、プログラミングを一切することなく自分のサイトを作ることができるのです。

 

下の画像は、当サイトのTechAcademy magazineですが、このサイトもWordPressを使って動いています。ブログのように記事配信を行っていくようなサイトにはWordPressが適していると言えるでしょう。

最近では企業のコーポレートサイトもWordPressで作成されているサイトがどんどん増えてきています。

スクリーンショット 2016-08-23 14.48.36

 


 

大石ゆかり

なんでWordPressってすごい人気なんですか?

田島悠介

やっぱり無料で手軽なのに機能が多く何でもできるところじゃないかな!

大石ゆかり

私アメブロしかやったことないんですが、大丈夫ですかね?笑

田島悠介

もちろん!特に専門スキルは必要ないよ!

 

[PR] WordPressで挫折しない学習方法を動画で公開中

準備するもの

WordPressをインストールし、実際にWebサイトとして動かしていく上で必要なものを紹介しています。まだ準備できていないという人は今のうちに用意しておきましょう。

  • 独自ドメイン
  • Webサーバー
  • FTPクライアント

独自ドメインとは、インターネット上でアクセスするための住所のようなものです。「◯◯.com」や「◯◯.jp」の◯◯の部分がドメインです。独自ドメインというだけあって自分で決めることができます。

Webサーバーは、WebサイトをPCやスマホなどのWebブラウザに情報を表示するソフトウェアになります。昔は自分でサーバーを用意しなければなりませんでしたが、今はレンタルサーバーという便利なものがあるので誰でも利用することができます。

レンタルサーバーを利用すれば月額500~1,000円程度でWebサイトを運営することができます。

エックスサーバーさくらインターネットなどのレンタルサーバーは初心者にも人気です。

FTPクライアントは、サーバーへファイルを転送するために必要です。無料で使えるFTPソフトもあり、特にCyberduckFileZillaといったツールがよく使われています。

 

以下は、WordPressを利用する手順になります。

  1. WordPressのダウンロード
  2. FTPツールを使ってWordPressをサーバー上にアップロード
  3. WordPressのインストール

では、一つずつ解説していきます。

 

1. wordpress.orgよりWordPressをダウンロード

スクリーンショット 2016-08-24 10.13.51

WordPress.orgからWordPressをダウンロードすることが可能です。ダウンロードしたら解凍しておきましょう。

 

2. ダウンロードしたWordPressを、FTPツールでサーバー上にアップする

WordPressをダウンロードしたらサーバー上にアップロードする必要があります。以下ではFileZillaというツールを使っていますが、どのFTPツールでも基本の操作は同じです。

FileZillaを開いたらサイトマネージャを開き、「新しいサイト」をクリックします。

wp_setup_2_0

wp_setup_2_1

続いて、ホスト名、ユーザー名、パスワードを入力し、ログオンの種類を通常に設定します。

入力したら接続ボタンをクリックしましょう。

wp_setup_2_12

ホスト名、ユーザー名、パスワードをそれぞれ事前に確認しておきましょう。(契約時のメールに記載されていることが多いです)

 

赤枠内がサーバー内にあるファイルになります。

wp_setup_2

右クリックをして「ディレクトリを作成」を選択してください。

wp_setup_2_2

ディレクトリ名は、半角英数字で任意の名前を入力します。

今回は、「/wp」というディレクトリを作成しています。

wp_setup_4

作成した「wp」ディレクトリをクリックして開きます。

wp_setup_4

そして、解凍したWordPressフォルダ内のファイルをすべて選択し、右クリックで「アップロード」を選択します。

wp_setup_5-1

次に、wpディレクトリを右クリックして「ファイルのパーミッション」を選択します。

wp_setup_5_1

「数値」を705に変更します。(既に705になっている場合はそのままでOKです)

wp_setup_5_2

wpディレクトリ下の「wp-content」も同様に705に変更したらサーバーへのアップロード作業は完了です。

 

3. WordPressのインストールなど初期設定を行う

これからWordPressが利用できるように設定していきます。「さあ、始めましょう!」と書かれた箇所をクリックしてください。

wp_setup_7

使用するデータベースなどの情報を入力する項目が表示されます。

wp_setup_8

「この部分のインストールは無事完了しました。WordPress は現在データベースと通信できる状態にあります。準備ができているなら…」と表示されれば、問題なくファイルが作成されています。

インストール実行をします。

wp_setup_9

ブログサイトの「サイトのタイトル」、WordPressの管理画面にログインする際の「ユーザー名」「パスワード」「メールアドレス」を入力しましょう。あとで変更することも可能です。

また、ブログサイトが検索結果に出てもいい場合は「検索エンジンによるサイトのインデックスを許可する。」にチェックを入れておきましょう。

wp_setup_10

WordPressをインストールし、「成功しました!」と表示されれば無事完了です。

wp_setup_11

実際にログインしてみましょう。

設定したユーザー名、パスワードでログインするとWordPressの管理画面に入ることができます。

wp_setup_12

無事ログインできればWordPressの管理画面に入ることができるはずです。

wp_setup_13

上記の画像がWordPressの管理画面になります。

ブログを投稿したり、サイトの設計を編集したり、アカウントを追加するなどは基本的にこの管理画面上で行うことが可能です。サイドメニューに情報が多く、慣れるまで少し大変かもしれませんが毎日ログインして利用していればすぐ使えるようになるはずです。

 


 

大石ゆかり

わぁ、WordPressっていろんな機能があるんですね。

田島悠介

管理画面の使い方についてはこの後詳しく見ていくから付いてきてね!

大石ゆかり

は、はいっ(汗)

 

ブログサイト公開まで

実際にWordPressが利用できたらWebサイトのデザインや構成を編集していきます。これから作っていこうと思っているブログ記事やカテゴリなどデザインを整える必要があるでしょう。

  • Webサイトの構成(サイトマップ)
  • テーマの選択

公開するブログサイトの構成、つまりサイトマップを考える必要があります。作る前から細かく設定する必要はありませんが、サイト内にどんなページが必要なのか書き出しておくとテーマも選びやすくなります。

簡単にブログサイトのサイトマップを作ってみました。

スクリーンショット 2016-08-23 20.25.41

テーマとは、簡単に言えばサイトのデザインです。WordPressが人気な理由の一つとして最初にも紹介しましたが、HTMLやCSSなどデザインやプログラミングの作業をしなくてもテーマを選択するだけで一つのサイトにすることができます。

 

何もしなければサイトデザインはデフォルトテーマ「Twenty Fifteen」が適用されています。非常にシンプルな作りになっているので、「もっとおしゃれなテーマにしたい」、「ヘッダーやフッターをつけたい」などサイトに合わせてテーマを選んでいきましょう。

01-04-00

テーマを変更する際は、「外観」>「テーマ」で変更することが可能です。

スクリーンショット 2016-08-25 10.42.37

テーマ自体は、WordPressだけでなくいろんな企業や個人で提供しているので、調べてみることをおすすめします。

無料で使えるWordPressのテーマ30選も合わせて紹介しておきます。

 


 

大石ゆかり

サイト上に大きく動画が流れるようなデザインとかもできますか?

田島悠介

もちろん動画が流れるテーマはたくさんあるよ!

大石ゆかり

おお、そうなんですね♪
下から浮き上がったり横からスライドしたり動きのあるサイトとかも作れます?

田島悠介

パララックスっていうサイトかな。
もちろんあるよ!WordPress自体世界中で使われてるからテーマを作る人も世界中にいて、種類に困ることは無いと思うよ!

 

固定ページについて

固定ページは更新することが少ないページで利用します。

企業ページの場合、会社概要やお問い合わせページなどが該当します。

また、デザインテーマによっては、固定ページで設定した内容を丈夫のナビゲーションメニューで自動的に表示してくれます。

例えば、次のように、・インタビュー・テクノロジー・キャリア・お問い合わせという5つの固定ページを作成した場合、ページ上部にこの様に表示されるイメージになります。

 

投稿ページについて

WordPressは元々ブログを作成するために開発されたアプリケーションです。

投稿ページでは日々のブログを投稿するイメージで、ページが作成されます。

固定ページと異なり、デザインテーマの標準状態で、ページ上部のナビゲーションメニューに投稿ページの内容が表示されることは、ほぼありません。

通常は、トップページに投稿日の新しい順に表示されます。

 

ブログサイト公開後

WordPressが選ばれている理由の一つにカスタマイズの柔軟性がよく挙げられます。記事を追加、更新できるだけでなくWebサイトのSEO対策や会員機能の追加など簡単に行えるのです。

せっかくブログサイトを作ったらより多くの人に見てもらいたいはずです。

  • プラグインの導入
  • ブログ記事の投稿

プラグインは、WordPressのダッシュボードから追加・設定することができます。

01-05-02

プラグインをインストールしたら「有効化」しなければ利用できません。

01-05-03

プラグインはいつでも設定できるので、必要に応じてインストールしましょう。

WordPressでまず最初に入れるべきプラグインを参考にしながらより本格的なサイトにしていきましょう。

 

続いてブログ記事を実際に投稿してみましょう。

新規でブログ記事を作成する場合は「投稿」>「新規追加」で新しく公開することができます。

文章だけでなく画像や動画を記事内に挿入したい場合は、フォーマットなどを上手く利用すると良いでしょう。

01-08-03

サイドメニューの「投稿」>「投稿一覧」で現在公開している、下書きの記事を一覧で見ることができます。

01-08-01

サイトデザインはデフォルトテーマ「Twenty Fifteen」が適用されていますが、以下のように「Hello world!」というタイトルのブログ記事を読むことができました。

01-04-00

 


 

大石ゆかり

ついにブログ更新が始まるって感じですね♪

田島悠介

そうだね!ちなみにゆかりちゃんはどんな事書いていくの?

大石ゆかり

んー特に決めてないんですけど海外の映画とか見た感想をつらつらと書いていこうかなって思ってます♪

田島悠介

おお、いいね!
じゃあ、僕の好きな「トスカーナの休日」もぜひ紹介してね!

 

おさらい

  1. WordPressとは誰でも簡単にサイトを作れる便利なサービス!
  2. WordPressでサイトを作るためには3つのものが必要!
  3. サイトを作る上でサイトマップを作成しよう!
  4. WordPressはテーマとプラグインが充実している!

 

初めてWordPressでサイトを作る際、サーバーやドメインの契約、新しいツールの導入など慣れない作業が多いかもしれませんが、サイトを公開してしまえば後はどんどんブログ記事の作成に集中できます。

WordPressの使い方を覚えて、ぜひ自分だけのブログサイトを作ってみましょう。

[お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。

この記事を監修してくれた方

中本賢吾(なかもとけんご)
アジマッチ有限会社 代表取締役社長

開発実績:PHPフレームワークを利用した会員制SNS・ネットショップ構築、AWSや専用サーバー下でLinuxを使用したセキュアな環境構築、人工知能を利用したシステム開発、店舗検索スマホアプリ開発など。

その他にも地域の職業プログラマー育成活動を行い、2018年には小学生がUnityで開発したオリジナルAndroidアプリをGooglePlayでリリース。ゲームで遊ぶより作ろうぜ!を合言葉に、小学生でも起業できる技術力を育成可能で有ることを証明し続けている。