WordPress + Nuxt.js でポートフォリオサイトを作る その12

WordPressサイト(https://works-wp.yuheijotaki.com/)の REST API と Nuxt.js でポートフォリオサイトを作成する。その12

f:id:jotaki:20190924093802p:plain

GitHub: https://github.com/yuheijotaki/works-nuxt
Netlify: https://works.yuheijotaki.dev/

ドメイン紐付け

コンテンツ登録や調整が終わったのでドメイン紐付け

これまで

works.yuheijotaki.com => WordPressサイト(バックエンド+ビュー)

変更後

works-wp.yuheijotaki.com => WordPressサイト(バックエンド)
works.yuheijotaki.dev => Netlifyサイト(ビュー)

にする

1. ドメイン取得

データ移行

works-wp.yuheijotaki.comサブドメインを作ってそちらへWordPressコンテンツを移行する。
ここは通常の移行作業と同じ

2. ドメイン取得

.dev をお名前.comで取得。
のちのち他にも使いたいなと思って今回のサイトはサブドメインを使う。

3. Netlifyでサブドメインの登録

Netlifyのコンソールから Settings => Domain management => Custom domains にてサブドメイン works.yuheijotaki.dev を登録

f:id:jotaki:20200226101555p:plain

4. お名前.comのDNS設定変更

DNSレコード設定を works.yuheijotaki.dev CNAME works-yuheijotaki.netlify.com とする

5. Netlifyでhttpsの有効化

Settings => Domain management => https からhttpsを有効化

参考:

上記の設定はだいたい15分〜30分くらいでできました。
じつはもともと持っている .comサブドメインを使ってやりたかったのですが、他サブドメインサイトとメールサーバは既存サーバーで...みたいなことだとちょっと複雑になりそうなので諦めました。

残り

  • インデックス確認
  • ドキュメント作成