🚀 サイト構築が難しい?手取り足取りご案内します——「WordPressサイト構築伴走」サービスを詳しく見る →

2026年 Elementor Template Kits 完全インストールガイド

Elementor Template Kits(テンプレートキット)は、2026年の WordPress サイト構築において、最も効率的でプロフェッショナルなデザインソリューションの一つです。開発者が Elementor やその他のプラグインを使用して完全なウェブサイトデザインテンプレートを作成し、それを Template Kits ファイルとしてパッケージ化します。他のユーザーはこのデザインを直接自分のサイトにインポートすることで、素早く自分のウェブサイトを構築できます。

他の完成済みテーマと比較して、Elementor Template Kits はより柔軟で高性能です。特定のテーマに制限されず、Elementor で編集できる限り使用可能で、サイトの後からの改造やアップグレードが容易です。

本記事では、ご自身のサイトで Elementor Template Kits をインストールして使用するための完全なチュートリアルを提供します。

準備作業

Elementor Template Kits をインストールする前に、以下の内容をすでにお持ちであることを確認してください:

  • すでにインストール済みの WordPress サイト(参照:WordPressインストールチュートリアル
  • サイトに SSL セキュリティ証明書と疑似静的ルールが設定済みであること;
  • サイトにすでにデザインが施されている場合は、先にバックアップを取ってください(参照:WordPress バックアップチュートリアル
  • Elementor と Hello Elementor テーマがすでにインストール済みであること(必須ではありませんが推奨、後でインポート時にインストールも可能)

Kits インポート手順

1、Template Kit – Import プラグインをインストール

WordPress サイト管理画面 -プラグイン - プラグインのインストールで、„Template Kit – Import”をインストールして有効化します。

Template Kit – Import

2、Elementor Template Kits 圧縮ファイルをアップロード

管理画面のツール - Template Kit – Import に進み、プラグインのインターフェースでダウンロードしたElementor Template Kitsの圧縮ファイルをアップロードします。

Elementor Template Kits上传

3、必要なプラグインのインストールと設定を行う

通常、キットパッケージをインポートすると、いくつかの必要条件を完了するよう求めるプロンプトが表示されます。„Install Above Selected Requirements」をクリックして自動インストールと設定を行います。

Install Above Selected Requirements

インポート画面には、FYI: This Template Kit has only been tested with the "Hello Elementor" WordPress theme. という注意書きがあります。これは、このキットがHello Elementorテーマでテスト・作成されたことを意味し、Hello Elementorテーマのインストールと使用を検討することもできます。

4、スタイルとテンプレートをインポート

テンプレートファイルを順番にインポートします。Global Kit Stylesからインポートを開始することをお勧めします。インポートの競合を避けるため、一度に1つずつインポートしてください。

导入elemento template kit

5、テンプレートを使用してヘッダーとフッターを作成

注意:異なるElementor Templates Kitsは使用するプラグインが異なる場合があり、ヘッダーとフッターの作成方法も異なることがあります。

  • ElementsKitプラグインのHeader Footerメニューに進み、Add New Templateを選択します。
  • ポップアップ画面でタイトルを入力し、タイプでHeader(ヘッダー)またはFooter(フッター)を選択します。
  • Conditionsは適用範囲を選択します。デフォルトはEntire Site(サイト全体)です。
  • Edit Contentをクリックして内容を編集すると、Elementor編集画面に入ります。
  • フォルダーアイコンをクリックし、Templatesタブを選択、Headerを選択してInsertをクリックし、ポップアップ画面でApplyを選択します(下図2参照)。
  • インポートした内容を修正・調整し、右上の公開ボタンをクリックします。
  • WordPress管理画面に戻り、再度ElementsKitメニューのHeader Footerメニューに進み、先ほどの内容を編集し、Activateを選択して有効化します(図1のステップ6)。
  • フッターのインポート方法も同様です。
Wp blog
导入Elementor模板步骤

6、テンプレートを使用して他のページを作成

全体的な手順は、上記のヘッダー・フッターのインポートと類似しています。

  • WordPress管理画面で、ページ - 新規追加を選択します。
  • ページタイトル(例:Home)を入力し、Edit with Elementorをクリックします。
  • フォルダーアイコン - Templates - 対応するページのテンプレートを選択してインポートします。
  • ページ内容を修正するか、そのまま公開して後で修正します。
使用Elementor编辑

よくある質問

なぜ Elementor Template Kits のインポートが失敗するのか?

インポート失敗は通常、サーバーの性能不足やネットワーク問題により、テンプレート内の一部リソースのダウンロードがタイムアウトすることが原因です。サーバー設定(例:メモリ制限や実行時間の増加)を変更して再試行してください。

インポート後、フロントエンドに変化がないのはなぜ?

Kitsのインポートは成功したが、フロントエンドに変化がない場合、キャッシュがまだ更新されていないか、Hello Elementorテーマが有効化されていないかのどちらかです。

インポート後、ナビゲーションメニューに内容がないのはなぜ?

これは、メニューコンテンツがまだ作成されていないためです。WP管理画面の外観、メニュー項目で新規メニューを作成し、メニューにコンテンツを追加します。その後、ヘッダーテンプレートの編集に戻り、メニューをクリックして先ほど作成したメニューを選択し、更新するとメニューコンテンツが正常に表示されます。

🚀 チュートリアルを見てもまだ迷っていますか?私が手取り足取りご案内しましょう

「WordPressサイト構築伴走」——ドメイン選び、ホスティング購入から、テーマのインストール、公開、投稿まで、すべてのステップで私が伴走します。遠回りせず、目標に直行できます。

👉 サイト構築伴走サービスを詳しく見る
🔒

コメントは終了しました

この記事のコメント機能は終了しています。ご質問がある場合は、他の方法でお問い合わせください。

×
二维码

QRコードをスキャンしてフォロー

AIサイト構築アシスタント

🤖
こんにちは!私はNaibaサイト構築ノートのAIアシスタントです。何かお手伝いできることはありますか?
クイックコンサルティング: