CanvaのデザインをPDFに埋め込む方法
CanvaのデザインはFeatPaperのEMBEDタブで、PDF資料のページに埋め込めます。 貼り付けたリンクは閲覧用の埋め込み表示に変換され、閲覧者はページの上でデザインを見られます。 アニメーション付きのスライドやインフォグラフィックを、資料に組み込めます。
こんなときに
Section titled “こんなときに”- 会社案内に、Canvaで作ったインフォグラフィックを載せたいとき
- 提案書の途中に、Canvaのプレゼンテーションを差し込みたいとき
- イベント案内に、Canvaで作ったチラシを添えたいとき
- 採用資料に、Canvaのアニメーション付きデザインを入れたいとき
リンクを用意する
Section titled “リンクを用意する”FeatPaperが受け付けるリンクの形は次のとおりです。
https://www.canva.com/design/<デザインID>/<トークン>/...- Canvaでデザインを開き、「共有」を開きます。
- 「もっと見る」から「埋め込み」、または公開閲覧リンクを選びます。
- 表示されたリンクをコピーします。
詳しい操作はCanvaの公式ガイドをご覧ください。
FeatPaperに追加する
Section titled “FeatPaperに追加する”文書の「コンテンツ」タブを開く
FeatPaperで対象の文書を開き、「コンテンツ」タブを選びます。 編集権限のある管理者だけが操作できます。
「動画・リンクを追加」でエディターを開く
「動画・リンクを追加」カードを押すと、全画面のモーションエディターが開きます。
ページを選んでEMBEDタブを開く
左のサイドバーでCanvaを置きたいページを選び、上部ツールバーのEMBEDタブを押します。
リンクを貼り付けて「追加」を押す
「URLを埋め込む」の入力欄にリンクを貼り付け、「追加」を押します。
iframeのコードを貼り付けても、src="…"の中のリンクだけを取り出して使います。
FeatPaperがCanvaの埋め込み表示用のリンクに変換します。
位置と大きさを整えて保存する
ドラッグで位置を動かし、四隅のハンドルで大きさを変えます。 初期状態はページ幅の50%・16:9で中央に置かれ、比率は固定されていません。 必要に応じて「比率固定」や「元の比率」も使えます。 仕上がったらSAVE & EXITを押します。
閲覧者にはこう見えます
Section titled “閲覧者にはこう見えます”- パソコン:共有リンクを開くと、ページの中でそのまま操作できます。
- スマートフォン:ぼかしのかかったカードが表示されます。 タップすると下からシートが開き、全画面で表示されます。
- ダウンロードしたPDF:PDFの中では再生できないため、サービスのロゴやサムネイルに置き換わります。 これを押すと閲覧画面の該当ページが開き、そのページの右下にはQRコードも入ります。 文書のQR設定をオフにしている場合、QRコードは入りません。
事前に知っておきたいこと
Section titled “事前に知っておきたいこと”- EMBEDは1文書あたりの動画・GIFの件数に含まれず、容量の上限もありません。
- すべてのプランで使えます。
- エディターが確認するのはリンクの形だけです。 中身が表示されるかどうかは、Canva側の共有設定で決まります。
- Canvaでの修正が埋め込みに反映されるかどうかは、Canva側の設定によります。 気になる場合はCanvaの公式ガイドを確認してください。
- 文書をバージョン更新すると、モーションは自動では引き継がれません。 更新後にエディターを開くと、前のバージョンのモーションをコピーするか確認されます。
よくある質問
Section titled “よくある質問”リンクを入れたら「埋め込み URL はサポートされていません。」と表示されます
受け付けていない形のリンクです。 上の「リンクを用意する」にある形のリンクか確認してください。
Canvaのデザインが表示されません
Canva側でデザインが公開されていない可能性があります。 「共有」から埋め込み、または公開閲覧リンクを作り直してください。
iframeのコードでも貼れますか?
はい、貼り付けられます。
FeatPaperがsrc="…"の中のリンクだけを取り出して使います。
スマートフォンではどう見えますか?
ぼかしのかかったカードが表示されます。 タップすると下からシートが開き、Canvaを全画面で表示できます。
PDFでダウンロードするとどうなりますか?
PDFの中では再生できないため、ロゴやサムネイルに置き換わります。 押すと閲覧画面の該当ページが開き、ページ右下にQRコードも入ります。