無料でWordPressにブログ記事を投稿してみた！

### 前提
本記事は、WordPressについて詳しく説明できない方でも、概要を理解でき、また、実際に細かい設定などを経て無料でブログ投稿まで行うことができるよう、説明しています。
※前提として、有料でのサービスが安定していますので、有料でサーバー、有料ドメインの取得をお勧めいたします。
無料でのwebサイト運営の不利点としては、繋がりにくく、容量が少なく、検索順位が上がりにくい。という特徴があります。つまり収益化は望めません。
本記事では、レンタルサーバーの手続、ドメイン取得の手続きの基本を知り、本番環境へのデプロイを経験するための記事になります。
単に無料でブログ投稿を行いたい場合は、完全無料のブログ投稿サービスを素直に使用しましょう。
また、無料と記載していますが、設定やサービスによっては有料となる可能性があるので、自己責任で設定などを行いましょう。

内容
・趣旨目標
・設定などの概要
・参考webサイト
・WordPressとは？
・レンタルサーバーとの契約（無料）
・四苦八苦（回り道なので、近道したい方は飛ばし読みされてください！）
・ドメインの取得（無料）
・公開！
・おわりに

### 趣旨目標
有料でセットアップしたとしても、初期費用が約１万円以下、維持費が月当たり約１千円という記事があったかなと思います。しかし、ポートフォリオはgithubで無料でwebサイトを公開しているし、、インフラの経験値を増やす目的であれば、無料でレンタルサーバーやドメインの取得について経験できれば良いのではないかと考えたため、無料で契約して学習します！

### 設定などの概要
本記事では、無料レンタルサーバーとして、「シン・クラウド for Free」を使用し、ドメインは「お名前.com」を利用して無料で世間にブログサイトを公開する。というものです。まず、レンタルサーバーとドメインというのが必ず。必要なんだなと認識してください。

### 参考webサイト
・WordPress公式webサイト
https://wordpress.org/about/
・無料でWordPressを始める方法について記載されています。
https://makusan.jp/blog/wordpress/wordpress-free/#index_id8
・無料のレンタルサーバー契約
https://www.xfree.ne.jp/
・シン・クラウド for Freeというディスク容量10GBの無料レンタルサーバー
https://www.xfree.ne.jp/
・お名前.com（無料サーバーと無料ドメインを使用できます。（期間限定））
https://www.onamae.com/


### WordPressとは
以下Microsoft Bingの内容
>WordPressは、世界一のシェアを誇るブログシステムで、誰でも簡単に、高機能で美しいブログを作成できます。また、HTML/CSSなどの専門知識がなくてもブログを扱えるように作られています。本格的にブログを始める場合は、無料のブログサービスではなくWordPressを選ぶのが間違いなく正解と言えます。さらに、WordPressは、ブログから高機能なサイトまで作ることができるオープンソースのソフトウェアで。これらの特性により、WordPressはブログ運営に必須の存在となっています。ただし、本格的にデザインカスタマイズをするにはコードをいじる必要があるという点に注意が必要です。


簡単に解釈すると。⇒
【全世界のウェブサイトの約40%以上がWordPressを利用しており、無料でウェブサイトやブログを作成・管理できるサービス】

ということで、つべこべ言わず手を動かします！






### レンタルサーバーとの契約（無料）
はじめにレンタルサーバーを契約します。
ディスク容量は10GBということで、私が概算で他のサイトを参考に計算した結果1900記事ほど投稿できる計算になりました。しかし、投稿のバックアップを取る設定である場合は、容量は全く足りません。ブログやサイトを本気で検討されている方は、投資した方が間違いなく良いですね。


サーバーアカウントを作成します。
下にスクロールして、「サーバーアカウント作成」をクリック。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/03f2ed11-12b5-b3bb-0a7a-803671ab6acb.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/2ef70200-8924-d37e-0e85-068dcf925395.png)

必要情報を入力していきます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/7ce02f21-eb41-f86b-3f06-16acc1252440.png)

利用規約などに同意し、「次へ進む」をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/c15ba13f-c80d-77a7-778a-c8589c83438c.png)

提示したメールアドレス宛に届いたメールに記載がある確認コードを入力し、「次へ進む」をクリックする。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/c80eaa4d-f321-a017-8dd5-b2b4267b15a2.png)

「SMS・電話認証へ進む」をクリックする。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/9b70cacb-42fc-576c-5b75-6523f1819019.png)

私はSMSでの認証情報取得を選択しました。「認証コードを取得する」をクリックすると、私の場合スマホにショートメールが届きましたので、そのコードを入力して次へ進みます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/86f5e292-79eb-1a40-40e9-bd29397312de.png)



続いて、申し込みを行います。私はデフォルトのサーバーIDを使用して、利用規約にチェック。「お申込み内容を確認する」をクリックして進みます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/ec35c6a1-8aa8-01d9-04b4-d0cb94763a7d.png)

