WordPressをエックスサーバーにインストールする手順とSSL化のやり方

この記事では、WordPressをエックスサーバーにインストールする手順と初期設定のやり方・手順を解説します。
初心者の方でも分かりやすいよう、図解入りでステップバイステップで進めていただくことができます。

こんにちは！来客メディアコンサルタントの佐藤旭です。

WordPressを始めたい方にお勧めなのが、エックスサーバーですが、「初めてだから、よく分からない…。」
とご不安ではないでしょうか。

ご安心ください。

この記事では、エックスサーバーにWordPressをSSL化といって、よりセキュリティーを向上させた設定をした上で、インストールをする方法。
また、インストール後の初期設定についても、詳しく解説します。

設定は初回行えば済むものが多いので、一気に行ってしまいましょう。

WordPressをインストールする前に、SSL化を有効化しておきましょう

エックスサーバーば、無料でSSLサービスを使うことができます。

SSL対応とは、サイト全体を暗号化させ、よりセキュリティーを向上させるものだと思ってください。

このSSL対応されていないサイトは、「安全ではない」とGoogleChromeなどのブラウザーで表示されてしまい、ユーザーを不安にさせてしまいます。

ですので、必ず行うようにしましょう！

運営者 佐藤

後から設定も可能なのですが、その時はやる事が増えて複雑になる為、初回に済ませておくことを強くお勧めします。

まずは、エックスサーバーのサーバーパネルへログインしましょう。

図のように画面右側に『SSL設定』のメニューがるので、クリックしましょう。

そうすると、『ドメイン選択画面』が表示されます。

図のように、SSL設定を行いたい（今回WordPressをインストールする）ドメインの『選択する』リンクをクリックしましょう。

そうすると、『SSL設定』画面』が表示されます。

図のように、まずは『独自SSL設定追加』タブをクリックします。

次に、画面右下にある『追加する』ボタンをクリックしましょう。

これで、SSL設定完了です。

図のような画面が表示されますので、1時間ほど時間を空けてから、インストール作業へと進むようにしましょう。

WordPressのインストールを行いましょう

SSL設定が終わり、1時間ほど時間を空けたら、早速WordPressをインストールする作業を進めてゆきましょう。

まず、エックスサーバーにログインしてサーバーパネル画面を開きます。

サーバーパネルは図のようになっています。
図のように『WordPress簡単インストール』をクリックしましょう。

そうすると、図のように、『ドメイン選択画面』が表示されます。

WordPressをインストールしたいドメインの『選択する』リンクをクリックしましょう。

そうすると、WordPressのインストール画面が表示されます。

既に同じドメインにWordPressをインストールしている場合は、『WordPressをインストール』タブを図のようにクリックしましょう。

表示されるページの各項目には下記を参考に入力してください。

各項目の説明

■インストールURL

設定したドメインが表示されています。

ここで設定した内容が、あなたのブログアドレスになります。

デフォルトは設定したドメインのままになっています。
通常はこのままで進めて下さい。

■ブログ名

あなたのブログ名を入力してください。

尚、ブログ名は後からでも変更可能なので仮のもので構いません。

■ユーザ名とパスワード

任意で好きなユーザ名(ID)とそのパスワード(PASSWORD)を入力してください。

管理画面にログインする際に使用します。

■メールアドレス

ブログ上での通知などを受信するメールアドレスを入力してください。

例えば、コメントを管理者の許可がないと表示できないように設定した場合、
読者さんからのコメント投稿があった際にここで設定したメールアドレス宛にお知らせが届きます。

サーバー契約時などに使用したメールアドレスでもいいですし、専用で作成してもいいでしょう。

*ただし、定期的にチェックできるようにして下さい。

■データベース

自動でデータベースを生成するを選択してください。

各項目の入力が終わりましたら、インストール(確認)をクリックします。

下記項目は入力例ですので、あなたの決めた任意のユーザIDとパスワードなどを入力してください。

入力が終わったら、インストール(確認)をクリックします。

すると、確認画面が表示されますので、確認の上インストール(確定)をクリックします。
この画面が表示され、無事にインストールまで完了となります。

あとは、画面に表示れている管理画面アドレスよりアクセスし、
管理画面上でインストール時に決めたユーザ名(ID)とパスワード(PASSWORD)を入力すれば
管理画面にログインできるようになり、WordPressが操作できるようになります。

あなたのドメインはインストール画面で指定したものになります。

あなたのアドレスにアクセスした際、下記の様な画面が表示されれば、無事にインストールが完了したことを意味します。

続けて、初期設定を行いましょう。
あまり操作することのないものなので、機械的に作業をして下さい。

