エックスサーバーでWordPressをインストールする6ステップ【最新版】

エックスサーバーでWordPressをインストールする6ステップ【最新版】

ここでは、エックスサーバーでWordPressをインストールする方法 を紹介したいと思います。

簡単そうに見えて案外難しそうですね。

初心者でも簡単にインストールを行えるように6ステップに分けて画像を交えて分かりやすく説明していきたいと思います。

STEP.1
エックスサーバーのサーバーパネルへログイン
STEP.2
WordPress簡単インストールをクリック
STEP.3
必要事項の入力
STEP.4
WordPressインストールボタンをクリック
STEP.5
URLをhttps化しておこう
STEP.6
エックスサーバーで「http→https」のリダイレクト設定を行う方法
STEP6のリダイレクト設定が難しそうだな~。

コピペでOKなので、そんなに難しくはないと思います。

ドメインとサーバーの準備

WordPressでホームページを運営するにはドメインとサーバーが必要になります。ここでは独自ドメインはお名前.com、レンタルサーバーはエックスサーバーを利用していきます。

ドメインお名前.com
レンタルサーバーエックスサーバー

お名前.comでのドメインの購入方法や、エックスサーバーへの登録方法は過去記事で解説しています。

エックスサーバーの料金体系や契約・更新のやり方を徹底解説する!お名前.comで取得したドメインをエックスサーバーに設定する方法

【STEP1】エックスサーバーのサーバーパネルへログイン

まずは、エックスサーバーのサイトにアクセスします。

公式エックスサーバー

ページ右上の『ログイン』をクリックします。

エックスサーバーでWordPressをインストールする6ステップ【最新版】

会員IDまたはメールアドレスとパスワードを入力してインフォパネルにログインしまましょう。

エックスサーバーでWordPressをインストールする6ステップ【最新版】

『サーバー管理』をクリックしてサーバーパネルへログインします。

エックスサーバーでWordPressをインストールする6ステップ【最新版】

エックスサーバーへログインしてインフォパネルにログインしてサーバパネルにログインする訳ですね、3回ログインしなければならないのか(笑)。

スポンサーリンク

【STEP2】WordPress簡単インストールをクリック

エックスサーバーのサーバーパネルにログインしたので、ページを下へスクロールしていき、 WordPressの項目の『WordPress簡単インストール』をクリックしましょう。

エックスサーバーでWordPressをインストールする6ステップ【最新版】

ドメインの選択画面が表示されるので、お名前.comで購入したドメインを選択しましょう。

エックスサーバーでWordPressをインストールする6ステップ【最新版】

注意

お名前.comで購入したドメインをエックスサーバーで使用するにはネームサーバーを変更する必要があります。

関連お名前.comで取得したドメインをエックスサーバーに設定する方法

『WordPressインストール』をクリックします。

エックスサーバーでWordPressをインストールする6ステップ【最新版】

【STEP3】必要事項の入力

インストールに必要な情報を入力していきましょう。

エックスサーバーでWordPressをインストールする6ステップ【最新版】

icon-check-square-o ①サイトURL

選択したドメインをブログのトップページURLにしたい場合は、何も入力せずに空欄のままで良いです。この場合はサイトURLがhttps://example.comになります。

フォルダ名(例:wp)を入力した場合はhttps://example/wp.comというようになります。

何もない方がスッキリしているかもしれないな~。

icon-check-square-o ②ブログ名

ホームページのタイトルです、後で変更可能なので適当な名前を入力してもOKです。

icon-check-square-o ③ユーザー名/④パスワード

WordPressへログインするためのものです、覚えられるもので他人に簡単に推測されないような単語を入力しましょう。

icon-check-square-o ⑤メールアドレス

WordPress管理者としてのメールアドレスになります。

エックスサーバーでWordPressをインストールする6ステップ【最新版】

icon-check-square-o ⑥キャッシュ自動削除

キャッシュされたデータを自動で削除するかどうかの選択です。こちらはデフォルトで問題ないと思います。

icon-check-square-o ⑦データベース

WordPressで使用するデータベースを自動生成するか事前に用意したデータベースを使用するかの選択です。こちらもデフォルトで問題ないですね。

ここでの重要項目は『ユーザー名』『パスワード』『メールアドレス』かな?ブログ名は後で変更可能ですね。

すべて入力完了したら『確認画面へ進む』をクリックしましょう。

【STEP4】WordPressインストールボタンをクリック

最後に『インストールする』をポチッとクリックしましょう。

エックスサーバーでWordPressをインストールする6ステップ【最新版】

WordPressインストール完了