内容に間違いが無ければ、「申し込む」をクリックします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/fa28299c-3c55-5b36-5b1e-ce18869e5e9a.png)
サササ。。。サーバーをレンタル致しました(^^;)

登録したメールアドレス宛に重要なデータが来ているはずですので、確認しましょう！
「契約管理TOPへ」をクリックすると、次のようなトップページに移動します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/40ed8e69-b52b-4270-2150-727fdb9c1fa6.png)

ここからどうするんだろ。。とｗ
まずこのサーバーは３か月ごとの契約更新が必要で、事前の更新設定が可能です。また、忘れてしまった場合も、１か月後まではデータは保持されるとのこと。


### 四苦八苦（ドメイン取得）
ドメイン取得に関し、最初に検証したのが、Dynamic DO!.jpという無料でドメインを簡単に取得できるサイトを利用しましたが、私は、おすすめしません。
#### ※※※ここで取得したドメインは、シン・クラウド for Freeでは使用できません。※※※

”参考として貼ります。”アドレス：https://ddo.jp/　
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/96407df4-edc4-615b-26e6-aa853d1601ad.png)

スクロールすると、下図のように無料の欄があります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/3371f34c-078b-d964-79fd-e401ea428999.png)
ここにwwwとドメインddo.jpは抜きにした文字などを入力します。
基本９か月の利用期間で、延長には条件があるようですね。
規約をサラッと確認したところ、期間延長は運営サイドに主導権があって、自ら何かするということでは無いのかなと解釈しました。また、広告が表示されるとのこと。
やはりドメインの壁が高いと感じますね。
任意のアドレスを入れて、「無料登録」をクリックです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/be4614e7-f6d1-f591-8c44-9c2cb6ac0daa.png)
すると、規約が表示されます。下にスクロールします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/ace4e399-7a89-7b9b-0f68-fceb07d93c31.png)
登録内容を入力し、同意するにチェックを付けて、「登録内容確認」をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/7e473f1d-d5a3-49b8-d75c-87d8c2d25545.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/d8373b28-d3b6-9bdb-af8c-a5f2e4af8b98.png)
登録内容の確認が終わりましたら、次の画面に遷移し、登録したメールアドレスにメールが届きます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/addbc0c7-ba1d-116f-479e-0349ea24b987.png)
届いたメールからアクセスすると、次のようにメールアドレスの確認が完了です！
画面左上の「ログイン」をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/c9587d70-f83c-19a5-8106-29738650f3b0.png)
ドメイン名、パスワードを入力しログインします。

ドメインとIPアドレスを紐づけします。
これによってドメインとサーバーがくっつきますね( ..)φメモメモ

以下は、サーバーのグローバルIPアドレスをコピーするために現在のドメイン設定の画面を開いたまま移動します。
シン・クラウド for Freeへログインし、サーバーのダッシュボードの赤枠内をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/df67d31b-f808-54c1-4387-af904bb61da7.png)

続いて、次の画像の青枠内にあるグローバルIPアドレスをコピーします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/5e72b505-8d44-f171-babe-bdfb9314041a.png)
そして、元のドメイン設定画面（ログインした画面）に戻り、IPアドレス欄に、「先程コピーしたグローバルIPアドレスをペーストします。」その後、赤枠をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/8cd18e81-fda7-d8ae-92ba-7d81ce76b1c7.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/2e66edca-a02a-e933-8788-cd1c11a17634.png)
※お気づきになっただろうか。。。
SSL通信をしないそうです。

ここから、解約（無料で登録された方向け。）方法を記載します。
・ログインする。
・各種申請をクリックする。
・登録削除申請取下げをクリックする。
・削除の申請を行う。
という流れになります。あくまで登録を削除する方に向けて記載していますので、登録削除を勧める趣旨ではありません。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/7f2e5e49-ae6e-67d9-b0e2-4e4bd42e1795.png)


### ドメインの取得（無料）
お名前.comからドメインを取得します。
ここから本線に復帰します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/973eafd1-e13f-8817-aa6a-423ea1489eb0.png)

流れとしては、あまりスマートではありませんので、ご了承くださいませ（泣）

トップページから、お好きなドメイン名を入れて、検索すると、使えるドメインか確認してくれます。また、私の時は、表記のように無料でした。しかも、サーバー付きｗ先に教えてよ～ｗ料金確認へ進むをクリックすると、細部を入力する画面に遷移します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/ede3e915-73cb-4fc6-f281-56acba515600.png)

個人情報を入力していきます。ここで設定するメールアドレス宛に認証メールが来ますので、受信したいアドレスを設定しましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/0fa7ce79-3c4f-b6a2-9209-4dbad6a6c59d.png)

