HTML to Elementor
機能

単に「貼り付ける」だけでなく——編集可能な Elementor ページに

レイアウトからアイコン、色からレスポンシブまで、ツールは HTML のあらゆる細部を Elementor で実際に変更できるものへ変換します。

ネイティブコンポーネント変換

見出し・テキスト・画像・ボタン・アイコン・区切り線・動画がネイティブな Elementor ウィジェットに変換——死んだ HTML の塊ではなく、ブロックごとに編集可能。

Grid と Flex レイアウト

display:flex は flex コンテナ、display:grid は Grid コンテナに変換され、列・間隔・揃えを保持してレイアウトが崩れません。

レスポンシブも対応

レイアウトの差は複数の幅で計算され Elementor のレスポンシブフィールドに書き込まれます。拡張の laptop / tablet_extra / mobile_extra ブレークポイントは任意です。

安全なクリーンアップ

スクリプト・危険なリンク・外部スタイルシート・フォーム送信・極端な z-index・固定配置はクリーンアップされ、スタイルは取り込んだコンテンツのみに限定されます。

スマートなアイコン照合

よく使うアイコンは Elementor の Font Awesome と eicons ライブラリに照合され、一致しない場合はインライン SVG に変換されるため形状が失われません。

2 つのエクスポート方法

公式の「他のサイトから貼り付け」用クリップボードデータを生成するか、標準の JSON テンプレートをダウンロードしてライブラリから取り込みます——どちらも直接 Elementor へ。

より細かな制御

ネイティブモードでは、移行先サイトに合わせて変換を調整できます。

  • 見出しレベル——元の H1–H6 を保持、上位レベルから自動整理、または 1 レベルに統一して、SEO 構造の崩れを防ぎます。
  • カラーとフォント——HTML の値を保持、または移行先サイトのグローバルカラーとフォントを継承してすぐに統一。
  • 画像の方式——原画を保持またはプレースホルダーを作成。相対/インライン/一時 URL はプレースホルダー化、Base URL で解決、またはそのまま保持できます。
  • コンポーネント範囲——core、core + Pro、または Atomic を対象に。範囲外のコンポーネントはフォールバックし内容を保持します。
  • 高度な項目別マッピング——各ブロックの推奨コンポーネントを確認して上書き、HTML のまま保持、またはスキップ。
  • レイアウト骨格のみ——コンテナの骨組みだけを生成し、Elementor で内容を埋めます。

これらの機能をあなたのページで

登録不要——HTML ひとつで動きを確認できます。