WordPress + Nuxt.js でポートフォリオサイトを作る その12
WordPressサイト(https://works-wp.yuheijotaki.com/)の REST API と Nuxt.js でポートフォリオサイトを作成する。その12
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
を登録
4. お名前.comのDNS設定変更
DNSレコード設定を works.yuheijotaki.dev CNAME works-yuheijotaki.netlify.com
とする
5. Netlifyでhttpsの有効化
Settings => Domain management => https からhttpsを有効化
参考:
上記の設定はだいたい15分〜30分くらいでできました。
じつはもともと持っている .com
でサブドメインを使ってやりたかったのですが、他サブドメインサイトとメールサーバは既存サーバーで...みたいなことだとちょっと複雑になりそうなので諦めました。
残り
- インデックス確認
- ドキュメント作成