WordPressのSSL化設定を行いましょう

WordPressをインストールできたら、早速管理画面にログインしましょう。

ログイン後、まず最初にSSL設定を行いましょう。
*ただし、サーバー側でSSL設定が終わっている事が前提ですので、終わっていない場合はやらないでください。

⇒SSL設定はこちらで解説しています。

管理画面にログイン後、『設定』⇒『一般設定』の順で進んでください。

そうすると、図のような画面が表示されます。

ここでは、図のように『http://』と表記されている2か所のURLを『https://』に変更しましょう。

変更が終わったら、画面下にある『変更を保存』ボタンをクリックしてください。
これでSSL設定が完了となります。

初期設定①　タイトルとキャッチフレーズを決めて設定しましょう

それでは、初期設定を進めてゆきましょう！

次に、ブログの顔ともいえるブログタイトルそしてブログのキャッチフレーズの設定を行いましょう。

どちらもあなたのブログに興味を持ってもらうのと、Googleといった検索エンジンからアクセスしてもらう為に必要不可欠な設定でもあります。

キャッチフレーズ（メタディスクリプション）は、ページの概要を表すテキスト情報です。

これを設定しておくことにより、検索結果に該当ページの概要として表示される可能性があるため、検索結果画面からのクリック率に大きく影響を与えます。

サイトのタイトル・キャッチフレーズ（メタディスクリプション）の設定は、ダッシュボードと呼ばれる、WordPressの管理画面から行います。

ダッシュボードの『設定』→『一般設定』をクリックします。

表示される『一般設定』ページでサイト名（ブログタイトル）とキャッチフレーズを設定します。

まず、タイトルとキャッチフレーズは、検索エンジンで表示させたいキーワードを散りばめます。

サイト名（ブログタイトル）の決め方のコツ

• 32文字以内が望ましい（検索エンジンに表示されるのが32文字）。
  なるべく一言でまとめましょう。読者の印象にも残りやすくなります。
• 重要なキーワードを左側に配置する。
• 無駄なキーワードを入れない。
• キーワードをタイトル内で重複させない。
• 記号は出来る限り使わない。（区切り文字として認識される）

キャッチフレーズ（メタディスクリプション）の決め方とコツ

• 記載する内容としては、サイト内容に沿ったものにする。
• 文字数は、検索結果画面でパッと内容がわかるように、100文字程度を目安とする。
  「このブログはどんな誰のためのブログです」とまとめましょう。
• キーワードの羅列と重複は避ける。
• 記号は区切りとして認識される為、使用は避ける。

最後に『変更を保存』をクリックすれば設定は完了します。
なお、これらの設定はいつでも変更が出来ます。

また、ブログのタイトルや方向性は変わってゆくものです。
実際に運営を始めて、反応をみて色々と気づきがあり、修正を加えてどんどん良いものになってゆきます。

「これはダメかな？」ではなく、「これはいけるかな？」
といったプラスの考えを持って、チャレンジすることをお勧めします。

今のコンセプトをまずは打ち出してみましょう！

初期設定②　ニックネーム変更を行いましょう

次に、ニックネームの設定を行いましょう。

実は、初期のままのニックネームだと、WordPressのダッシュボードにログイン時のユーザー名そのままなので非常に危険でなのす。

よほどの理由がない限り・・・というより必ず設定して変更してください。

まず、ダッシュボードの『設定』⇒『ユーザー』項目の『あなたのプロフィール』をクリックします。

すると、下記画面が表示されます。

1. ニックネーム (必須)に任意のニックネームを入力します。
2. その下のブログ上の表示名で①で設定したニックネームを選択します。
3. 最後に画面下にあるプロフィールの更新ボタンをクリックして設定は完了します。

以上が、ニックネームの簡単な設定方法となります。

すごい簡単なのに、とても重要なので、忘れずに設定してくださいね。

因みに、変更はいつでもできます。
決められない場合は、とりあえず適当な名前にし、運営を始めるタイミングで変えるのもありだと思います。

初期設定③　パーマリンク設定を行いましょう

次に、パーマリンクの設定を行いましょう。

パーマリンクとは、各記事ページごとに自動でランダムで割り振られているURL（アドレス）に固定のURLを設定することにより記事を更新してもリンク切れを起こしたりしてアクセスできなくなる事態を防ぐもので、以下のメリットがあります。

• SEO上効果があります（検索に影響します）
• 意図しないリンク切れを起こさなくなります

通常、各ページや記事のアドレスはタイトル依存となっておりタイトルが変わると、それに伴いアドレスが変更されてしまいます。

そうなると、折角Google等サーチエンジンやブックマークに登録されてもアドレスがしまえば、再訪問してもらえなくなります。

