Top/💻Tech Posts/Adobe PortfolioのURLを独自カスタムドメインに設定する方法

Adobe PortfolioのURLを独自カスタムドメインに設定する方法

2022/5/29 12:022022/10/25 11:52

■ 目次

こんにちは､名古屋で雪が降ってはしゃいでたまるちゃんです｡

Adobe Portfolioでサイトを公開する際に独自(カスタム)ドメインに変更する方法

(せっかくサイトを世界に公開するのだから､独自ドメインで世界に公開しよう!)

~~私のポートフォリオサイトは､独自(サブ)ドメインで公開しています｡~~

Adobe Creative Cloud 利用者なら無料で最大で5サイトまで公開できるサービスになります｡

Lightroom と連携していてシンプルで操作がブロック単位なので画像中心でレスポンシブのポートフォリオサイトが簡単に作る事が出来ます｡

⛔

注意今回は､Adobe Portfolio上でのドメイン購入方法は記載していない為､事前にドメインを用意してください｡また､私自身はAWS Route53を使用しています｡

Adobe Portfolio で使いたい独自ドメインを準備します｡

ドメインをどこで購入するか迷ったときは､僕がよく利用しているドメイン登録【バリュードメイン】での購入をオススメしています｡

Adobe Portfolioのエディター(編集)画面に移動し､左側バーの歯車マークの｢設定｣をクリックします｡

｢ドメインを接続｣をクリック後に表示された赤色で隠されているIPアドレスの所をコピーします｡

DNSレコードの追加画面は､環境によって異なります｡

サブドメインの追加方法 になります｡(下に独自ドメイン登録方法もあります｡)

また､ホスト名に必ず｢www｣を追加する必要があります｡

『portfolio.tabiya.jp』としてサイトを公開する場合は､｢www.portfolio.tabiya.jp｣と｢portfolio.tabiya.jp｣を追加します｡

例えば､『abc.tabiya.jp』にしたい場合は､｢www.abc.tabiya｣と｢abc.tabiya.jp｣を追加｡

STEP.3 で追加したドメインの｢portfolio.tabiya.jp｣を｢接続するドメイン名を入力してください｣に追加した後に適応をクリックします｡

ドメイン設定がIPアドレスで正しく設定されていません｡手順をここで確認してください｡(DNSステータスをこちらで確認してください)

上記のエラーが表示された場合は､DNSの変更がまだ完了してないか､｢www.portfolio.tabiya.jp｣を追加してない可能性があります｡

エラーがなければ下の様な画面になりますので､｢完了｣ボタンをクリックして完成です｡

自分のBlogで写真を公開しても数が限られる為､Adobe Portfolioを使えば違う視点でまとめたポートフォリオサイトを公開が出来るので､これから使っていきたいと思いました｡

Top/💻Tech Posts/Adobe PortfolioのURLを独自カスタムドメインに設定する方法