WordPressにサブディレクトリを作成してサブサイトを作る手順

WordPressにサブディレクトリを作成して、サブサイトを作る手順を記す。

FTPサーバーを利用する方法だ。心してかかれ

WordPressにサブディレクトリを作成してサブサイトを作る手順

ディレクトリって何?

ここではフォルダのこと。覚えとけよ

準備:FTPサーバーに接続する

本編が不要ならSTEP1へいけ

FTPサーバー(このサイトではFileZilla)を立ち上げる。

ftp-up
FTPサーバー立ち上げ

サブディレクトリを追加したい任意のドメイン(サイト名:接続先名)に接続する。

ftp-setuzoku-domain
FTP接続先ドメインを選択

FTP初接続の人は「新しいサイト」ボタンをクリックして、以下同様に設定する。

FTPアカウントの設定方法

ここではエックスサーバーの情報を元に記載する。

項目 対象 設定
ホスト FTPのホスト名を入力 サーバーアカウント設定完了時のFTPホスト名(FTPサーバー名)
プロトコル 「FTP - ファイル転送プロトコル」を選択
暗号化 「明示的な FTP over TLS が必要」を選択
ログイオンの種類 「通常」を選択
ユーザー FTPユーザー名を入力 サーバーアカウント設定完了時のFTPユーザー名(アカウント名)
パスワード FTPパスワード ※サーバーアカウント設定完了時のFTPパスワード

※FTPパスワードを忘れても再発行は可能。

サブディレクトリを作成する

FTPに接続したら、追加先ドメインを選択してサブディレクトリを作成する。

ftp-domain-sentaku
サブディレクトリ追加するドメインを選択

サブディレクトリを追加するドメインを選択。

ドメインディレクトリを選ぶ

メニューからディレクトリを作成

ドメインのディレクトリを選択したら、右クリックして「ディレクトリの作成」をクリック。

新規ディレクトリ名を付与

新規ディレクトリの名前を付与する

できるだけ短くて分かりやすいのが良い

sub-directory-sakusei
サブディレクトリ作成

図のように、「Public_html」ディレクトリの直下に「サブディレクトリ(ここではOYAKUDACHI)」が作成できればOK。

WordPressをアップロードする

WordPressフォルダを取得する

WordPress-access
WordPress日本語サイト

WordPressの日本語サイトへアクセス。

英語版でもどっちでも構わない

WordPress
WordPressダウンロード

WordPressをダウンロードして...

WordPress-download-kaitou
WordPressのZIPフォルダを解凍

ダウンロードしたzipファイルを解凍する。

WordPress-kaitou
デスクトップへ配置

解凍したWordPressディレクトリを、デスクトップなどに置いておく。

oyakudachi-folda
ディレクトリを選択する

FTPサーバー上のディレクトリを選択し

oyakudachi-folda-kara
FTPのサブディレクトリを開いた状態

開いておく

選択したディレクトリをダブルクリック

FTPのサブディレクトリにアップロードする

ftp-wordpress-folder
FTP上でWordPressフォルダを選択

ダウンロードしたWordPressフォルダを、FTPサーバー上で選択して

ftp-wordpress-folder-tenkai
ディレクトリ展開の様子

クリックして展開する。

フォルダをダブルクリック

FTPサーバー上の表示は、

  • 左画面にローカルのフォルダ
  • 右画面にサブディレクトリ

といったような表示になっていればOK。

勝手に同じレイアウトになってるはずよ

ftp-folder-ichi
FTPでの表示イメージ

展開したWordPressフォルダのすべてのフォルダ・ファイルを選択して、空のディレクトリ(サブディレクトリ)へエクスポートする。

時間かかるからしばし待たれい

ftp-wordpress-folder-idou
データ移動の様子

図のように同じデータが移動できていればOK.

サブディレクトリにWordPressをセットしたな

ftp-wordpress-file-idou
データ全移行の様子

データベースを接続する

ここ重要。ディレクトリにWordPressっていうCMSを突っ込んだから、MySQLといったデータベースと連携する。

Xserver-login
エックスサーバーログイン画面

