当サイトではアフィリエイト広告を利用しています

【エックスサーバー】サブディレクトリ追加とWordPressをインストールする方法(SSL化も解説)

エックスサーバーでサブディレクトリを追加する方法と、そこにWordPressをインストールする方法を分かりやすくご紹介します。

サブディレクトリは、独自ドメイン(親ドメイン)からカテゴリー分けしたサイトのように運用できます。

テストサイトにも利用できます。

目次

サブディレクトリとは

独自ドメイン(親ドメイン)から派生したサブサイトの種類は大きく2種類あります。

  • サブディレクトリ:親テーマと関連性があり、カテゴリー別サイトのように運用
  • サブドメイン:親テーマとは異なるテーマで独立したサイトとして運用

それぞれを簡単にご紹介します。

サブディレクトリとは

サブディレクトリとは、ドメインの下層に作成したディレクトリ(階層)のことを意味します。

例:example.com/sub/

サブディレクトリは、ドメインとテーマ上の関連性があり、カテゴリ分けしたサイトのように運用する場合が多いです。

実際の例(Yahoo)
  • https://auctions.yahoo.co.jp/ Yahooオークション
  • https://shopping.yahoo.co.jp/ Yahooショッピング
  • https://news.yahoo.co.jp/ Yahooニュース

サブドメインとは

これに対して、サブドメインとは、ドメイン(例:example.com)に対して、任意の文字列を先頭に加えたドメインのことを指します。

例:sub.example.com

サブドメインは、それぞれを独立したサイトとして運用し、異なるテーマで運用する場合が多いです。

実際の例(価格.com)
  • https://kakaku.com/pc/ 価格.com(通販 価格比較 PC)
  • https://kakaku.com/kuruma/ 価格.com(自動車・バイク)
  • https://kakaku.com/food/ 価格.com(通販 価格比較 食品 )

サブディレクトリにWordPressをインストールする方法

エックスサーバーで、サブディレクトリにWordPressをインストールする手順をご紹介します。

サブドメインへのインストール方法は以下の記事をご覧ください。

https://tsutchii.com/wp というサブディレクトリの例です。

エックスサーバーでは、初期ドメインでもサブディレクトリを作成できます。
(ここでは、独自ドメインの例をご紹介しますが、初期ドメインでも同様にできます)
これに対し、サブドメインは、初期ドメインでは作成できません。

まず、エックスサーバーの管理画面で「サーバー管理」をクリック

「WordPress簡単インストール」をクリック

エックスサーバー-サブドメイン

該当する独自ドメイン(親ドメイン)を選択します。

エックスサーバー サブドメイン

上部で「WordPreインストール」を選択し、必要事項を入力します。

エックスサーバー-サブドメイン
各入力項目
  • サイトURL:サブディレクトリを作成する任意の文字列を入力。
    (この例では「wp」。wpというフォルダにWordPressがインストールされます)
  • ブログ名:適当でOK。後で変更可能です。
  • ユーザー名:ログイン時に使用するユーザー名です。
  • パスワード:ログイン時に使用するパスワードです。
  • メールアドレス:自分のメールアドレスを入力します。
  • キャッシュ自動削除:「ONにする」を選択します。
  • データベース:「自動でデータベースを作成する」のままでOK。
    (任意の名前のデータベースにしたい場合は、先にデータベースを作成する必要があります。)
  • テーマ:利用するテーマを選択。利用するテーマがない場合はデフォルトテーマでOKです。

確認画面で間違いがなければ、「インストール」をクリック。

エックスサーバー-サブドメイン

以下のような画面が表示されて、インストール完了!

エックスサーバー-サブドメイン

サブディレクトリに作成したサイトをSSL化する

エックスサーバーのサーバーパネル>SSL設定にて、独自ドメイン(この例ではhttps://tsutchii.com/) がSSL化されている前提です。

サブディレクトリをSSL化するのは2ステップです。

  1. WordPressの管理画面でURLを設定
  2. .htaccessファイルでリダイレクト設定

1. WordPressの管理画面でURLを設定

WordPressの管理画面の 設定 > 一般

「WordPress アドレス (URL)」と「サイトアドレス」の両方で、http➡https と「s」を加えて、「変更を保存」をクリック

エックスサーバー-サブドメイン

2. .htaccessファイルでリダイレクト設定

サイトは「http//~」と「https//~」の両方にアクセスすることができる状態となっています。

そこで、「http//~」から「https//~」へリダイレクトさせる設定を行います。
.htaccessファイルを編集します。

エックスサーバーのファイルマネージャーか、FTPソフトを使って行います。

サブディレクトリでは、サーバーパネルの「.htaccess編集」は使えません。

ここでは、エックスサーバーのファイルマネージャーを使う例をご紹介します。

.htaccessファイルを編集する前は、編集前に必ずバックアップを取って保存してください。
サイト全体に影響する重要なファイルなので、問題が起きた場合はバックアップファイルで元に戻しましょう。

まず、エックスサーバーの管理画面で、「ファイル管理」をクリック

エックスサーバー-サブドメイン

該当する独自ドメインを選択してクリック(この例では、tsutchii.com)

エックスサーバー-サブドメイン

public_html をクリック

エックスサーバー-サブドメイン

サブディレクトリを作成したフォルダ(この場合は「wp」)をクリックします。
「wp」と同じ階層にある.htaccessファイルは、独自ドメイン(tsutchii.com)のファイルで、これは編集しません。間違えないように。

エックスサーバー-サブドメイン

.htaccess ファイルを編集します。
.htaccessファイルをクリックして開きます。

エックスサーバー-サブドメイン

以下のような画面が表示されます。

エックスサーバーSSL

編集欄に以下のコードを張って「更新」ボタンを押します。
私は最上部に貼っています。

# BEGIN リダイレクト
RewriteEngine On
RewriteCond %{HTTPS} !on
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
# END リダイレクト

これで完了です。
「http//~」にアクセスしてみて、「https//~」にリダイレクトされるか確認しましょう。

まとめ

サブディレクトリへのWordPressインストールは、サーバーパネルの「.htaccess編集」ができないなど、若干の違いはありますが、独自ドメインへのインストールとあまり変わりません。

サブディレクトリは、独自ドメイン(親ドメイン)と関連したテーマ内容でいくつでも作成できます。

サブドメインとは違い、初期ドメインにもインストールできるので、私は、初期ドメインのサブディレクトリにテストサイトを作成しています。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次