Elementorでエクスポートテンプレートを作成、保存、インポートする方法

Elementorのツールを使えば、美しいページや記事、ウェブサイト全体を簡単にデザインできる。

新しいElementorテンプレートを安全に適用する方法

Elementorテンプレートは、個々のページや特定のユーザーインターフェイス（UI）要素のためにあらかじめデザインされたレイアウトです。WordPressのテーマのように聞こえますが、根本的に異なります。

新しい Elementor テンプレートをウェブサイトに適用すると、外観や機能が変わることがあります。このことを念頭に置いて、テンプレートを変更する前に行う必要がある準備がいくつかあります。

• ステップ1：バックアップの作成

Elementorテンプレートに変更を加える前に、バックアップを作成する必要があります。こうすることで、新しいデザインの問題が発生したときに、以前の状態に戻すことができます。

ウェブサイトのバックアップを作成するのに役立つ様々なプラグインが利用可能です。例えば アップドラフトプラス プラグインを使用すると、すべてのファイルとデータベース情報をクラウドにコピーできます。

• ステップ2：サイトをメンテナンスモードにする

ウェブサイトのテンプレートを変更すると、予期せぬクラッシュやエラーなどの問題が発生することがあります。新しいデザインを適用した後、サイトをテストして調整する時間が必要な場合があります。

新しいElementorテンプレートを適用する前に、サイトをメンテナンスモードに設定する必要があります。これにより、新しいデザインをテストしている間、訪問者がサイトにアクセスするのを防ぐことができます！

カスタムメンテナンスモードを作成するために使用できるプラグインはいくつかあり、WP Maintenance Modeは人気のある選択肢です。

WPメンテナンスモード

このプラグインには、メンテナンス開始画面にカウントダウンを追加するなど、多くの追加機能があります。この機能は、ウェブサイトの再設計やリローンチの雰囲気を作り出すのに役立ちます。

ウェブサイトをメンテナンスモードに設定したら、さまざまなテンプレートを自由に試して、フロントエンドでどのように表示されるかをテストできます。結果に満足したら、メンテナンスモードを解除し、訪問者にリフレッシュされたデザインを見せることができます。

• 要素やテンプレートの保存方法

テンプレートを使用することで、サイト全体のデザインの一貫性を保つことができ、複数のサイトで同じデザインを使用する際の時間の節約にもなります。

例えば、WordPressのデザイン・開発会社は、クライアントのウェブサイトによく使うコア要素を含むテンプレートを作成することで、利益を得ることができます。

1:ページを要素またはテンプレートとして保存します。

どのページも Elementor テンプレートとして保存できるため、標準化されたルック＆フィールを作成し、サイト上に配置する準備ができます。
テンプレートを作成すれば、ページごとに同じ要素を手作業で作り直す必要がなくなり、生産性が大幅に向上する。

現在のページをElementorテンプレートとして保存するには、Elementorサイドバーの下部にあるアップデート/リリースボタンをクリックする。次に、そのボタンの隣にある矢印のアイコンをクリックします：

ページを要素またはテンプレートとして保存する

をクリックしてください。テンプレートとして保存.これでウィンドウが開き、このテンプレートの説明的な名前を指定できます。

ページテンプレートに名前を付け、保存をクリックします。次に、Elementorライブラリを起動して"私のテンプレート"タブでいつでもデザインにアクセスできます。

2:その部分を要素またはテンプレートとして保存します。

多くのウェブサイトには、リードジェネレーション・フォームや売れ筋商品を説明するテキストなど、繰り返し表示される要素があります。セクションテンプレートを作成すれば、これらの要素をどのページにも簡単に追加できます。コール・トゥ・アクション（CTA）テンプレートなど、コンテンツカテゴリーごとにセクションテンプレートを作成することもできます。CTAが必要なときはいつでも、そのテンプレートをインポートしてメッセージを調整するだけです。

テンプレートを作成するには、Controlキーを押しながら関連するセクションをクリックします。次に「テンプレートとして保存」を選択する。ポップアップ・ウィンドウで、テンプレートに分かりやすい名前を付け、「保存」をクリックします。

テンプレートを適用するには、Elementorテンプレートライブラリを起動し、マイテンプレートタブに移動し、保存されたデザインを見つけてページに追加します。

• エレメントやテンプレートの作成方法