以上でWordPressのインストール完了です。インストール完了画面に①WordPressのダッシュボードへのURL・ユーザー名・パスワードと②MySQLデータベースの情報が記載されるので、メモを取るかスクリーンショットを残しておきましょう。

エックスサーバーでWordPressをインストールする6ステップ【最新版】

しかし簡単でしたね、早速ログインしてみましょう!

WordPressにログインしてみよう

先ほどのインストール完了画面に記載されていたWordPress管理画面へのURLをクリックしましょう。

ユーザー名とパスワードを入力して『ログイン』をクリックします。

エックスサーバーでWordPressをインストールする6ステップ【最新版】

ログインが完了するとWordPressの管理画面が開きます。ここでサイトの構築や記事の作成を行うのでブラウザにブックマークをしておきましょう。

エックスサーバーでWordPressをインストールする6ステップ【最新版】

ブログはどうやって表示させるのかな?

ダッシュボード左上のブログ名をクリックするとブログが表示されます。

エックスサーバーでWordPressをインストールする6ステップ【最新版】

エックスサーバーでWordPressをインストールする6ステップ【最新版】

おっしゃ~、トレンドブログを運営してアドセンスでバンバン稼ぐぞ!

【STEP5】URLをhttps化しておこう

最後にブログのURLをhttp://からhttps://に変更しておきましょう。

https://? 何のこっちゃ!

サイトURLがhttp://の場合、インターネット通信は暗号化されていません。対してhttps://は通信が暗号化されているので、通信内容を他人が覗き見たりできません。サイトをhttps化しておく事により安全にWebの情報をやり取りすることができるようになります。

なるほど、ネット通信を安全に行えるのね。

あっという間に設定できるのでサクッと済ませてしまいましょう。ダッシュボードから『設定』をクリックします。

エックスサーバーでWordPressをインストールする6ステップ【最新版】

『WordPressアドレス』と『サイトアドレス』のhttpの後ろにsを付け加えます。

エックスサーバーでWordPressをインストールする6ステップ【最新版】

最後に『変更を保存』をクリックしましょう。

エックスサーバーでWordPressをインストールする6ステップ【最新版】

httpでは『保護されていない通信』となっていましたが、httpsでは鍵マークが現れました。この鍵マークでは接続は保護されています。

エックスサーバーでWordPressをインストールする6ステップ【最新版】

【STEP6】エックスサーバーで「http→https」のリダイレクト設定を行う方法

先ほどブログのURLをhttpsに変更したことにより、ブログのアドレスが2つ存在する事になりました。

HTML
HTML

URLは2通り存在しますが、正しいURLはhttps://example.comになります。そこで、http://example.comにアクセスすると自動でhttps://example.comにリダイレクト(転送)されるように設定を行います。

強制的にhttpsにアクセスさせちゃうのね。

最初にエックスサーバーのサーバーパネルへログインして、ホームページ項目の『.htaccess編集』をクリックします。

エックスサーバーでWordPressをインストールする6ステップ【最新版】

WordPressをインストールしたドメインを選択して『.htaccess編集』をクリックします。

エックスサーバーでWordPressをインストールする6ステップ【最新版】

# BEGIN WordPressの上に以下のコードを貼りつけます。貼りつける場所を間違えたり、貼りつけたコードが不正解だった場合、サイトが真っ白になる等のトラブルが発生します。編集を行う前に元のファイル内容をメモ帳等に貼りつけておきましょう。

HTML

エックスサーバーでWordPressをインストールする6ステップ【最新版】

icon-check-square-o コードを貼りつけた後

コードを貼りつけたら『確認画面へ進む』をクリックします。

エックスサーバーでWordPressをインストールする6ステップ【最新版】

最後によく確認して、コードの貼りつけミス等が無ければ『実行する』をクリックしましょう。

エックスサーバーでWordPressをインストールする6ステップ【最新版】

以上でリダイレクト設定の完了です。再び自分のブログにアクセスしてみましょう。ブラウザのURL欄に独自ドメインを入力すると、あなたのブログが表示されるハズです。

表示されました。

続いて旧URLのhttp(sなし)バージョンを入力しましょう。httpsに自動的に変わればリダイレクトは成功しています。

OK牧場!

まとめ

今回は、エックスサーバーでWordPressをインストールする方法を紹介しました。インストール自体は非常に簡単ですが、「http→https」のリダイレクト設定が少し複雑かもしれないです。基本的にコードを『.htaccess』に貼りつけるだけなので焦らずゆっくりと実行していくと良いですね。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿や心無いコメントは無視されますのでご注意ください。(スパム対策)