Canvaホーム
ヘルプ

HTMLをインポート


この記事は機械翻訳されました。誤りを見つけた場合はお知らせください。

HTMLファイルをCanvaにインポートして、編集可能なデザインに変換できます。 これにより、Webコンテンツ、電子メールテンプレート、またはその他のHTMLドキュメントを一から始めることなく再利用できます。


HTMLをインポート

ホームページからHTMLをインポート

  • HTMLをホームページにドラッグアンドドロップします。
  • ホームページのバナーで、[
    アップロード]をクリックします。 [ファイルをアップロード]を選択するか、ファイルをドラッグアンドドロップします。
  • ホームページのサイドメニューにある[
    プロジェクト]をクリックします。 [
    プラス]ボタンをクリックして、[ファイルのアップロード]を選択します。

HTMLファイルは、新しい編集可能なデザインとして開きます。

エディターからHTMLをインポート

  • HTMLをエディターにドラッグアンドドロップします。
  • エディターの上部にある[ファイル]をクリックし、[ファイル
    アップロード]をクリックします。
  • エディターのサイドパネルで
    アップロードタブをクリックし、次にファイルをアップロードをクリックします。 アップロードするファイルを選択するか、[アップロード]タブにドラッグアンドドロップします。

Claude Designのプレゼンテーションをインポート

Claude Designで作成したHTMLプレゼンテーションをインポートすると、Canvaは自動的に完全に編集可能なCanvaプレゼンテーションに変換できます。複数のスライド、発表者モード、完全な編集ツールなど、すべてのプレゼンテーション機能を利用できます。

Claude DesignのプレゼンテーションをCanvaにインポートするには:

  1. Claude Designで、 [共有]を選択します。
  2. [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ファイルの処理に時間がかかることがあります。

お役に立ちましたか?

高評価

低評価

こんな記事も読まれています