WordPressで作成した弊社のホームページに、別途WordPressのブログをインストールしたので備忘録がてら手順を残しておきます。
WordPressに更にWordPressをぶっこむ、なんてことは滅多にやらないと思いますが「興味はあったけどなんとなく怖くて迷ってた」という人がいれば参考にしてね。
![うちやま](https://buildingblock.jp/blog/wp-content/uploads/2020/09/uchiyama-gundam-150x150.jpg)
ホームページで書くと誤解されそうなことをブログに書きたいから試したんだ。
![うちやま](https://buildingblock.jp/blog/wp-content/uploads/2020/09/uchiyama-gundam-150x150.jpg)
ちなみにXサーバーで作業したのですが、エックスサーバーを検討してるけどまだ申し込んでいないという人は以下の記事もご参考になさってください。
Xサーバーのサーバーパネルにログイン
![Xサーバーのサーバーパネル](https://buildingblock.jp/blog/wp-content/uploads/2020/09/1.png)
Xサーバーのサーバーパネルで該当のドメインを選んでいただき、「WordPress簡単インストール」をクリック。
![XサーバーのWordpress簡単インストール画面 インストール済み版](https://buildingblock.jp/blog/wp-content/uploads/2020/09/2.png)
既にインストールされていることがわかる画面に遷移します。
![XサーバーのWordpress簡単インストール画面](https://buildingblock.jp/blog/wp-content/uploads/2020/09/3.png)
「WordPressインストール」のタブをクリックして、新たにWordPressをインストールしたいディレクトリを指定します。上記画像で言うところの「blog」が該当になります。
加えて「ユーザー名」「パスワード」「メールアドレス(普段よくお使いになるメアドが良いです。)」をそれぞれ記入して「確認画面へ進む」をクリック。
![XサーバーのWordpress簡単インストール画面](https://buildingblock.jp/blog/wp-content/uploads/2020/09/4.png)
確認して問題ないようでしたら「インストールする」をクリック。
![Wordpress簡単インストール後の画面](https://buildingblock.jp/blog/wp-content/uploads/2020/09/5.png)
画面でも書かれているように、この画面の情報はWordPressを管理するうえで大事な情報なので、必ずメモに残しておきましょう。
WordPressにログイン
![Wordpressのログイン画面](https://buildingblock.jp/blog/wp-content/uploads/2020/09/6.png)
WordPressインストール時に設定したログイン情報を元にWordPressにログインします。
![ダッシュボードのメニュー](https://buildingblock.jp/blog/wp-content/uploads/2020/09/7.png)
ログイン後の管理画面のことをダッシュボードと呼びます。ダッシュボード内のメニューを確認してください。
![ダッシュボードのメニュー 設定と一般](https://buildingblock.jp/blog/wp-content/uploads/2020/09/8.png)
設定 > 一覧 をクリック。
![ダッシュボードの一般設定画面](https://buildingblock.jp/blog/wp-content/uploads/2020/09/9.png)
弊社の場合、大本のホームページが既にSSL化していたので、新たにインストールしたWordPressも同様にSSL化仕様にします。
画面赤枠の「WordPressアドレス(URL)」「サイトアドレス(URL)」ではWordPressをインストールしたての「s」がついていない状態で表記されているので「s」を記入します。
\ こんな感じ /
WordPressアドレス(URL):http://buildingblock.jp/blog/
サイトアドレス(URL):http://buildingblock.jp/blog/
↓
WordPressアドレス(URL):https://buildingblock.jp/blog/
サイトアドレス(URL):https://buildingblock.jp/blog/
※わかりやすいように赤文字にしてます。
![変更を保存](https://buildingblock.jp/blog/wp-content/uploads/2020/09/10.png)
「s」の記入が終わったら、画面下にある「変更を保存」をクリック。
![ログイン](https://buildingblock.jp/blog/wp-content/uploads/2020/09/11.png)
クリック後、一旦ログイン画面に戻されるので再度ログイン情報を記載して「ログイン」をクリックし、ログインが出来る事を確認しましょう。
![ワードプレスインストールのデフォルト画面](https://buildingblock.jp/blog/wp-content/uploads/2020/09/12-1024x668.png)
この時点では上記画像のようなWordPressをインストールしたてのデフォルトの状態になります。
FTPソフトで.htaccessの編集
通常のWordPressインストール状態であればXサーバーのサーバーパネルから作業できるのですが、今回の作業はちょっと特殊なのでFTPソフトを使って作業します。
![Xサーバーの.htaccess編集画面](https://buildingblock.jp/blog/wp-content/uploads/2020/09/13-1024x531.png)
![Xサーバーの.htaccess編集画面](https://buildingblock.jp/blog/wp-content/uploads/2020/09/13.5.png)
ftpソフトはFileZilla(ファイルジラ)を使いました。
![ftpサーバー画面](https://buildingblock.jp/blog/wp-content/uploads/2020/09/14.png)
該当ドメインをクリック。(今回は「buildingblock.jp」が該当)
![ftpサーバー画面](https://buildingblock.jp/blog/wp-content/uploads/2020/09/15.png)
「public_html」をクリック。
![ftpサーバー画面](https://buildingblock.jp/blog/wp-content/uploads/2020/09/16.png)
今回のインストール用に設けたフォルダ(「今回は「blog」が該当)をクリック。
![ftpサーバー画面](https://buildingblock.jp/blog/wp-content/uploads/2020/09/17.png)
「.htaccess」(画面赤枠)があるので一旦ローカルに落としてください。
![うちやま](https://buildingblock.jp/blog/wp-content/uploads/2020/09/uchiyama-gundam-150x150.jpg)
編集用だけでなくバックアップ用もローカルに落としておきましょう。
![.htaccess](https://buildingblock.jp/blog/wp-content/uploads/2020/09/18.png)
![.htaccessの編集画面](https://buildingblock.jp/blog/wp-content/uploads/2020/09/19.png)
メモ帳やテキストエディタ(TeraPadでOK)で編集します。
![.htaccessを編集してリダイレクトを記述する画面](https://buildingblock.jp/blog/wp-content/uploads/2020/09/20.png)
▼リダイレクト記述内容
Webサイトの常時SSL化 | レンタルサーバー【エックスサーバー】
画面赤枠のリダイレクト用の記述をしたら編集した.htaccessファイルを上書き保存します。
![ftpサーバー画面](https://buildingblock.jp/blog/wp-content/uploads/2020/09/21.png)
ローカルで編集した.htaccessファイルをftp画面に投入して上書きします。これで完成です。
テーマを導入する
今回はCocoonというテーマを活用させていただきました。
▼ダウンロード先
Cocoonテーマのダウンロード | Cocoon
![ダッシュボードのテーマを追加画面](https://buildingblock.jp/blog/wp-content/uploads/2020/09/22-1024x333.png)
ダッシュボードのメニューで 外観 > テーマ と進んでいただき「ファイルを選択」をクリック。
![テーマ](https://buildingblock.jp/blog/wp-content/uploads/2020/09/23.png)
Cocoonには親テーマ・子テーマとあるのでそれぞれダウンロードしておきましょう。
![ダッシュボードのテーマを追加画面](https://buildingblock.jp/blog/wp-content/uploads/2020/09/24.png)
それぞれ「今すぐインストール」でインストールします。
![テーマのインストール画面](https://buildingblock.jp/blog/wp-content/uploads/2020/09/25.png)
最終的に有効化させるのは子テーマとなります。
![テーマの確認画面](https://buildingblock.jp/blog/wp-content/uploads/2020/09/26.png)
このような画面になればOKです。
![ワードプレスにテーマをインストールした画面](https://buildingblock.jp/blog/wp-content/uploads/2020/09/27-1024x492.png)
ブログのTOPページに遷移していただいてテーマがインストールされているか確認しましょう。
![びるぶろのロゴをセットアップした画面](https://buildingblock.jp/blog/wp-content/uploads/2020/09/28-1024x640.png)
ロゴ入れたらこんな感じになりました。
以上、Xサーバーを使ってWordPress(ワードプレス)のサイトに別のWordPressのブログをインストールする手順でした。
![うちやま](https://buildingblock.jp/blog/wp-content/uploads/2020/09/uchiyama-gundam-150x150.jpg)
参考にしてみてね。
![ザク](https://buildingblock.jp/blog/wp-content/uploads/2020/09/zaku-150x150.jpg)
ワードプレスもインストールして「さあ!ブログ運用を始めるぞ!」って人は、続けて以下の作業がおすすめだよ。
![うちやま](https://buildingblock.jp/blog/wp-content/uploads/2020/09/uchiyama-gundam-150x150.jpg)
ちなみに、ワードプレス運用でたまに起こるPHPの更新トラブルに出くわしたら以下をご参考になさってください。