s-tyd
Notes
←ノート

2019.04.22 · WordPress · 5分で読めます

個人ブログを世に晒す 設定編 EP.2

前回の続きです。

前回はクリックのみでWordpress付のサーバーを立てました。

今回はブログを運営していく上で必要とされる

を設定していきたいと思います。

独自ドメインの取得

私はGoogleが大好きなのでGoogle Dmainsで取得しました。
(そもそも某ドメイン業者サイトのチープ感があまり好きじゃない)

適当に欲しいドメインを検索します。
Google Dmains
https://domains.google/

お名前ドットコム
https://www.onamae.com/

MuuMuuDomain
https://muumuu-domain.com/domain/price

特にこだわりがない人は一番安いところで取得しましょう。
※二年目から値段が変わるとかよくあるのでお気をつけて。

※Whois情報が公開される場合があるので注意してください。
お名前.comのwhois情報公開代行に注意しろッ! - インターネット漂流記

独自ドメインの設定

私はGoogle Domainsでドメインを取得しているのでここからGoogle Domainsでの解説になります。

ログイン後に取得しているドメインの一覧が見れます。
ドメインをクリックして詳細画面に遷移します。

左バーのDNSをクリック後、カスタムリソースレコードを編集します。

一列目のレコードに前回デプロイしたサーバーのアドレスを入力します。
GCP→左メニューのComputeEngine→VMインスタンスよりIPアドレスを確認できます。

二列目は先ほど自分で取得したドメインを入力します。

以上でドメインの設定は終了です。

五分~十五分ほどで反映されるので次の作業を進めます。

サイトのSSL化 とは

SSL化とは簡単に言うとWebサイトのアドレスを「http」から「https」にすることです。

あなたが今見ている記事のアドレスも「https」になっていると思います。
https://qiita.com/

httpsに変更することによってサイトのセキュリティ性が向上します。
ちなみにGoogle Chromeでhttpのサイトに接続すると「保護されていない通信」と表示されます。

詳しい情報はここでは説明しませんので、気になる方は下記サイトの閲覧をお勧めします。
常時SSL化で押さえておきたいメリットとデメリット【Webサイト運営者向け】

サイトのSSL化

下記サイトを参考にSSL化していきます。
Free SSL Certificate Setup for WordPress on Google Cloud (Click-to-Deploy)

先ほどIPアドレスを確認した画面より、SSHのボタンをクリックします。

別画面でこのようなページが開かれます。

なんとVMに接続できました。すごいです。

Certbotをインストール

接続したVMにLet's Encryptが提供するCertbotをインストールします。
Let's Encryptとは?

Certbotをインストールするためのコマンドを実行します。
wget https://dl.eff.org/certbot-auto && chmod a+x certbot-auto

インストールが完了しました。

証明書を作成

hoge.com を 先ほど取得したドメイン名を入れてください。
www も入れておきます。

./certbot-auto certonly --webroot -w /var/www/html/ -d hoge.com -d www.hoge.com

証明書の適応を行います。
行いたいところですが同じ記事を参考にしている記事を発見したので続きはこちらでお願いします。
GCPで作成したWordpressのSSL対応

パーマリンクとは

私もパーマリンクは何なのか知りませんでした、URLにこだわりがある人は重要なのでちゃんと設定しておきましょう

パーマリンクの使い方 - WordPress Codex 日本語版

パーマリンクとは、ブログの個々の投稿、カテゴリーなどの投稿一覧ページへの恒久的(半永久的)な URL です。
パーマリンクは、他のブロガーがあなたの投稿やセクションにリンクを張るときや、投稿へのリンクを Eメールで送ったりするときに使います。
個別の投稿への URL は常に存在して決して変らないようにすべきです。そういう訳で、「perma」リンクといいます。

パーマリンクを設定する

下記アドレスからWordpressにログインします。
http://あなたのアドレス/wp-admin/

パーマリンクを設定する前に言語設定を英語に変更します。
Settings→General→Site Languageを日本語にします。
(TimeZoneもついでに+9に変更しておきましょう)

下部にSaveSettingがあるので押下してください。

左メニューの設定より、パーマリンク設定を開きます。

各自好みの設定を行ってください。

変更を保存してから最初から配置されているHello Worldの記事を見に行くとNot Foundが表示されてしまいます。

Not Foundが表示されないように設定を行います。

もう一度SSH接続を行います。
var/www/htmlへ移動して、.htaccessファイルを編集します。

赤枠で囲っている一文を削除します。

wqコマンドで保存して終了します。

次はapache2.confファイルを編集します。

170行目ぐらいを見ると赤枠で囲まれている一文があります。(右下に行数が表示されています。)

<Directory /var/www>のAllowOverride NoneをALLに書き換えます。

保存後、下記コマンドでApacheを再起動します。
sudo service apache2 restart

先ほどNot Fooundが表示されたページを確認するとちゃんとページがされています。

お疲れさまでした、以上で設定は終了です。

後は自分の好きなようにテンプレートやらなんやらを設定すれば個人ブログ出来上がりです。

参考記事

Free SSL Certificate Setup for WordPress on Google Cloud (Click-to-Deploy)
GCPで作成したWordpressのSSL対応
お名前.comのwhois情報公開代行に注意しろッ! - インターネット漂流記
常時SSL化で押さえておきたいメリットとデメリット【Webサイト運営者向け】
無料でHTTPS化できる「Let's Encrypt」をやってみた ※install.sh付き

Shoya Toyodaアプリ開発を軸にしたソフトウェアエンジニア。技術支援などのお仕事をお受けしています。

相談する