次の画面で支払い方法を決める画面になるのですが、支払いは無いですが、実際に支払いできる支払い方法を選択しましょう。設定の多少の違いや、設定時期などによっては、有料になってしまいかねないので、ここの部分は自己責任でお願いします！

次に、ドメイン認証を行います。ここで設定したメールアドレスにメールが届き、メールからサイトに接続すると、認証が完了します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/b3988e7c-3517-6abc-4915-e34af2119b90.png)

ここから縦横無尽にタブを移動し、スマートではありませんが設定していきます。ご容赦ください。

シン・クラウド（サーバー）にログインし、ドメイン設定を開き、ドメインを追加します。
お名前.comで取得したドメイン名を入力し、「追加する」をクリックします。なお、無料独自SSLも設定したいので、画像の通り、チェックが付いた状態で、追加します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/302730f5-b0c8-8358-8aaa-2d23a307e75d.png)

次のとおり、ドメインを取得したお名前.comでのネーミングサーバー（DNS）と、サーバーで設定している（ここの状態だと正確に言えばサーバーでは設定できていない。。）ネーミングサーバーが異なっていますよ。と怒られます。
なので、無料独自SSLも適用できておらず、危険な状態です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/f7ddf163-9fc0-a4b8-68ec-d25c9c6301ec.png)

シン・クラウド（サーバー）にログインしている状態で、SSL設定に進むと、先程説明したように、怒られます。現状、SSLを有効にできません。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/1396ff64-54ba-05d5-8605-a8a7ce2c4107.png)
ここを開いたまま、次はお名前.comに移動します。





ここで一度お名前.comに移動して先に、ドメインを使える状態にします。
該当のドメインにチェックを付け、「他のネームサーバーを利用」をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/f8932cfb-d15e-55a1-4e49-0d7080779843.png)

今言わないでほしいですが（笑）赤字のとおり、現時点ではネームサーバーを変更できません。ホスト名を付けて、登録してから、ネームサーバーをシン・クラウド（サーバー）指定のネームサーバーとグローバルIPアドレスを割り当てます。
「こちら」をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/2982cf5f-bb97-7806-c229-0eb811a6bb60.png)


作成にチェックを入れて、「入力画面へ進む」をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/6215b143-b97a-57b8-8409-796f5abf1706.png)

このように（一例としてみてくださいね。）設定して、ホストを登録してしまいます。赤枠は、シン・クラウド（サーバー）のグローバルIPアドレスです。
なお、グローバルIPアドレスを確認する方法は、シン・アカウントにログインし、サーバーパネルを開くと記載されています！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/fed2fd72-5aaf-c4f8-4555-66114b17ba15.png)

ここで再びイレギュラーに動きます。このように表示されたら、画面左側にある「ネームサーバーの変更」をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/48277644-6458-78d3-0a44-342ac40b51b0.png)
ここに戻ってきます。ここで、シン・クラウド（サーバー）のネームサーバーの情報を入力します。ここは、シン・クラウド（サーバー）のダッシュボード内を散策してみてください。指定ないければならない「ネームサーバ１～３」について記載があるので、確認してみましょう！それを、プライマリーネームサーバーとセカンダリ、、、とコピーアンドペーストしましょう。そしてここまでできたら、「確認画面へ進む」をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/6f1e2516-d20c-b892-b1af-82bf93b81313.png)

ネームサーバーの変更について、再確認されるので、「設定する」をクリックしましょう。

すると、私の場合秒速でできました(笑)時間かかる場合もあるようですね。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/9c8e4f33-04d4-9ca2-4ac1-10a5006e9988.png)






ここでシン・アカウントを確認すると、画像のようにSSLに関する警告が消えていますね！「OFF」をクリックして、ONにしましょう。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/89be0dbf-819b-e784-0e9f-2e74b6bf6ec3.png)

ここから感動しましたね（泣）

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/bb69513b-184e-1448-4c0d-66fbe39b5e53.png)
結論から申し上げますと、作ったサーバーにWordPressがインストールされ、MySQLが自動で適用され、一気に構築が完了します。。「赤枠をクリックします。」

「新規インストール」をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/055e7e59-292a-13d7-b547-dedb42544793.png)

MySQLの設定、このボタンだけ　Σ(ﾟДﾟ；ｴｰｯ!
「インストール」をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/24eabf3a-7298-4097-6bdd-7126550ee3cc.png)

出来上がりました。ログインすると好きにWordPressを扱えます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/642c0bd0-dff2-200b-792a-2f5c82619da4.png)


### 公開です！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/354ca96b-a03c-e78b-aa4a-258a443173d3.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3518951/be9c60b1-35a2-2211-0b75-54165d102ffc.png)

### さいごに
大げさにではなく、私見としてはHTMLとCSSで同じようなwebサイト作るとかなり大変そうなイメージですね。かなり勉強になりました。

私はAWSの勉強をしっかり始めるので、アウトプットが少なくなりますが、継続します。
では。