期間限定で最大99%オフ! お得なデザインバンドル情報はこちら

Adobe Portfolio(アドビポートフォリオ)とは?始め方・使い方・できることQ&A【2019】

Adobeポートフォリオ

Adobe Portfolioでスマホ対応のウェブサイトは作れる?

独自ドメインは?Adobe Fonts(旧Typekit)は使える?

こんにちは! Keiko(@kmy_design)です。

今回はこんな疑問にお答えします。

わたしもAdobe Portfolioで自分のポートフォリオサイトを作成しました。日本語対応前は全てのメニューが英語表記で少しとっつきにくい感じがしましたが、すぐに操作に慣れてサイトを作ることができました。わたしのサイトはこちらです。

参考 KMY Online PortfolioKMY Online Portfolio

アドビクリエイティブクラウドを使っていて、毎月使用料金を払っているならポートフォリオサービスは無料で使えるので、ぜひチェックしてみてください。

アドビポートフォリオを見てみる

今回はQ and A方式で疑問に答えているので、ひとつひとつみていきましょう!

Adobe Portfolio(アドビポートフォリオ)の機能について

スマホ対応のポートフォリオは作れる?

Adobe Portfolioはレスポンシブデザインに対応しています。

どのテーマも、あらかじめ携帯・タブレット・パソコンのどれから見ても美しいデザインになるように作られています。

どんなテーマがあるか、アドビポートフォリオのサイトで確認できます。

今までウェブサイトを作ったことがない方でも、スマホ対応のポートフォリオが作成できますよ。


Adobe PortfolioはHTTPS / SSL対応をサポートしてくれる?

カスタムドメインは未サポート。myportfolio.comのサブドメイン使用ならOK!

あなたがmyportfolio.comのサブドメインを使うなら、無料でサポートしてくれます。特別な手続きも不要です。わたしのポートフォリオサイトのURLも、特に何も手続きなどしていませんがhttps://〜になっています。

クッキー

現在(2018年6月19日)カスタムドメインには対応していませんが、将来的にサポートできるよう取り組んでいるそうです。

詳しくはHTTPS / SSL証明書を参照してください。


Adobe Fonts(旧Typekit)は使える?

日本語は現在未対応ですが、英文フォントは使えます。

Adobe Fonts(旧Typekit)を使えば表現の幅が広がるので、ぜひ使いたいですよね。現在(2018年11月11日)日本語フォントには対応していませんが、英文フォントなら使用できます。

Googleアナリティクスは使える?

はい、使えます。

google analytics

STEP.1
「設定を編集」をクリック
編集画面左のバーから「設定を編集」をクリックします。
STEP.2
「Analytics」をクリック
画面中央のウィンドウ左側、上から2番目の「Analytics」をクリックしてください。
STEP.3
トラッキングコードを入力
画面中央のスペースに自分のトラッキングコードを入力すると右隣の「適用」ボタンが青くなるので、ボタンをクリック。
STEP.4
「完了」ボタンを押してウィンドウを閉じる
トラッキングコードを適用したら完了ボタンを押してください。


独自ドメイン(カスタムドメイン)は使える?

使えます。自分で用意するか、選択画面から購入できます。

ドメイン名
画像引用:Adobe Portfolio

2018年10月のアップデートで、アドビポートフォリオの選択画面からnamecheapを介してドメインが直接購入できるようになりました。

自分で用意したドメインを使いたい方は、こちらの記事が参考になりますよ。


Behanceと同期できる?

同期できます。

同じ作品をAdobe PortfolioとBehanceに同時にアップロードできます。もちろんBehanceのみ、Adobeポートフォリオのみにアップロードすることも可能です。

Lightroomのアルバムをアップロードできる?

はい。簡単にアップロードできます。

あなたがLightroomを使っているなら、LightroomのアルバムをAdobe Portfolioに簡単にアップロードできます。詳しくはこちらの記事をチェックしてみてください。


動画を背景に使える?

はい、使えます。

2019年6月のアップデートで、今まで要望が多かった機能のひとつである背景動画をついに使えるようになりました。Adobe Stockの動画やお手持ちの動画など、好きな映像を利用できます。

▼詳細はこちらの記事をお読みください。

Adding background videos to your site


アップロードした画像を保護できる?

画像を保護するために、右クリックを無効にするオプションがあります

アドビポートフォリオで右クリックを無効化

STEP.1
「設定を編集」をクリック
編集画面左のバーから「設定を編集」をクリックします。
STEP.2
「サイトオプション」をクリック
画面中央のウィンドウ左側、上から7番目の「サイトオプション」をクリックしてください。
STEP.3
「画面を保護するために右クリックを向こうにする」にチェックを入れる
チェックを入れれば、ユーザーが画像の上で右クリックしてもダウンロードすることができません。
STEP.4
「完了」ボタンを押してウィンドウを閉じる
設定が済んだら完了ボタンを押しましょう。

非公開や限定公開のポートフォリオは作れる?

サイト全体、または一部のページやギャラリーをパスワードで保護できます。

サイト全体、または特定のページやギャラリーのみパスワードを設定できます。パスワードを知っている人なら誰でもアクセスできるので、そこだけ注意してください。

ブログはできる?

