あるサイトから別のサイトにデザインを移行する際に、すべてをゼロから作り直すような感覚があってはなりません。Elementorを使えば、魅力的なレイアウトを簡単にデザインできますが、ウェブサイト全体ではなく、たった1ページだけを移行する必要がある場合、多くのユーザーが苦労します。.
良いニュースは、 Elementorを使えば、特定のページを数回クリックするだけでエクスポートおよびインポートできるということです。
このガイドでは、レイアウト、スタイル、コンテンツをそのまま維持したまま、WordPressサイト間でデザインを移行する最も簡単な方法を学びます。.
要約：数分でサイト間でデザインを移動できます
- レイアウトをテンプレートとして保存することでエクスポートできます。保存されたテンプレートは.jsonファイルとしてダウンロードされ、別のWordPressサイトで再利用できます。.
- テンプレートセクションからファイルをインポートし、Elementorエディターを使用して任意のページに挿入してください。.
- セクションをエクスポートしたり、複数のウェブサイトでレイアウトを再利用したり、テンプレートキット全体を転送したりすることで、時間を節約できます。.
- サイトのバックアップを取り、インポート/エクスポート設定を有効にし、ファイルサイズ制限やプラグインの互換性を確認することで、問題を未然に防ぎましょう。.
輸出入前の準備
輸出入プロセスに着手する前に、サイトを適切に準備することが非常に重要です。いくつかの予防措置を講じることで、プロセスがスムーズに進み、後々の潜在的な問題を回避できます。.
ウェブサイトのバックアップ
ウェブサイトのバックアップを作成しておくことは、インポート/エクスポートのプロセス中に何か問題が発生した場合に、サイトを以前の状態に復元できる安全策となります。サイトのバックアップに役立つプラグインがいくつかあります。
- BlogVault 、クラウドにバックアップを保存できる最も人気のあるバックアップ プラグインの
- All-in-One WP Migration と、数回クリックするだけでバックアップを作成したり、WordPress サイト全体をエクスポートしたりできます
- Kinstaの組み込みバックアップ Kinstaをご利用の場合、サイトの安全を確保するため、毎日の自動バックアップが標準で含まれています。
手動バックアップを作成するには、次の手順に従います。
- WP管理画面⟶ツール⟶バックアップに移動してください。.
- 新しいバックアップを作成するオプションを選択すると、プラグインが残りの処理を処理します。.
Elementorのインポート/エクスポート機能を有効にする
始める前に、Elementorのインポート/エクスポートテンプレートキット機能が有効になっていることを確認してください。この機能により、 Elementorのテンプレートとページのエクスポートおよびインポートが可能になります。
有効にするには:
- WordPressダッシュボードで、Elementor ⟶ 設定 ⟶ 実験 に移動します。.
- 「安定機能」の下にある「インポート/エクスポートテンプレートキット」オプションを探してください。.
- 設定を「デフォルト」から「有効」に変更し、「変更を保存」をクリックしてください。.
これで、Elementor ページのエクスポートとインポートを開始する準備が整いました。'
特定のElementorページをエクスポートする手順
Elementorのエクスポート機能を使えば、あるサイトから別のサイトでページをエクスポートして再利用するのは非常に簡単です。以下は、Elementorページのエクスポート手順を段階的に説明したガイドです。
ステップ1：Elementorページエディターを開く
まず、エクスポートするページを見つけます。
- WordPressの管理画面で、コンテンツの種類に応じて「ページ」または「投稿」に移動します。
- エクスポートしたいページを見つけて、「Elementorで編集」をクリックすると、Elementorエディターでページが開きます。.
ステップ2: ページをテンプレートとして保存する
ページをエクスポートするには、まずElementorライブラリにテンプレートとして保存する必要があります。手順は以下のとおりです。
- Elementorでページを開いたら、Elementorサイドバーの下部にある緑色の「更新/公開」ボタンを探してください。.
- 「更新／公開」ボタンの横にある小さな矢印アイコンをクリックしてください。.
- ドロップダウンメニューから「テンプレートとして保存」を選択してください。.
- テンプレートに名前を付けるためのポップアップが表示されます。後で簡単に識別できるように、分かりやすい名前（例：「XYZのランディングページ」または「お問い合わせページ」）を使用してください。.
名前を入力したら、「保存」をクリックしてください。.
ステップ3: 保存したテンプレートをエクスポートする
ページがテンプレートとして保存されたので、次の手順に従ってエクスポートします。
- WordPressダッシュボードから、Elementor ⟶ テンプレート ⟶ 保存済みテンプレートに移動します。.
- このセクションでは、保存したすべてのテンプレートが表示されます。作成したテンプレートを見つけてください。.
- テンプレートにカーソルを合わせると、「テンプレートをエクスポート」というオプションが表示されます。それをクリックしてください。.
- Elementorはテンプレートを.jsonファイルとして自動的にコンピュータにダウンロードします。.
Elementorページが正常にエクスポートされ、他のサイトで使用できる.jsonファイルとして保存されました。.
探索： WordPressで「メディアのインポートに失敗しました」というエラーを修正する方法
特定のElementorページをインポートする手順
Elementorページをエクスポートしたら、Elementorを使用している他のWordPressサイトにインポートできます。手順は以下のとおりです。
ステップ1：新しいサイトでElementorにアクセスする
Elementor ページをインポートするサイトの WordPress ダッシュボードにログインします。.
- Elementor ⟶ テンプレート ⟶ 保存済みテンプレートに移動します。.
- このページの上部に「テンプレートのインポート」ボタンがあります。それをクリックすると、インポート処理が開始されます。.
学ぶ： Elementorが読み込み画面で停止する問題を修正
ステップ2: エクスポートしたテンプレートをアップロードする
次に、先ほどエクスポートした.jsonファイルをアップロードする必要があります。
- テンプレートのインポート画面で、.json ファイルをドラッグアンドドロップするか、[ファイルの選択] をクリックしてコンピューターから手動でアップロードします。.
- アップロードされると、テンプレートはElementor ライブラリ。
ステップ3: インポートしたテンプレートをページに適用する
テンプレートがインポートされたので、新しいWordPressサイト内のどのページでも使用できます。手順は以下のとおりです。
- インポートしたテンプレートを適用したいページを開き、「Elementorで編集」をクリックします。.
- Elementorエディターで、テンプレートを追加アイコン（白いフォルダーのアイコン）をクリックします。.
- 「マイテンプレート」タブに移動すると、インポートしたテンプレートが表示されます。.
- インポートしたテンプレートの横にある「挿入」をクリックすると、ページに適用されます。
新しいウェブサイトのブランディングやコンテンツに合わせて、必要に応じてページをカスタマイズできるようになりました。.
チェックしてみてください：最高のWordPressインポートプラグイン
Elementorページのエクスポートとインポートに関する高度なヒント
複数のプロジェクトに取り組むWordPressデザイナーにとって、ワークフローを効率化するための強力なツールとなり得ます
以下に、この機能の効率を最大限に高めるための高度なヒントをいくつかご紹介します。.
特定のセクションのみをエクスポートおよびインポートする
カスタムビルドのヘッダー、フッター、または CTA (call-to-action) ブロックなどの特定のセクションのみをエクスポートする必要があることがあります
Elementorでは、個々のセクションを保存およびエクスポートできるため、ページ全体を転送することなく、複数のWordPressウェブサイトやページにインポートして再利用できます。
特定のセクションをエクスポートする方法
Elementor エディターで、エクスポートするセクションを右クリックします。.
- 「テンプレートとして保存」を選択してください。.
- セクションに名前を付けると、Elementor ライブラリに保存されます。.
ページ全体をエクスポートする場合と同じ手順に従ってくださいセクションテンプレートをエクスポートします。
関連： Elementorでウィジェットパネルが読み込まれない問題を解決する方法
特定のセクションをインポートする方法
ページ全体をインポートする場合と同様に、新しいウェブサイトで Elementor ⟶ テンプレート ⟶ 保存済みテンプレートに移動します。.
- .jsonファイルをインポートし、Elementorエディターの「マイテンプレート」タブから該当セクションにアクセスしてください。.
- Elementorエディターで「テンプレートを追加」を選択することで、そのセクションを任意のページに挿入できるようになりました。.
これにより、フッターやヒーロー セクションなどの頻繁に設計される要素を複数のプロジェクト間で再利用できるようになり、一貫性が向上し、時間が節約されます。.
詳細はこちら： WebPとPNGの違い
複数のサイトでの再利用
複数のウェブサイトを管理する開発者やデザイナーにとって、Elementorテンプレートのエクスポートとインポートは、プロジェクト間でデザインの一貫性を維持する強力な手段となります。例えば：
- デザインエージェンシー：カスタムページテンプレートをクライアント向けに作成し、複数のウェブサイトで簡単に再利用できます。これにより、時間を節約できるだけでなく、ブランドの一貫性も確保できます。
- 複数のサイトを運営するビジネスオーナーの方へ：事業やサービスの異なる部門ごとに複数のサイトを管理している、ページテンプレートを再利用することで、スタイルとレイアウトの一貫性が確保され、ウェブプレゼンス全体で統一感のあるブランド体験が生まれます。
この機能は、複数のサイトを持つネットワークにおいて特に有用です。個々のコンテンツを分離したまま、サブサイト間でページを迅速に複製したい場合などに便利です。.
再設計場合、事前に作成されたテンプレートを使用することで、ワークフローを大幅に効率化できます。
大きなファイルやメディアを慎重に扱う
大きな画像、ビデオ、または重いデザイン要素 WordPress のインストールとサーバーが大きなファイル サイズを処理できるように適切に構成されていることを確認することが重要です
ファイルサイズに関する考慮事項：Elementorはページに関連付けられたすべてのアセット（画像、アイコン、フォントなど）をエクスポートするため、メディアを多く含むページを扱う場合はファイルサイズが急速に増加する可能性があります。
ホスティングプロバイダーに連絡して一時的に制限を解除することで、最大アップロードサイズを増やす必要がある場合があります。
ファイルアップロード制限の引き上げ： PHPファイルのアップロード制限を引き上げる php.ini編集するか、ホスティングプロバイダーにサポートを依頼してください。一般的な設定は以下のようになります。
- アップロード最大ファイルサイズ = 64MB
- post_max_size = 64MB
- メモリ制限 = 128M
あるいは、サイトの.htaccessファイルに次の行を追加することもできます。
- php_value アップロード最大ファイルサイズ 64M
- php_value 投稿最大サイズ 64M
- php_value メモリ制限 128M
これにより、より大きな Elementor エクスポート ファイル (高解像度のメディアが含まれる場合があります) を正常にインポートできるようになります。.
クロスドメインコピー＆ペーストを使用する（Happy Addons ProとMighty Addons for Elementor）
Happy Addons ProやMighty Addons for Elementorなどのアドオンは、ドメインをまたいだ高度なコピー＆ペースト機能を提供します。
これにより、あるドメインから任意のセクション、ウィジェット、あるいはページ全体をすばやくコピーし、完全なエクスポート/インポートプロセスを経ることなく、別のドメインに直接貼り付けることができます。.
Happy Addons Pro を使用すると次のことが可能になります:
- ある Elementor サイトからセクションまたは要素をコピーし、別のドメインに直接貼り付けます。.
- 複数のプロジェクトにわたるデザインの一貫性を簡単に管理し、反復的なタスクにかかる時間を大幅に節約します。.
Mighty Addons for Elementor は以下を提供します:
- クロスドメインコンテンツ転送。.
- 電子商取引、フィットネス、ホスピタリティなどのさまざまな業界向けに事前に設計されたテンプレート キット。.
これらのツールを使用すると、特に複数のサイトで同時に作業する開発者にとって、プロジェクト間でのデザインの転送がさらに高速かつ効率的になります。.
関連：トラブルシューティングのためのWordPressデバッグツール
完全なテンプレートキットのエクスポートとインポート
大規模なプロジェクトに取り組んでいて、複数のページ、セクション、サイト設定を転送する必要がある場合は、Elementor のテンプレートキット機能を使用して、テンプレートキット全体をエクスポートおよびインポートできます。
完全なテンプレートキットをエクスポートする方法:
WordPressダッシュボードで、Elementor ⟶ ツール ⟶ インポート/エクスポートキットに移動してください。.
- 「エクスポート開始」をクリックし、すべてのテンプレート、コンテンツ、サイト設定を含めるかどうかを選択します。.
- エクスポート処理が完了したら、キットを含む.zipファイルをダウンロードしてください。.
フルテンプレートキットをインポートする方法:
新しいサイトで、Elementor ⟶ ツール ⟶ インポート/エクスポート キット に移動してください。.
「インポート開始」をクリックし、.zipファイルをアップロードして、インポートする要素（テンプレート、コンテンツ、サイト設定など）を選択します。.
、複数のサイトで標準的なレイアウトを頻繁に構築・展開するウェブデザイン会社にとって特に役立ちます
必要なコンポーネント、ヘッダー、フッター、グローバル設定などをすべてエクスポートできるため、新しいプロジェクトを開始する際に時間を節約できます。.
エクスポート/インポートプロセス中の一般的な問題とその解決方法
エクスポート/インポートのプロセスは簡単ですが、いくつかの潜在的な問題が発生する可能性があります。よくあるエラーとその解決策を。
無効なファイルエラー：テンプレートをインポートしようとしたときに「無効なファイル」エラーが表示された場合、通常はファイルが別の（おそらく古い）バージョンのElementorを使用して作成されたことを意味します。この問題を解決するには、次の手順に従ってください。
- テンプレートの作成に使用したバージョンと一致する Elementor の古いバージョンに一時的に切り替えます。.
- テンプレートが正常にインポートされたら、Elementor の最新バージョンに戻ります。.
Easy Theme や Plugin Upgradesなどのプラグインを使用すると、 Elementor の異なるバージョン間を簡単に切り替えることができます。
WordPressエラーログの究極ガイド
既存テンプレートの置き換え：インポート処理中に、Elementor は同じ名前の既存テンプレートを置き換えるかどうかを尋ねます。
この操作を行う際は、既存のサイトデザインを上書きしてしまう可能性があるため、注意が必要です。競合を避けるため、インポートおよびエクスポートするテンプレートの名前を必ず再確認してください。.
SVGファイルのインポートに関する警告：テンプレートにSVGファイルセキュリティについて警告を発する場合があります。
この問題を解決するには、wp-config.php ファイルに以下の行を追加して、フィルタリングされていないファイルのアップロードを有効にしてください。
'ALLOW_UNFILTERED_UPLOADS' を true で定義します。これにより、Elementor は問題なく SVG をインポートできるようになります。.
結論
WordPressウェブサイトで特定のElementorページをエクスポートおよびインポートできる機能は画期的なものであり、ワークフローをより効率的にします。.
ウェブサイト全体を構築する場合でも、既存のインストール環境にページを移行する場合でも、既存のレイアウトを再利用する場合でも、この機能は貴重な時間と労力を節約します。.
上記の手順に従うことで、Elementorの無料版でもプロ版でも、同じ条件下でデザインをスムーズに移動できます。.
キット情報を理解することで、特に同じテンプレートやテーマタイプを使用する場合に、すべてがスムーズに移行されることが保証されます。.
この強力な機能を活用してワークフローを効率化し、生産性を最大限に高め、Elementor Proの使い勝手を向上させましょう！
WordPressのElementorページに関するよくある質問
ページ全体ではなく特定のセクションをエクスポートできますか?
はい、Elementorではセクションごとにエクスポートできます。エディターでセクションを右クリックし、「テンプレートとして保存」を選択して、ページ全体と同じようにエクスポート手順を踏んでください。.
ページをインポートすると、サイトの現在のデザインに影響しますか？
いいえ、ページをインポートしてもサイトのデザインは自動的に変更されません。インポートしたページは、特定のページまたは投稿に適用するまで、Elementorライブラリに残ります。.
インポートしたテンプレートにサードパーティのプラグインが含まれている場合はどうなりますか?
テンプレートにサードパーティ製プラグインのウィジェットが含まれている場合は、それらのプラグインも新しいサイトにインストールして有効化する必要があります。プラグインがないと、ウィジェットは正常に機能しません。.
異なるプロバイダーがホストするウェブサイト間で、Elementorのページをインポートすることは可能ですか？
もちろんです！エクスポート/インポート機能は異なるホスティング環境でもご利用いただけます。両方のウェブサイトにElementorがインストールされ、有効化されていること、そしてバージョンに互換性があることを確認してください。.
WooCommerce 要素を含む Elementor テンプレートをエクスポートできますか?
WooCommerceを含むページをエクスポートできます。ただし、ページをインポートする新しいサイトにWooCommerceがインストールされ、有効化されていることを確認する必要があります。
