HTMLをインポート
HTMLファイルをCanvaにインポートして、編集可能なデザインに変換できます。 これにより、Webコンテンツ、電子メールテンプレート、またはその他のHTMLドキュメントを一から始めることなく再利用できます。
HTMLをインポート
ホームページからHTMLをインポート
- HTMLをホームページにドラッグアンドドロップします。
- ホームページのバナーで、[アップロード]をクリックします。 [ファイルをアップロード]を選択するか、ファイルをドラッグアンドドロップします。
- ホームページのサイドメニューにある[プロジェクト]をクリックします。 [ プラス]ボタンをクリックして、[ファイルのアップロード]を選択します。
HTMLファイルは、新しい編集可能なデザインとして開きます。
エディターからHTMLをインポート
- HTMLをエディターにドラッグアンドドロップします。
- エディターの上部にある[ファイル]をクリックし、[ファイルのアップロード]をクリックします。
- エディターのサイドパネルでアップロードタブをクリックし、次にファイルをアップロードをクリックします。 アップロードするファイルを選択するか、[アップロード]タブにドラッグアンドドロップします。
Claude Designのプレゼンテーションをインポート
Claude Designで作成したHTMLプレゼンテーションをインポートすると、Canvaは自動的に完全に編集可能なCanvaプレゼンテーションに変換できます。複数のスライド、発表者モード、完全な編集ツールなど、すべてのプレゼンテーション機能を利用できます。
Claude DesignのプレゼンテーションをCanvaにインポートするには:
- Claude Designで、 [共有]を選択します。
- [Canvaに送信]を選択します。 Claude Designを使用すると、Canvaでプレゼンテーションを開くためのリンクを生成できます。
また、Claude DesignからスライドデッキプレゼンテーションをHTMLファイルとしてエクスポートし、この記事のHTMLインポートセクションにあるお好きな方法を使用してファイルをインポートすることもできます。
注:この機能は、Claude Designのスライドデッキプレゼンテーションでのみ利用可能です。その他のHTMLファイルは、コードのデザインとしてインポートされます。
プレゼンテーションをコーディングのデザインとしてインポートする場合
CanvaがClaude Designプレゼンテーションとしてファイルを検出できない場合は、代わりにコーディングのデザインとしてインポートされます。次の場合に発生する可能性があります。
- HTMLファイルはClaude Designのものではありません。
- HTMLファイルは、スライドデッキプレゼンテーションタイプではありません。
- 変換プロセス中にエラーが発生しました。
コードのデザインを使用すると、HTMLコンテンツを表示して基本的な編集を行うことができますが、完全なプレゼンテーション機能は含まれていません。
できること
HTMLファイルをインポートすると、Canvaは編集可能な素材に変換します。 今後の流れをお知らせします。
- テキストは編集可能なテキストボックスになり、変更することができます。
- 画像は個別の要素として配置され、移動または置き換えることができます。
- レイアウトは、できるだけ元のデザインに近い状態で保存されています。
- リンクはインポートしたデザインに保存されない可能性があります
制限
HTMLファイルをインポートする際には、以下の点を考慮してください。
- 複雑なCSSスタイルは、ブラウザに表示されているとおりに変換できない場合があります。
- インポートされたデザインでは、JavaScript機能はサポートされていません。
- 外部リソース(フォント、他の場所でホストされている画像)はインポートできません。
- 非常に大きなHTMLファイルの処理に時間がかかることがあります。
お役に立ちましたか?
高評価
低評価