そこで、パーマリンクを設定し、URLを固定化させましょう。
そうして、リンク切れを起こしかねないタイトルや記事に依存しないアドレス設定しましょう。

パーマリンクは途中で変更すると、外部からのリンクが外れてしまったり（リンク切れ）、内部リンクも崩れてしまい、再設定が必要になる為WEBサイト運営途中で変更するのはおすすめしません。

記事数ページ数が多いサイトだと、上記の対応が大変なのでなるべく運営途中で変えることなくブログを運営開始する最初から適切することをお勧めします。

また、途中で変更した場合は、それでまでにそのページについたFacebookのいいね！等の情報も初期化されます。

ダッシュボードの『設定』⇒『パーマリンク設定』の順でクリックします。

すると、以下の画面となります。

『投稿名』にチェックを入れてページ下にある『変更を保存』ボタンをクリックしましょう。

後は、%postname%部分でが投稿した記事のタイトルのままになりますので、
記事更新時にリンク切れを起こさせない為ににはURL末尾のスラッグを変更する必要があります。

そのままだと、非常に長い文字の羅列となってしまいます。

【予備知識】URL末尾スラッグの変更方法

以下の画面は、%postname%を利用したパーマリンク設定の記事更新例です。

赤枠部分を変更しないと…

『https://up-blog.com/%E3%83%91%E3%83%BC%E3%83%9E%E3%83%AA%E3%83%B3%E3%82%AF%E3%81%AE%E5%A4%89%E6%9B%B4%E3%81%AF%E3%81%93%E3%81%86%E3%81%99%E3%82%8B/』

上記ようなURL表示になってしまい、記事のタイトルを変えるとこのURL変わってしまう状態です。

そこで、記事タイトルにあわせた検索エンジンを意識したキーワードに変更します。

投稿画面でパーマリンク：と記事URLが表示されている列の編集ボタンをクリックします。

クリックすると、編集できるようになるので、記事の内容にできる限り近い半角英数に変更します。

編集状態にして、入力したらOKをクリックします。

最後に画面右側の更新ボタンをクリックします。

これで、アドレスは下記のようになりました。

https://up-blog.com/permlink-change/

*実際には存在しないURLです。

これで、今後記事の更新があっても、リンク切れを起こす心配はなくなりました。

初期設定④　カテゴリ設定を行いましょう

次に、投稿前に是非やっていただきたいカテゴリーの追加を行いましょう。

カテゴリーとは、大きく分けでどの分類に入るのか、フォルダー分けするために使うものというイメージをして下さい。

ブログは記事が多くなれば、その分目的の記事を探すことが難しくなってゆきます。

最初は1ページしかなかった記事が、毎日書けば1年で365ページもの膨大な量になります。

それが何年か続いたら・・・。

コンテンツが豊富＝どこに何があるか、管理者すら探すのが困難になるという事がことが想像できると思います。

カテゴリ分けの例として・・・

• カテゴリーA　⇒設定について
• カテゴリーB　⇒カスタムについて
• カテゴリーC　⇒プラグインについて

このようにしてカテゴリーを作り

各記事をどれに該当するのか振り分けます。

これによって、読者が即座に読みたい・興味のある記事を発見しやすくなります。

カテゴリーの追加方法

では、実際にどのようにカテゴリーを追加するかを解説します。
まずは、『ダッシュボード』⇒『投稿』⇒『カテゴリー』の順でページを開きます。

次に表示されるページで

• 【名前】カテゴリー名（日本語）
• 【スラッグ】カテゴリーの英語名

この二つを入力します。

この二つさえ設定すれば後は必要に応じて設定する程度で問題はありません。

最後にページ下部の『新規カテゴリーを追加』をクリックしましょう。

これでカテゴリーは追加されます。

尚、スラッグを英語表記にする理由は、アドレスにカテゴリー名も入れるよう、パーマリンク設定を行った際に日本語だと長い文字列になってしまうからです。

カテゴリーわけのやり方

追加したカテゴリーを各記事に割り当てる方法は以下の通りです。

投稿ページを開くと、右側にカテゴリーの項目があります。

追加されたものは、ここに反映されて表示されますので、分けたいカテゴリーにチェックを入れます。

既に公開済みの記事であれば、『更新』ボタンを。
これから投稿する記事であれば、『公開』ボタンをクリックします。

これで、その記事はカテゴリーで分類されるようになったことになります。

初期設定⑤　スパム投稿防止設定を行いましょう

次に、WordPressサイトでのコメント欄の設定を最適化を行いましょう。

