CanvaのWebサイトを別のURLで完全に動作させる方法

はじめに

Canvaで作成されたWebサイトを、独自のドメインや別のサーバーで動作させたい場合の手順をまとめました。FTPアクセス権限のみでも実現可能な方法です。

前提条件

• macOS/LinuxまたはWindows（WSL推奨）
• FTPアクセス権限を持つWebサーバー
• ターミナル操作の基本知識

手順

1. wgetを使ったWebサイト全体のダウンロード

wget --mirror --convert-links --adjust-extension --page-requisites --no-parent https://元のCanvaサイト.com/

オプションの説明:

• --mirror: サイト全体をミラーリング
• --convert-links: リンクを相対パスに変換
• --adjust-extension: ファイル拡張子を適切に調整
• --page-requisites: CSS、JS、画像など必要なファイルも取得
• --no-parent: 上位ディレクトリは対象外

2. ダウンロード結果の確認

# ダウンロードされたディレクトリの確認
ls -la

# ファイル構造を表示
tree サイト名.com/

# または
find . -name "*.html" | head -10

3. FTPでのアップロード

FileZillaなどのFTPクライアントを使用：

1. ダウンロードしたフォルダ内の全ファイルを選択
2. 新しいサーバーのルートディレクトリにアップロード
3. ディレクトリ構造を維持してアップロード

4. 動作確認と調整

アップロード後、以下をチェック：

• メインページの表示確認
• リンクの動作確認
• 画像・CSS・JSファイルの読み込み確認
• レスポンシブデザインの動作確認

実行例

$ wget --mirror --convert-links --adjust-extension --page-requisites --no-parent https://test.com/

--2025-08-26 12:19:05--  https://test.com/
nonax-payment.com (test.com) をDNSに問いあわせています... 103.169.142.0
nonax-payment.com (test.com)|103.169.142.0|:443 に接続しています... 接続しました。
HTTP による接続要求を送信しました、応答を待っています... 200 OK

# 〜中略〜

終了しました --2025-08-26 12:19:11--
ダウンロード完了: 70 ファイル、3.8M バイトを 0.09s で取得 (41.0 MB/s)

注意事項とトラブルシューティング

⚠️ 法的な注意事項

• Canvaの利用規約を必ず確認
• コンテンツの著作権や使用許可を確認
• 商用利用の場合は特に注意

🔧 技術的な制約

• サーバーサイド機能は動作しません

  • フォーム送信機能
  • データベース連携
  • 動的コンテンツの生成

• 外部リソースの問題

  • 一部のCanva CDNリソースが参照される場合がある
  • アナリティクスコードが含まれている場合がある

🛠️ よくある問題と解決策

問題1: ファイルが見つからない

# 現在のディレクトリを確認
pwd

# ダウンロードされたフォルダを検索
find . -name "*.com" -type d

問題2: リンクが正しく動作しない

• HTMLファイル内の絶対URLを相対URLに手動で修正
• CSSファイル内のURL参照も確認

問題3: 画像が表示されない

• 画像ファイルのパスを確認
• FTPアップロード時にバイナリモードを使用

WindowsでHTTrackを使用する場合

WindowsユーザーはHTTrackも利用可能：

1. HTTrackをダウンロード・インストール
2. New projectを作成
3. 元のCanvaサイトURLを入力
4. ミラーオプションを設定
5. ダウンロード開始

まとめ

この方法により、CanvaのWebサイトを独自ドメインで運用できます。ただし、動的機能は失われるため、静的サイトとしての利用に限定されます。