Free Canva Instagram Templates DOWNLOAD NOW

アドビポートフォリオのURLを独自・カスタムドメインに設定する方法

Adobe Portfolioを使う金髪のウェブデザイナー
  • URLをコピーしました!

(記事内のリンクの一部はアフィリエイトリンクです。詳しくはプライバシーポリシーをお読みください。)

この記事では、Adobe PortfolioのURLを独自ドメイン(カスタムドメイン)に変更する方法を紹介します。

独自ドメインを使わない場合はmyportfolio.comのドメインが割り当てられますが、独自ドメインなら自分の好きなURLに設定できます。

では、そのプロセスを早速見ていきましょう。

Contents

Adobe PortfolioのURLを独自ドメイン(カスタムドメイン)に設定するプロセス

アドビポートフォリオはAdobe Creative Cloud利用者なら無料で利用できるサービスで、シンプルで画像中心のポートフォリオサイトがサクサク作れます。

▼こちらはわたしのポートフォリオサイトですが、きちんと独自ドメインが反映されています(わたしはサブドメインを設定しました)。

今回はエックスサーバーで独自ドメインを設定する方法を紹介します。

namecheapを介して、アドビポートフォリオ上で直接ドメインを購入するプロセスは省略しています。

STEP
独自ドメインを用意する

まずはアドビポートフォリオで使いたい独自ドメインを用意しましょう。

>>> エックスサーバーのドメイン新規取得手順はこちらです。

STEP
独自ドメインに割り当てるためのIPアドレスを調べる①

次に、用意した独自ドメインに割り当てるためのIPアドレスを調べます。

Adobe Portfolioの編集画面に移動し、左側のバーの中央にある「設定を編集」をクリックしましょう。

アドビポートフォリオ「設定を編集」画面
STEP
独自ドメインに割り当てるためのIPアドレスを調べる②

中央に新たにウィンドウが表示されます。

アドビポートフォリオ「ドメイン名」ウィンドウ

「ドメイン名」下の文章の中央あたりに、下記のような数字とピリオドの組み合わせが二つ表示されます。 〇〇.〇〇〇.〇〇.〇〇〇(丸は全て数字になります)

必ず二つともコピペするか、メモをとっておきましょう。

一部の DNS プロバイダーでは 2 つ目の IP アドレスは必要ありませんが、ここでは念のため二つとも控えておいてください。

STEP
DNSレコードを編集する①

IPアドレスをメモしたら、次はドメインのDNSレコードを編集します。

エックスサーバーのサーバーパネルへログインし、「DNSレコード設定」へと進みましょう。

▼「使用前のご注意」「DNSレコードの一覧」「DNSレコードの追加」タブから、いちばん右の「DNSレコードの追加」タブを選択。

エックスサーバーのDNS設定画面
STEP
DNSレコードを編集する②ホスト名が空白のDNSレコードを追加する
エックスサーバーのDNS設定画面2

もし「example.com」というドメインを使いたい場合、以下のように2つ設定する必要があります。

ホスト名空白のままにしてください
種別必ず「A」を選択
内容STEP.3でメモした一つ目のIPアドレスを記入
優先度変更する必要なし
ホスト名www
種別必ず「A」を選択
内容STEP.3でメモした一つ目のIPアドレスを記入
優先度変更する必要なし

エックスサーバーでは先ほどメモしておいた二つ目のIPアドレスは必要ないので、どこにも記入する必要はありません。

ここではホスト名が空白のものを最初に登録します。

サブドメインを登録したい場合は下記のサブドメインの設定方法をご覧ください。

STEP
DNSレコードを編集する③

設定項目を入力後、「DNSレコードの追加(確認)」をクリックしましょう。

エックスサーバーのDNS設定画面3

設定内容を再度確認し、間違いがなければ「DNSレコードの追加(確定)」をクリック。

「DNSレコードが追加されました。」と表示されればOKです。

STEP
ホスト名がwwwのDNSレコードを追加する