ブログ風のページを作成しようと思えばできますが、更新しにくいのであまりオススメしません。

アドビポートフォリオはテキストより、画像を扱うことにすぐれたサービスです。テキスト情報が多いウェブサイトを作りたいなら、ワードプレスやはてなブログなどを使った方がいいでしょう。

このブログはワードプレステーマ「SANGO」を使用しています。

アドビポートフォリオを見てみる

Adobe Portfolio(アドビポートフォリオ)の料金・仕様について

Adobe Portfolioの使用料金は?

Creative Cloudメンバーなら無料で使えます。

adobe creative cloudプラン比較表

クリエイティブクラウドのどの有料プランに加入していても、アドビポートフォリオが使えます。

▼アドビポートフォリオだけを使いたいなら、月額980円の下記のプランがオススメです。

  • 学生・教育員ならCreative Cloud単体プランまたはCreative Cloudフォトプラン(980円/月)
  • 学生・教育員でなければCreative Cloudフォトプラン(980円/月)

▼また、どの有料プランに加入しても下記のアプリやサービスが無料で利用できます。

  • Adobe Fresco(フレスコ):iPadで使える、あらゆる描画表現を実現するデジタルスケッチアプリ。Photoshopブラシも使えます。
  • Adobe Fonts:サブスクリプション形式のフォントライブラリ。モリサワフォントなど、通常は高価なサブスクリプションプランに加入しないと利用できないフォントも使えます。
  • Adobe Spark:ウェブサイトやビデオストーリー、SNSの投稿画像など、魅力的なビジュアルコンテンツを簡単に作成できるサービス。

クリエイティブクラウドを解約したら、わたしのポートフォリオはどうなるの?

もしクリエイティブクラウドを解約しても、ポートフォリオのデータはそのまま残ります。

一時的にオフラインになりサイトにアクセスできなくなりますが、クリエイティブクラウドのプランに再加入すると元通りに復元されます。

詳しくは私は自分のAdobe IDを変更した場合、何が私のウェブサイトはどうなりますか?を参照してください。


2つ以上のサイトを作れる?

Adobe ID 1アカウントで最大5つのサイトが作成できます。

(2018年10月8日更新)一つのアカウントで最大5つのサイトが作れるようになりました。

例えばこんな時に便利ですよ。

  • 一時的にクライアントに見せたい非公開作品ページをサクッと作りたい時
  • 同じ作品を紹介するが、違う視点でまとめたポートフォリオを作成したい時

Adobe Portfolioにアップロードできるファイル容量は?

画像は50MB/1ファイル、音声ファイルと動画は1GB/1ファイル、カバー画像は1MB以下が推奨されています。

アップロードするファイルの重さはサイトの表示スピードに影響します。画像をアップロードする際はできるだけファイル容量を小さくすることをオススメします。

MEMO
現在(2018年6月19日)アップロードできるファイルの点数に制限はないようです。が、大量の画像を使うとサイトが重くなり表示が遅くなるので、画像をアップロードしすぎないように気をつけたいですね。

詳しくは私は何のサイズの画像をアップロードする必要がありますか?を参照してください。

アドビポートフォリオを見てみる

Adobe Portfolio(アドビポートフォリオ)の使い方について

htmlとかcssとかわからなくても、ポートフォリオが作れますか?

はい、作れます。

あなたがWebデザイナーでなくても、心配いりません。

Adobe Portfolioにはあらかじめ決められたテーマが用意されているので、好きなテーマを選んで写真と文章を設定すればすぐにポートフォリオが出来上がります。

イラストレーターやフォトグラファーの方など、デザインが本業ではないけど美しいポートフォリオサイトが必要な方にもオススメですよ。

htmlやcssがわかれば以下の点で有利です。

  • Adobe Portfolioの使い方がはやく覚えられる
  • より細かいデザイン設定が可能になる

Keiko

また、ほとんどの操作は設定後にブラウザ上ですぐ確認できるので、もし間違ってもすぐに修正できますよ。

困った時はどこのサイトを見ればいいの?

アドビの公式サイトを見てください。

アドビポートフォリオナレッジベース

アドビポートフォリオナレッジベースのホーム画面

アドビポートフォリオナレッジベース&よくある質問では下記の項目が検索できます。サイト右上から日本語を選択すれば日本語で読めますが、訳が不自然な部分が多い…!今後改善されることを希望します。

  • アドビポートフォリオの基礎
  • アドビの他アプリ・サービスとの連携
  • デザイン&カスタマイズ
  • ページ&ギャラリー
  • ウェブサイトの設定
  • ドメインについて
  • 料金・プラン
  • トラブルシューティング

Adobe Portfolioのチュートリアル

Adobe Portfolioの活用法

Adobeのウェブサイトでは以下のチュートリアルを見ることができます。

アドビポートフォリオを見てみる

さっそくアドビポートフォリオを使ってみよう

Adobeポートフォリオ

Adobe Portfolioを使えば、誰でも簡単にきれいなウェブサイトを作ることができます。

ぜひあなたもアドビポートフォリオで自分のウェブサイトを作ってみてください。

アドビポートフォリオを見てみる

Adobe Portfolio(アドビポートフォリオ)とは?始め方・使い方・できることQ&A【2019】

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

shares