Elementorで作ったページをテンプレート化して別のワードプレスでインポートする方法

今回は、ワードプレスのElementorプラグインで作成したページをテンプレート化して、別のワードプレスサイトにインポートする方法についてご紹介します。

全体の流れとしては以下です。

1. 作成したページをテンプレートとして保存する
2. エクスポートしてパソコンに保存する
3. 別のワードプレスでElementorプラグインを有効化
4. Elementorのテンプレートメニューでインポートする
5. Elementor編集画面でテンプレートを開く

動画でも説明しているので、合わせてご確認ください。

作成したページをテンプレートとして保存する

まずはElementorでページを作成・編集して、ある程度完成したページをテンプレートとして保存します。

1. 公開/更新ボタン横の三角マークをクリック
2. テンプレートとして保存をクリック
3. テンプレートの名前をつけて保存（テンプレ名は日本語でもOK）

エクスポートしてパソコンに保存する

テンプレートとして保存したデータを.jsonファイルとしてパソコンに保存します。

1. 保存したテンプレート名の右側のメニューからエクスポートをクリック
2. .jsonファイルがパソコンに保存される

別のワードプレスでElementorプラグインを有効化

テンプレートを使いたいワードプレスの管理画面にログインして、Elementorプラグインをインストールして有効化しておきましょう。

Elementorのテンプレートメニューでインポートする

ワードプレス管理画面・左側のメニューの中の「テンプレート」（Elementorの下）のページから、エクスポートして保存したファイルをインポートします。

1. 「テンプレート」（Elementorの下）ページを開く
2. ページ上部の「インポート」ボタンをクリック
3. 保存しておいた.jsonファイルを選択
4. インポートする（お知らせ項目が出たら適用するを押す）

Elementor編集画面でテンプレートを開く

インポートができたら、テンプレートのメニューは何もいじらずに、固定ページに移動して、新しく固定ページでElementor編集画面を開きましょう。

※インポートしたテンプレートの大元を触ってしまうと、初期の状態が上書きされてしまうので注意して下さい。

1. インポートが終わったらテンプレートページから固定ページへと移動
2. 固定ページの新規追加ボタンを押す
3. タイトルやパーマリンクを設定してElementor編集画面へ移動
4. Elementor編集画面でグレーのファイルマークのアイコンをクリック
5. インポートしたテンプレートを選んで「挿入」をクリック
6. デザインが入ったら崩れがないかチェック

必要に応じて左下の設定アイコンをクリックして、固定ページレイアウトを変更しましょう。

よくあるのは、エクスポート前はレイアウトを「Elementorキャンパス」で作ったのに、インポート後に「デフォルト」レイアウトになっていてデザインが崩れているケース。この場合は、レイアウトを「Elementorキャンパス」に直すだけで解決したりします。

まとめ

今回は、ワードプレスのElementorプラグインで作成したページをテンプレート化して、別のワードプレスサイトにインポートする方法についてご紹介しました。

Elementor活用の参考にしてみてください！

フリーランスがホームページを活用する価値を知ってもらいたい！

ホームページ作成に関するお問い合わせや相談を数多くいただき「ホームページで失敗してほしくない」「後悔してほしくない」との想いから、作成前に知っておきたいことをまとめた無料講座を作りました。

初心者でも理解しやすいように、なるべく専門用語は使わず、イラストなどを使ってわかりやすくまとめたつもりです。フリーランスや個人起業家がホームページを活用することに、少しでも価値を感じてもらえたら嬉しいです。

無料で講座を受け取る！