スパムコメントがあるブログサイトの信頼度は落ちてしまうリスクがありますので、コメント欄も最適な設定をしておいて、閲覧者に信頼されるブログにしましょう。

ダッシュボードの『設定』⇒『ディスカッション』の順にクリックします。

このような画面が表示されます

以下、各項目を解説していきます。

投稿のデフォルト設定

ここの項目では、コメント部分の基本的な設定をします。

この投稿に含まれるすべてのリンクへの通知を試みる

ここにチェックをいれると、記事内で言及した外部リンク先へリンクしていることを伝えることができます。

リンク先のブログと交流をはかりたい時にはチェックをいれておきます。

他のブログからの通知 (ピンバック・トラックバック) を受け付ける

ここにチェックを入れておくと、ピンバックを受け取ったり、トラックバックを受け取ることができます。

他のブログからナチュラルリンクを受けたということがわかります。

新しい投稿へのコメントを許可する

コメントを使わない場合には、チェックを外します。

他のコメント設定

ここの項目では、コメント欄の細かい設定をします。

名前とメールアドレスの入力を必須にする

この部分のチェックを外すと、名前とメールアドレスを入力しなくてもコメントできるようになりますが、先にお伝えしたように、誰でも投稿できるようにすると、スパム投稿をされる可能性が高まるので、チェックを入れておくことをおすすめします。

チェックを入れてお、コメントはつきにくくなる反面、匿名性が無くなるので、コメントの内容的に信用度が高まる傾向にあります。
（匿名でのコメントより名前表示される方がポジティブなコメントがつきやすい）

自分宛のメール通知

コメントがついた時に、サイト管理者にメールで知らせるかを設定します。

基本的には通知された方が良いので、チェックをいれておきます。

管理者からのレスポンスが早いのは印象が良いので、通知はあった方がよいですが、あまりにも通知が多くていやだという方は、無理にチェックする必要はないでしょう。

ダッシュボードの『設定』⇒『一般』で登録しているメールアドレスに送信されます。

コメント表示条件

ここの項目では、コメントが投稿された時に、どのような条件で一般公開されるかどうかを設定します。

「すでに承認されたコメントの投稿者のコメントを許可し、それ以外のコメントを承認待ちにする」にすると、一度承認した投稿者のみ直ぐに投稿が反映されるようになります。

よくサイトを訪問してくれ、コメントをよくくれる常連さんの為ににしてコメント投稿者ごとに承認を区別する設定にしておくと、喜ばれるかもしれません。

活性度具合に応じて変更してもよいでしょうし、あなたの運営スタイルに合わせればよいと思います。

アバター

ここの項目では、でコメント投稿者の表示アバターを設定できます。

初期状態では、ミステリーマンとなっているので、好みで変更します。
「Gravatar ロゴ」を選択した場合には、Gravatarに登録している場合のみ登録アバターが表示されます。

アバターの作り方は後ほど解説しますので、後から追加で問題ありません。

初期設定⑥　Ping設定を行いましょう

最後に、Pingの設定を行いましょう。

Pingの設定を行う事により、あなたのブログサイトが更新されると登録先に通知が行くようになり、アクセスが集まりやすくなります。
（殆どの無料ブログにはその運営コミュニティー内に自動的にPingを打つ（発信する）機能がついています）

ダッシュボードの『設定』⇒『投稿設定』⇒『更新情報サービス』の順で、Pingを追加する画面を開きましょう。

こういった画面があるはずなので、そこに送信先を入力して『変更を保存』をクリックすれば設定は終わりです。

http://blog.goo.ne.jp/XMLRPC
http://www.blogpeople.net/servlet/weblogUpdates
http://ping.blo.gs/
http://blogsearch.google.co.jp/ping/RPC2
http://blogsearch.google.com/ping/RPC2
http://rpc.reader.livedoor.com/ping
http://ping.fc2.com/
http://ping.feedburner.com/
http://ping.rss.drecom.jp/
http://wpdocs.sourceforge.jp/Update_Services
http://rpc.pingomatic.com/
http://ping.blogranking.net/
http://ranking.kuruten.jp/ping
http://www.blogstyle.jp/
http://www.blogpeople.net/ping/
http://ping.freeblogranking.com/xmlrpc/
http://rpc.weblogs.com/RPC2
http://services.newsgator.com/ngws/xmlrpcping.aspx
http://ping.dendou.jp/
http://blog.with2.net/ping.php/
http://ping.cocolog-nifty.com/xmlrpc
http://ping.sitecms.net
http://pingoo.jp/ping/
http://taichistereo.net/xmlrpc/
http://ping.blogmura.com/xmlrpc/hidmbp2r256f

以上が最適なPingの設定を簡単に行う方法となります。