エックスサーバー(https://xserver.ne.jp/) にログイン。

ううこ
ううこ

例としてエックスサーバーとする

サーバー管理をクリック。ファイル管理でない方。

Xserver-login-server
サーバー管理ボタン

MySQLを追加する

サーバーパネルの画面の「データベース」のメニューから「MySQL設定」を選択。

Xserver-database-login
MySQLの設定箇所

MySQLはデータベース管理システムのこと。Web上で動く管理システムなどは、基本的にMySQLなどのリレーショナルデータベース(RDMBS)が使われている

WordPress単体で記事作成などが保存されていると思われがちだが、実際はMySQLのテーブルに記事情報やメタキーワード、ディスクリプションが保存されている。

MySQL設定の画面で「MySQL追加」をクリック

Xserver-MySQL-Add-00
MySQLを追加する

MySQLのデータベース名を作成し、「確認画面へ進む」をクリック。

Xserver-MySQL-Add-01
データベース名を作成

MySQLデータベースを追加しますか?と表示されるので、「追加する」をクリック。

Xserver-MySQL-Add-02
MySQLを追加する画面

完了すると図のように「完了しました」と表示される。

Xserver-MySQL-Add-03
MySQLの追加完了

データベース名は後で使うから控えとけよ

インストールしたWordPressとデータベースを紐づけるときに使うので、必ずデータベース名は控えておく

MySQLのユーザーを追加する

MySQLユーザー追加」タブをクリック。

MSQLユーザー追加

MySQLユーザーの

  • ユーザーID
  • パスワード

を入力して、「確認画面へ進む」をクリック。

MySQL-USER-ID-PASS
MySQLユーザーIDとパスワード入力

「MySQLユーザ追加」の更新タブが開くので「追加する」をクリック。

MySQL-USER-Add
MySQLユーザーを追加する

サブディレクトリで使うMySQLのデータベースに、アクセスするユーザーが追加できた

WordPressとデータベースを紐づけるときに、ユーザー名・パスワードが必要になるので必ず控えておく

データベースとログインユーザーを紐づけする

作成したユーザーと、MySQLを紐づけする。「MySQL一覧」を選択し、以下のような一覧を表示させる。

いままで作成されたデータベースが一覧で表示されているはず

Xserver-MySQL-User-DB01png
MySQL一覧を選択

一覧の中から、先に作成したデータベースを選ぶ。

Xserver-MySQL-User-DB02
任意のデータベースを選ぶ

アクセス権未所有ユーザーの列で、「追加」をクリック。

Xserver-MySQL-User-DB03
ユーザー追加を選択

追加したユーザーを選択して「追加」をクリック。

Xserver-MySQL-User-DB04
ユーザーを追加する

MySQLデータベースへのアクセス権の追加を完了しました。と表示されてれば、追加したユーザーで任意のデータベースへアクセスできる。

Xserver-MySQL-User-Add01
MySQLアクセスユーザー追加

WordPressのサブディレクトリへアクセス

WordPressのサブディレクトリ(一番最初に作ったやつ)にアクセスする。

ブラウザの検索窓に以下のように入力してEnter。

https://ドメイン名/サブディレクトリ名/wp-login.php

WordPressへようこそ、って表示される画面が表示されるはず。「さあ、始めましょう!」をクリック。

WordPress-login-start
WordPressスタート!

ここで「ようこそ」画面が表示されないときは、WordPressのデータがサブディレクトリへ正しくエクスポートされてない。(か、WordPressのファイルがどこか壊れてる)

この画面が出なかったらエクスポートやり直し

以下画面が表示されるので、

WordPress-login-start-01
データ入力画面

WordPressのデータ入力画面に控えておいた情報である、以下の

  • データベース名
  • データベースのユーザー名
  • データベースのパスワード
  • データベースホスト

を出し惜しむことなく、全て入力して「送信」をクリック。(テーブル接頭辞はデフォで良い。むしろデフォが良い)

WordPress-login-MySQL-nyuuryoku
ログイン情報を入力

ログイン情報のヒント

  • データベースのパスワードは、「データベースへアクセスするユーザー」を追加したときに設けたパスワード。
  • データベースのホストはエックスサーバー の場合は、MySQL設定画面 > MySQL一覧 の一番下に表示されている。(以下イメージ)
MySQL-Host
MySQLのホスト情報が軽視されている場所

ホスト名の掲載位置、もう少し考えてほしい。マジで分かりづらい

データベース接続確立エラー

エラー画面になる理由は、

データベース接続確立エラー

以下ログイン情報の何かが間違っている可能性が高い

  • ユーザー名とパスワード
  • ホスト名

「もう一度お試しください」をクリックして、再度ログインを試みる。

大抵控えていたユーザー名が間違っていることが多い

WordPressログイン成功したときの遷移画面

WordPressとデータベースの紐づけが成功すると、以下画面になるので「インストール」をクリック。

WordPress-install
WordPressインストール実行

ようこその画面になるので、任意の情報を入力して「WordPressをインストール」をクリック。

WordPress-install-jouhou-nyuuryoku
各情報を入力

WordPressのインストールに成功した。「ログイン」をクリック。

WordPress-install-saccess
WordPressインストール成功

おなじみのログイン画面が表示される。「ログイン」をクリック。

WordPress-install-login
ログイン画面

WordPressのダッシュボード画面にログインできた。

WordPress-install-saccess-01
WordPressのダッシュボード画面

もしWordPressログインできない場合は、以下記事を参考にしてくれ

  • この記事を書いた人
  • 最新記事
oyakun

OYAKUN

40代3児のパパ。小企業のWeb担なんでも屋。趣味はジョギングとばどみんとん。はしゃぎすぎて骨折5回(左肘・両足首・鎖骨・右手首)経験済み。最近やっとウィスキー飲めるようになりました。