ホスト名が空白のDNSレコードの登録が終わったら、STEP.5を参照しながら、ホスト名が「www」のものも登録してください。

DNS の変更は、正常に動作するまで 24 時間から 72 時間かかることがあります。

STEP
設定が完了したドメイン名をAdobeポートフォリオの設定画面に入力する

再びAdobeポートフォリオの設定画面に移動します。

STEP.2の画面に戻ってきたら、「カスタムドメイン名」欄に先ほど設定が完了したドメイン名「example.com」を入力します。

www.example.comではないので注意してください!

ドメイン名を入力したらすぐ右の「適用」ボタンが青くなるので、クリックしましょう。

アドビポートフォリオでドメイン名を適用する

「適用」ボタンを押したあと、すぐ下に赤い文字で以下のようなエラーが表示される場合があります。 ドメイン設定が IP アドレスで正しく設定されていません。手順をここで確認してください。(DNS ステータスをこちらで確認してください)

この場合はサーバー側でDNSの変更がまだ完了していません。しばらく待ってからもう一度試して見ましょう。最大72時間かかるようです。

DNSステータスはwhatmydns.netからも確認できます。

エラーがなければDNSの変更は完了しています。すぐ下の「完了」ボタンを押しましょう。

STEP
最終確認して設定を完了する

設定したURLにアクセスして、アドビポートフォリオの自分のページが表示されれば、設定完了です!

サブドメインをAdobe PortfolioのURLとして設定する方法

私はサブドメイン「portfolio.kmy.website」を自分のアドレスとして登録しましたが、上記のステップと違うのはSTEP.5のみ。

portfolio.kmy.website」と「www.portfolio.kmy.website」の2つを必ず登録します。

ホスト名portfolio
種別必ず「A」を選択
内容STEP.3でメモした一つ目のIPアドレスを記入
優先度変更する必要なし
ホスト名www.portfolio
種別必ず「A」を選択
内容STEP.3でメモした一つ目のIPアドレスを記入
優先度変更する必要なし

▼また、英語ですが今回のプロセスを説明した動画をYoutubeで見つけました。この動画ではGoDaddyというレンタルサーバーを使った場合の独自ドメイン設定方法を紹介しています。

カスタムドメインを使っているレンタルサーバーを変更するには?

ドメインを使用するレンタルサーバーを変更した時は、こちらのステップにしたがって設定を変更してください。

  1. 旧レンタルサーバー側で設定していたDNSレコードを削除
  2. 新レンタルサーバー側で、DNSレコードを追加
  3. ポートフォリオサイトが表示されるか確認してみる。うまく行かない時は、アドビポートフォリオの編集画面でドメイン名を一旦削除したあと、再登録

わたしの場合はステップ2までのあと、色々試してみましたがどうしてもSSL化がうまく行かず、ステップ3のカスタムドメイン削除&再登録を試したところ、きちんとSSL化されました。

この記事を書くにあたり参照したサイトはこちらです。

さっそくポートフォリオサイトに独自ドメインを設定しよう

アドビポートフォリオのURLを独自・カスタムドメインに設定する方法

独自ドメインを設定すれば、より信頼度の高いポートフォリオにできます。

アドビポートフォリオなら最大5つまでポートフォリオサイトが作れるので、自分の仕事の分野に合わせてそれぞれ別のサイトを持つこともできますよ。

▼自分のポートフォリオのプロフィールページに何を書いたらいいかわからない、またはもっと充実させたい方は、こちらの記事が参考になりますよ。

Keikoyaオリジナル Canva Social Media Bundle - 4500+ Templates & Free Update

Keikoyaオリジナルの4500点以上のCanvaインスタグラムテンプレートを収録したお得なバンドルもあります。いま購入すると将来の追加アップデート分も無料でダウンロードできます。

Adobe Portfolioを使う金髪のウェブデザイナー

この記事が気に入ったら
いいね または フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
Contents