ページまたはテンプレートの一部を作成するには、「Templates（テンプレート）」＞「Saved Templates（保存済みテンプレート）」を開きます。次に、"Add New Item "をクリックします。次のウィンドウで、"Select Template Type... "ドロップダウンメニューが開きます：

• テンプレートの種類を選択

ここで、作成するテンプレートの種類を指定することができます。ページといくつかのテンプレートについてはすでに説明しましたが、このウィンドウには他のオプションも用意されています。

テンプレートの種類を選択した後、デザインにわかりやすい名前を付け、" "をクリックします。テンプレートの作成".Elementorライブラリが起動し、既存のテンプレートをベースとして使用することができます。あるいは、このウィンドウを閉じて、一からテンプレートを作成することもできます。

標準のElementorエディタを使用してテンプレートを作成します。デザインを保存する準備ができたら、"ポスト".これでパブリッシング設定ボックスが起動します。

パブリッシングボックスでは、このテンプレートを使用するためのルールを設定することができます。例えば、"条件追加"と指定し、このレイアウトを単一ページにのみ使用することを指定する。

• エレメントやテンプレートのエクスポート方法

WordPressのダッシュボードから要素やテンプレートをエクスポートできます。この方法はデザインを同僚と共有したり、クライアントに送って承認してもらうのに役立ちます。エクスポート機能を使ってElementorでデザインしたデザインのバックアップを作成することもできます。

テンプレートをエクスポートすることで、複数のウェブサイトでデザインを簡単に使用することができます。複数のウェブサイトを管理するWordPressのデザイン・開発会社にはとても便利です。デザインから利益を得たいのであれば、エクスポートは多くの場合、世界と共有するための最初のステップです。

ワードプレスのダッシュボードで "テンプレート > 保存されたテンプレート「をクリックしてデザインをエクスポートします。このタブでは、ライブラリに保存されているすべてのテンプレートを見ることができます。

WordPressでは、これらのテンプレートもページタグとセクションタグに分かれています。エクスポートしたいテンプレートにカーソルを合わせるだけです。

• ページテンプレートとセクションテンプレートからお選びいただけます。

Export Template "リンクが表示されたら、それをクリックします。ElementorはこのテンプレートをJSONファイルとしてダウンロードします。

Elementorライブラリからテンプレートをエクスポートすることも可能です。このライブラリで "私のテンプレート"タブをクリックします。エクスポートしたいテンプレートを見つけ、ライブラリから直接テンプレートをエクスポートするには、テンプレートに付いている3つの点のアイコンをタップします。

• エレメントやテンプレートのインポート方法

JSONまたはZIP形式のテンプレートがあれば、Elementorライブラリにアップロードできます。まずテンプレート > 保存されたテンプレート.この画面の上部で、Import Template:をクリックする。

次に、インポートする要素またはテンプレートを選択し、" をクリックします。今すぐ輸入".これでテンプレートがライブラリに表示されます。

このデザインをウェブサイトのレイアウトに適用するには、Elementorまたはエディタを使って関連するページや記事を開くだけです。次に、フォルダアイコンをクリックしてテンプレートを追加します。

Add Templateボタンを見つける。

次のウィンドウで、"私のテンプレート「タブをご覧ください。ここにはElementorによってインポートされたすべてのテンプレートがあります。

このデザインを現在のページに適用したときの見え方を確認するには、プレビューをクリックします。このテンプレートを使用している場合は、テンプレートに添付されている挿入リンクを選択します。

• 個々の要素またはページをエクスポートおよびインポートする方法

ページは Elementor テンプレートとして保存でき、手動で再作成する代わりにエクスポートできます。Elementorがインストールされているどのサイトにもデザインをインポートできます。1つのページをテンプレートとして保存するには、Elementor Publish/Updateボタンの横にある矢印アイコンをクリックし、Save as Templateを選択します。

• 単一ページをテンプレートとして保存する

ポップアップ・ウィンドウで、テンプレート名を入力します。その後、保存をクリックします。

WordPressのテンプレートギャラリーが自動的に開くはずです。先ほど作成したテンプレートを見つけ、その三点アイコンをクリックします。プロンプトが表示されたら、エクスポートを選択します。

• ライブラリからテンプレートを探す。

あるいは、WordPressのダッシュボードから"テンプレート > 保存されたテンプレート「をクリックして、この単一ページ・テンプレートをエクスポートしてください。該当するテンプレートにカーソルを合わせ、"導く".

