2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

AWS で WordPress ブログを構築、ドメインを取得して公開するまで(Part 2)

Last updated at Posted at 2019-08-11

前回の続きです。
AWS で WordPress ブログを構築、ドメインを取得して公開するまで(Part 1)

今回は初期設定と固定ページの設定、
あと WordPress テーマとして有名な「STINGER8」を追加します。

では張り切っていきましょう。

事前準備

AWS と WordPress の管理アカウントは持っている想定です。

料金

このセクションでは無料です。

WordPress の初期設定

WordPress にログインして、日本にローカライズします。

[Settings]
Site Language → 日本語
Timezone → UTC+9
Data Format → Y-m-d
Time Format → H:i
Week Starts On → Sunday
「Save Changes」ボタンを押すと、日本語化されます。
Screenshot_20190811[1].png

いらない記事があったのでゴミ箱に捨てます。
Screenshot_20190811[2].png

参加サイト → サイトネットワーク管理 → 更新
とりあえず、更新できるプラグインがあれば「すべて選択 → プラグインを更新」しておきます。
Screenshot_20190811[3].png

STINGER8 テーマのインストールと設定

STINGER8 テーマを取得しておきます。
下記のページから、ありがたく使わせていただきます。
https://wp-fun.com/dl/#st-toc-h-6

ちょっと分かりにくいんですが「※注意事項に同意の上、ダウンロードして下さい。」をクリックすると stinger8.zip がダウンロードされます。

参加サイト → サイトネットワーク管理 → テーマ → 新規追加
(サイトネットワーク管理のテーマじゃないと、新規追加がなくてアレ?ってなります)
Screenshot_20190811[4].png

テーマのアップロード → ファイルの選択「stinger8.zip」→ 今すぐインストール
Screenshot_20190811[5].png

インストールが完了したら「サイトネットワークで有効化」します。
Screenshot_20190811[6].png

ブログページでも有効化しておきます。
Screenshot_20190811[7].png

ブログを表示すると、テーマが適用されています。
シンプルでいい感じですね。
Screenshot_20190811[8].png

プライバシーポリシーとお問い合わせフォーム

マイナーブログならあまり必要ないかもしれませんが、
一応御守り程度に、プライバシーポリシーページとお問い合わせフォームを持っておくと良いかもしれません。

プライバシーポリシーの文面は下記のサイトを参考にさせていただきました。
ありがとうございます。

プライバシーポリシーの雛形(ひな形)【作り方はコピペして穴埋めするだけ】 - マーケのじかん
https://blog-tip.com/wordpress/privacy-policy-template/

プライバシーポリシーページは固定ページに置きます。
まず、要らなそうな Sample Page はゴミ箱に捨てちゃいます。
Screenshot_20190811[9].png

新規追加でページを作ります。
雛形のおかげで、それっぽい感じに仕上がりました。
Screenshot_20190811[10].png

プライバシーポリシーページは設定になんかあるので忘れずに指定しておきます。
Screenshot_20190811[11].png

さて、プライバシーポリシーに「問い合わせフォームがあるのでそれを使ってください。」
と公言してしまったので問い合わせフォームを作りましょう。
参加サイト → サイトネットワーク管理 → プラグイン → 新規追加
Screenshot_20190811[12].png

Contact Form 7 で検索すると、和風なイラストが付いたプラグインが引っかかるので
今すぐインストール → サイトネットワークで有効化します。
Screenshot_20190811[13].png

インストールすると、ブログのサイドメニューに「お問い合わせ」が追加されます。
コンタクトフォーム 1 が作成されているので、コレをちょっといじります。
Screenshot_20190811[14].png

そういえば、パーマリンクを設定し忘れたので、設定します。
日本語のプライバシーポリシーページを作ると、パーマリンクは自動的に「プライバシーポリシー」になるので URL としてはエンコード文字列の状態「%e3%83%97%e3%83%a9%e3%82%a4%e3%83%90%e3%82%b7%e3%83%bc%e3%83%9d%e3%83%aa%e3%82%b7%e3%83%bc」になり、非常にリンクしづらくなってしまいます。
というわけで URL スラッグを「privacy」に変更します。更新を忘れないように・・・。
Screenshot_20190811[15].png

基本的に、フォームはこのままでいいんですが
一応プライバシーポリシーは見てから送信してね、という注意書きを追加しておきます。
Screenshot_20190811[16].png

固定ページに埋め込みます。
タイトルとショートコードを追加するだけで完成します。
パーマリンクは「contact」が良いと思います。
Screenshot_20190811[17].png

それなりにお問い合わせフォームができたのではないでしょうか。
Screenshot_20190811[18].png

さて、このお問い合わせフォーム。
送信ができません。

それは何故か。
メールアドレスを設定していない?
まあそれはそうなんですが、フォームからメールを送信するには AWS にメールサーバーを設定する必要があります。

次回に続く。

2
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?