🚀 サイト構築が難しい?手取り足取りご案内します——「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 Pluginをインストール

WordPressサイトの管理画面(WP Admin) - プラグイン - > プラグインのインストールに移動し、„Template Kit – Import」を検索してインストールし、有効化します。

Template Kit – Import

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

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

Elementor Template Kits上传

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

通常、キットパッケージをインポートすると、いくつかの必要条件を完了するよう促すメッセージが表示されます。„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からインポートを開始し、一度に一つずつインポートすることをお勧めします。

导入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のAdmin Dashboardに戻り、ElementsKitメニューのHeader Footerメニューに再度入り、先ほどのコンテンツを編集し、Activate(有効化)を選択します(図1のステップ6)。
  • フッターのインポート方法も同様です。
Wp blog
导入Elementor模板步骤

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

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

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

よくある質問

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

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

インポート後にフロントエンドに変更が反映されないのはなぜですか?

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

インポート後にナビゲーションメニューにコンテンツが表示されないのはなぜですか?

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

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

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

👉 サイト構築伴走サービスについて詳しく知る
🔒

コメントは閉鎖されました

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

×
二维码

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