シングルページのテンプレートがローカルコンピューターに安全に保存されたら、別のウェブサイトにインポートすることができます。新しいサイトに切り替えて、「テンプレート > 保存されたテンプレート」に移動するだけです。

画面上部の「テンプレートのインポート」をクリックします。これで1ページのデザインをインポートすることができます。

Elementorウェブサイト全体をエクスポートおよびインポートする方法

例えば、すべての標準的なウェブサイトページ（コンタクトページやホームページなど）を含むテンプレートツールキットを作成したいとします。このツールキットを使用して、基本的なウェブサイトを構築することができます。

• Elementorウェブサイト全体をエクスポートする

Elementorのエクスポートツールキット機能では、コンテンツや設定を含むウェブサイト全体をエクスポートすることができます。この機能は、関連するウェブサイトを作成していて、同じブランディングスタイルを維持したい場合に便利です。例えば、近日発売予定の製品を宣伝するためのマイクロサイトを作成することができます。

WordPressのダッシュボードでエレメンタ > アーティファクト.インポート/エクスポートをクリックする。

Start Exportをクリックします。プロンプトが表示されたら、ダウンロードするコンテンツとデータを指定します。例えば、テンプレートだけをエクスポートすることもできます。また、ページ、記事、カスタム投稿タイプを含むすべてのコンテンツをエクスポートすることもできます。

次に、Kit Informationセクションをクリックして展開し、ファイルに説明的な名前を付けます。ファイルに説明的な名前を付けるには、オプションの説明を入力することもできます。

Elementorがスイートを作成し、ファイルに含まれるすべての要約を表示します。

Elementorは自動的に生成されたツールキットをコンピュータにダウンロードします。プロンプトが表示されたら、ダッシュボードに戻るをクリックします。

• ウェブサイトのインポート

先に進む前に完全なバックアップを作成することをお勧めします。バックアップが完了したら、ターゲットサイトでElementor Experiments機能を有効にする必要があります。Elementor > Tools "に移動し、"Import/Export Template Suite "機能を選択して有効にします。

次に、"Start Import "をクリックします。次の画面で、前のステップでダウンロードしたファイルを選択してインポートします。

Elementorの「無効なファイル」エラーを修正する方法

テンプレートをインポートしようとすると、「無効なファイルです」というエラーが表示されることがあります。これは、以前のバージョンのElementorで作成されたテンプレートをインポートしようとしていることを意味します。この問題を解決するには、一時的に以前のバージョンのElementorに切り替える必要があります。この変更はサイトに問題を引き起こす可能性があります。

続行する準備ができたら、Elementorプラグインのリストに移動し、Advanced Viewを選択します。

• 詳細表示オプションをクリックします。

ページの下部にあるドロップダウンメニューで、Elementorの旧バージョンを選択してください。最良の結果を得るためには、Elementor 1の最新バージョン1.9.8をダウンロードすることをお勧めします。

• Elementorの最新バージョンをダウンロードする

シンプルなテーマやプラグインを使ってアップグレードできます。このプラグインを有効化すると、最新バージョンを無効化して削除することなく、古いバージョンのElementorをアップロードできます。

旧バージョンのElementorをアップロードした後、プラグイン > インストール済みプラグインに移動します。WordPressは自動的に旧バージョンのソフトウェアに切り替えているはずです。

これで問題なくテンプレートをインポートできるはずです。インポートが完了したら、プラグイン > インストール済みプラグインに戻り、Elementorの最新バージョンを復元してください。

テンプレートのインポート/エクスポート用Elementorプラグイン

• ハッピー・アドソン・プロ

Happy Addons Proは、20以上の新機能を追加することで、標準のElementor体験を拡張します。インポートやエクスポートのワークフローに統合できるいくつかの機能が含まれています。

複数のサイトを利用している場合、Happy Addons Proのクロスドメインコピー＆ペースト機能を利用する必要があるかもしれません。あるサイトのコンテンツを簡単にコピーして、全く別のドメインに貼り付ける機能です。

概要

この記事では、Elementorを使用して、ページテンプレートやセクションテンプレートを含むテンプレートを作成、保存、エクスポート、インポートする方法について詳しく説明します。これらのステップに従うことで、デザイン効率を向上させ、ウェブサイトのブランド一貫性を維持し、問題が発生した場合にウェブサイトを簡単に復旧させることができます。これらの方法は、複数のウェブサイトを管理する開発組織であっても、デザインの一貫性を維持したい個人ユーザーであっても役立ちます。