このページで: [隠れる]
Elementor には以下のものが同梱されています 100 既製のテンプレート, 約 2 回のクリックで空白のページにドロップできます. ほとんどの初心者はそれらを見つけることができません. これらはエディター内の小さなフォルダー アイコンの後ろにあります, だから人々はすべてのヒーローセクションを再構築します, 価格表, 手書きのお問い合わせフォーム. すでにライブラリにあるレイアウトの作業には何時間もかかります, 待っている.
簡単な回答: 単一のレイアウトを使用するには, でページを開く Elementorで編集, フォルダアイコンをクリックします (テンプレートライブラリ) キャンバスの上に, ブロックまたはページを選択してください, そして殴る 入れる. 複数ページのデザイン全体の場合, に行く テンプレート → ウェブサイトのテンプレート WordPressダッシュボードで, キットをプレビューする, をクリックします キットを適用する すべてのページとその色を一度に取り込むには. 自分で何かを構築する? 使用 テンプレートとして保存, その後、任意の場所で再利用するか、サイト間を移動するためにファイルとしてエクスポートします.
最終レビュー済み: 六月 2026. 現在のElementorエディターとWebサイトテンプレートに対して検証された手順 (キットライブラリ) インターフェース.
ほとんどのウォークスルーは次で停止します。 “「挿入」をクリックします。” これは続きます: サードパーティのキット ZIP のインポート, Elementor の組み込み AI を使用してレイアウトを生成する, 購入者をつまずかせる無料版とプロ版の違い, そして、ほぼすべてのキットのインポートに発生する画像欠落の問題. Elementor は計画を再編しました 2026 バンドルを追加しました “1つ” 予定, ただし、テンプレートの機能は、これまでと同様に無料とプロの境界線に沿って分割されています。.
何が重要なのか “テンプレート” エレメンターで
人は 3 つの異なることを 1 つの単語で一括りにする. 自分がどれを持っているかを知っておくと、後で多くの悲しみを避けることができます.
- テンプレート (ブロックまたはページ). 保存された 1 つのレイアウト. ブロックは単一のセクションです, ヒーローバナーのように, 体験談の列, または価格設定グリッド. ページ テンプレートは、空のページにドロップするフルページ レイアウトです。.
- テンプレートキット. ウェブサイト全体をカバーするコーディネートセット: 家, 約, サービス, コンタクト, 1 つのカラー パレットとフォント システムを共有するブログ ページ. キットを適用すると、すべてのページを一度に取得できます.
- 保存した独自のテンプレート. 一度作成して保存したセクションまたはページ, その後、サイト全体で再利用します. ヘッダー, フッター, 行動喚起ブロックはここにあります.
ライブラリには無料のテンプレートとプロのテンプレートが混在しています (プロのデザインには小さな王冠バッジが付いています). どちらの方法でもすべてを閲覧できます. Pro ライセンスがないと王冠付きのものを挿入することはできません.
既製のテンプレートをページに挿入する方法
これが日常の動きです: ページを作成していて、最初からデザインせずに洗練されたセクションが必要な場合.
- Elementor でページを開く. に移動 ページ, 必要なページを開きます, をクリックします Elementorで編集.
- 図書館を開く. 空のセクションの中央にある灰色のフォルダー アイコンをクリックします。, またはエディターパネルの上部にあるフォルダーアイコン.
- ブロックまたはページを選択する. The ブロック タブには単一のセクションが含まれます; the ページ タブには完全なレイアウトが保持されます. カテゴリでフィルタリングする (約, コンタクト, 価格設定, サービス) 早く絞り込むには.
- プレビュー, それから挿入します. テンプレートにカーソルを合わせる, 拡大鏡をクリックしてライブでプレビューします, をクリックします 入れる 気に入ったとき.
- 求められたらサインインします. Pro テンプレートを初めて挿入するとき, Elementor はアカウントを接続するように求めます. アカウント不要で無料のテンプレートが利用可能.
そのフォルダー アイコンは、セルフホスト型 WordPress にドラッグ アンド ドロップ編集をもたらすものです, 私たちがこの記事で取り上げているのと同じ点です WordPress vs. ウェブサイトビルダーの比較. テンプレートがキャンバスに表示されると、, すべてのテキストブロック, 画像, ボタンはその場で編集可能です.
完全な Web サイト テンプレートを適用する方法 (キットライブラリ)
単一のページは 1 つのことです. サイト全体を午後に完了すると、実質的な時間の節約になります. それがキットの役割です.
- キットライブラリを開く. WordPressダッシュボードで, に行く テンプレート → ウェブサイトのテンプレート. 古いインストールでは、これにはラベルが付けられます キットライブラリ.
- 参照してプレビューする. カテゴリ別にキットをフィルタリングする, 好きなものにカーソルを合わせてください, をクリックします デモを見る 複数ページのライブプレビューを表示するには.
- キットを適用する. クリック キットを適用する (一部のバージョンではインポートと表示されます). Elementor がページをセットアップする, メニュー, そしてグローバルなデザイン.
- すべてまたは選択した部分を選択してください. キット全体をインポートできます (すべてのページ, プラスグローバルカラー, フォント, と設定) または必要な部分のみにチェックを入れます, ホームページやグローバル スタイルなど.
- ホームページを設定する. インポートされたページは以下に表示されます ページ. サイトに次の新しいホームページを指定します。 設定 → 読む.
フルウェブサイトキットにはElementor Proが必要です. サイトを平易な言葉で説明し、ソフトウェアに組み立ててもらいたい場合, それは別のワークフローです, そして私たちの AI WordPress ビルダー ガイド より速く通り抜けます, プロンプト主導のパス.
キット ZIP をインポートする方法 (マーケットプレイスまたは別のサイト)
ZIP キットは 2 つの方法で届きます: Envato などのマーケットプレイスから購入したプレミアム キット, または誰かが別のElementorサイトからエクスポートしたWebサイトキット. それぞれが異なるインポーターを使用します, 最初にどのファイルがあるかを確認してください.
マーケットプレイスから (Envato テンプレート キット):
- キットのZIPをダウンロードする. テンプレート キットを購入する, ZIP をコンピュータに保存します.
- キットインポーターを開く. WordPressで, に行く ツール → テンプレートキット, 次にクリックします テンプレート キットの ZIP ファイルをアップロードする. 無料のものをインストールする テンプレートキットのインポート WordPress からプロンプトが表示された場合は、最初にプラグインをインストールしてください.
- 必要なアドオンをインストールする. 多くのキットは無料のウィジェット プラグインに依存しています. インポーターはどれを追加するかをフラグします, 何かを挿入する前にインストールしてください.
- 必要なものを挿入してください. ライブラリから個々のテンプレートをページに取り込む, またはキットのパーツをまとめてインポートします.
別のElementorサイトより (ネイティブウェブサイトキット): に移動 Elementor → ツール → ウェブサイトのテンプレート (古いバージョンではこれがインポートと呼ばれます / 輸出キット), ZIPにドロップ, どのパーツを持ち込むかを選択します: テンプレート (ヘッダー, フッター, 保存されたレイアウト), コンテンツ (ページと投稿), と サイト設定 (グローバルな色とフォント). これは、インストールの間にサイト全体のクローンを作成するために使用するのと同じエクスポーターです.
何かを売る? WooCommerce キットが製品にドロップされます, カート, レイアウトをワンショットでチェックアウト, 私たちのセットアップとよく合います WordPress eコマースホスティングガイド. 購入する前にキットリストのWooCommerceサポートを確認してください.
独自のテンプレートを保存して再利用する方法
ヘッダーを構築しました, 価格設定ブロック, または再度使用するお問い合わせフォーム? 一度保存してください. どこでも再利用.
- ページ全体を保存する. 緑色の横にある上矢印をクリックします 公開 (またはアップデート) パネルの下部にあるボタン, 選ぶ テンプレートとして保存, それに名前を付けます, そして保存します.
- コンテナを 1 つ保存する. コンテナハンドルを右クリックします (その上にある6つの点のアイコン) そして選ぶ テンプレートとして保存. コンテナは古いセクションと列のレイアウトを置き換えました, ただし、この保存ステップは同じように機能します.
- 後で見つけてください. 保存されたデザインは、 私のテンプレート ライブラリ内のタブ.
- 再利用する. どのページでも, フォルダアイコンをクリックします, 開ける 私のテンプレート, テンプレートをキャンバスにドラッグします (または「挿入」をクリックします).
知っておくべき注意点が 1 つあります: ヘッダーまたはフッターを真のサイト全体の要素に変える (すべてのページに自動的に表示されるようにする) テーマビルダーを使用します, これはプロの機能です. 無料版での作品の保存と再挿入, ただし、毎回手動で配置することになります.
サイト間でテンプレートを移動する方法
ステージング サイトで設計して本番環境にプッシュする? または、クライアントの別の WordPress インストールでレイアウトを再利用する? それにはProは必要ありません. デザインをファイルとしてエクスポートする.
- エクスポートする. に移動 テンプレート → 保存されたテンプレート, テンプレートにカーソルを合わせる, をクリックします テンプレートのエクスポート. JSON ファイルをダウンロードします (プレーンテキストのレイアウト ファイル, 焼き付けられた画像はありません).
- 他のサイトにインポートする. 2番目のサイトでは, に行く テンプレート → 保存されたテンプレート, クリック テンプレートのインポート, そしてJSONをアップロードします.
- 画像を再リンクする. ファイルに画像が含まれていないため, インポート後に再アップロードまたは再添付する. 文章, レイアウト, スタイリングもすべてきれいに転写します.
これは無料だと考えてください, Pro のクラウド テンプレートが自動的に行うことの手動バージョン. いくつかのデザインについては、, 早いです. 多くのサイトにわたる数十の場合, クラウド ライブラリが自動的に支払いを開始する.
インポートしたテンプレートをカスタマイズする方法
テンプレートがあなたを導きます 80 途中のパーセント. 最後 20 パーセントがあなたのものになります, ここがグローバルなスタイルが支持される場所です.
任意の要素をクリックして、そのテキストまたは画像を直接交換します. 色やフォントに関しては, 各ボタンの色を手動で変更しないでください. 開ける サイト設定 エディターのメニューから, それから編集します グローバルカラー と グローバルフォント. グローバルに編集する理由? すべてのボタンのアクセントカラーを一度に変更します, 見出し, それに関連付けられたリンクも一緒に更新されます. そうすることでキットの見た目をつぎはぎではなく一貫性を保つことができます.
レイアウト変更はドラッグアンドドロップで: ウィジェットを移動する, 列のサイズを変更する, レスポンシブプレビューを使用して特定のデバイス上の要素を非表示にします (デスクトップ, タブレット, モバイル). 公開する前にモバイル ビューで 5 分間過ごしてください. 広い画面で鮮明に見えるテンプレートは、多くの場合、次の場所に密集します。 390 ピクセル幅.
Elementor AI でテンプレートを生成する方法
適合するライブラリ テンプレートが見つかりません? Elementor に構築してもらいます. Elementor AI はエディター内に常駐し、書かれたプロンプトをレイアウトに変換します。, したがって、図書館を閲覧する代わりに知っておく価値があります.
- 空のコンテナを開始する. 新しいコンテナを追加する, 次に、を探します AI で構築する オプション (紫色の AI アイコン).
- セクションの説明. 必要なものを入力してください, お気に入り “3 つのプランと強調表示された中間層を含む価格セクション。”
- バリエーションを選択してください. Elementor は 3 つのレイアウトを返します. クリック レイアウトを使用する 好きなものを選択すると、編集可能なコンテナとしてキャンバスにドロップされます.
- サイトを参照する (オプション). AI に URL を指定すると、そのページに似たスタイルのコンテナが構築されます.
同じパネルがコピーを書き込みます, 画像を生成します, カスタム CSS を生成します. 正直な注意点が 1 つあります: Elementor AI は、上で実行される有料アドオンです。 クレジット, Pro プランとは別に. そして出力にはクリーンアップが必要です, したがって、これを簡単な初稿として扱います, 完成したページではない.
フリー vs. プロ: 実際に入手できるテンプレート
正直な分け方はこちら, マーケティングがそれを曖昧にするから.
無料のエレメンター 無料のブロック テンプレートとページ テンプレートを組み合わせたテンプレート ライブラリを提供します. クラウド テンプレートの小さなセットも入手できます, プラス保存機能, 輸出, 独自のデザインをインポートしてください. サイトをページごとに構築するにはこれで十分です. 多くのライブ サイトは無料のプラグインのみで実行されます.
Elementor Pro 完全なウェブサイトテンプレートのロックを解除します (キット) 図書館, 何百ものプロフェッショナルなキットを使用して. また、サイト全体のヘッダーとフッター用のテーマ ビルダーも追加されます。, ポップアップビルダー, 動的コンテンツ, 以上 100 追加のウィジェット. 価格は以下から始まります 59ドル/年 (60ユーロ/年) 1 つのサイトのエッセンシャル プランの場合. そこから有料レベルが上がります: 米ドルあたりの高度なソロ 79, USDでアドバンスト 99 3つのサイトの場合, USDのエキスパート 199 為に 25 サイト. Elementor は永久ライセンスを廃止し、戻ってきました 2022, したがって、すべてのプランは毎年更新されます, 年間計画には、 30-日返金保証.
コストの最終ライン: 数ページだけ必要な場合, 無料のElementorとマーケットプレイスキットZIPがあなたを運んでくれます. Pro は、サイト全体で一貫したテンプレートが必要な瞬間にその価値を発揮します。, 本物のキットライブラリ, または投稿から取得する動的コンテンツ.
一般的なテンプレートの問題のトラブルシューティング
うまくいかない原因のほとんどは 4 つの問題によって説明されます. 順番に作業してください.
キットをインポートした後、画像が表示されません
最も一般的な頭痛, そして通常はバグではありません. キットにはライセンス付きのデモ画像が同梱されていますが、多くの場合再配布できません, そのため、常に輸入されるわけではありません. 確認してください メディアライブラリ 最初. 画像が存在しない場合, キットのデモコンテンツのインポートを再実行します (それが提供する場合) または、プレースホルダーを独自の画像に置き換えます. どちらにしても, とにかく発売前にデモ写真を交換する予定です.
必要なテンプレートに王冠が表示され、挿入されません
その王冠はProテンプレートであることを意味します. 無料アカウントではプレビューはできますが、挿入はできません. 代わりに無料のテンプレートを選択してください (ライブラリを無料のみにフィルタリングします), またはプロにアップグレードする. 合法かつ安全な回避策はない, だからどれもスキップしてください “無効化された” オンラインで見つけられるプロのプラグイン. これらはマルウェアの一般的な発生源です.
キットのインポートがタイムアウトするか途中で失敗する
大規模なキットは厳しいサーバー制限で窒息する. あなたの PHP メモリ制限 (256 MB以上), 最大実行時間, ホストのコントロール パネルまたは php.ini を通じてサイズをアップロードします. それらを変更できない場合は、, キット全体ではなく選択したパーツをインポートします, または、より高速なホスティングに移行する. 私たちの SSDホスティングガイド Elementor エディターが遅く感じられなくなる層をカバーします。, リソースを大量に消費するビルダーであるため、.
挿入した直後にレイアウトが壊れているように見えます
よくある 2 つの原因. 初め, 不足している依存関係: キットにはインストールしていないウィジェット アドオンが必要です, そのため、カスタム要素は空になります. インポーターにリストされているアドオンをインストールします. 2番, テーマの衝突. Elementor の軽量版に切り替える こんにちはテーマ そして再確認してください. そこで正しくレンダリングされる場合, あなたの古いテーマはテンプレートと戦っていました.
よくある質問
Elementor テンプレートは無料ですか, それともプロが必要ですか?
両方. 無料のElementorプラグインには、すぐに挿入できる無料のブロックとページのテンプレートのライブラリが含まれています. 独自のファイルを保存してインポートすることもできます. フルウェブサイトキット, テーマビルダー, 数百のプレミアム テンプレートには Elementor Pro が必要です, 年間59ドルから (60ユーロ/年) 1つのサイトに対して. Pro テンプレートはライブラリ内で王冠のマークが付いています.
Elementor テンプレートとテンプレート キットの違いは何ですか?
テンプレートは 1 つのレイアウトです: 単一のセクション (料金表のようなもの) またはページ全体. テンプレート キットは、Web サイト全体の調整されたページのセットです。 (家, 約, サービス, コンタクト, ブログ) 同じ色とフォントを共有する. テンプレートをページに挿入すると、; キットを適用してサイト全体を一度に構築する.
Envato から Elementor テンプレート キットをインポートするにはどうすればよいですか?
Envato からテンプレート キット ZIP をダウンロードします。, 次にWordPressで次の場所に移動します ツール → テンプレートキット をクリックします テンプレート キットの ZIP ファイルをアップロードする. プロンプトが表示された場合, まずは無料の Template Kit Import プラグインをインストールしてください. アップロード後, キットリストにある必要なアドオンウィジェットをインストールします, 次に、ライブラリからテンプレートを挿入します.
Elementor テンプレートをインポートした後に画像が表示されないのはなぜですか?
キットにはライセンス付きのデモ画像が同梱されていますが、多くの場合再配布できません, そのため、インポート中に常に転送されるわけではありません. メディア ライブラリを確認してください, キットのデモ コンテンツのインポートが存在する場合は、それを再実行します, または、プレースホルダーを独自の画像に置き換えます. エクスポートされた JSON テンプレートには画像がまったく含まれません, したがって、それらは常に再リンクする必要があります.
Elementor テンプレートを使用してヘッダーまたはフッターをページ全体で再利用できますか?
無料版では、ヘッダーまたはフッターをテンプレートとして保存し、各ページに手動で再挿入できます。. サイト全体に自動的に表示されるようにするには, テーマビルダーが必要です, これはプロの機能です. ほとんどの初心者にとって, サイトが成長するまでは、保存して再挿入しても問題ありません.
Elementor テンプレートを使用すると WordPress サイトの速度が遅くなりますか??
テンプレート自体はそうではありません, ただし、Elementor は CSS とマークアップを追加するため、重いセクションを積み重ねるとページが肥大化する可能性があります. テンプレートをスリムに保つ, キャッシュプラグインを使用する, サードパーティのウィジェット アドオンを制限する, 堅牢なリソースを備えたサーバー上でホストします. ここではテンプレートよりも高速なホストの方が重要です.
図書館から始めましょう, 空白のページではありません
Elementor の難しい部分はテンプレートではありません. それは彼らの存在を思い出すことです. フォルダーアイコンが既製のセクションのライブラリを開くことがわかったら、, ゼロからデザインするのをやめる. キットも同様です: テンプレート → ウェブサイトのテンプレート サイト全体を立ち上げることができます, したがって、ビルドではなく編集します.
ワークフローをシンプルにする: テンプレートを挿入するかキットを適用する, テキストと画像を交換する, 色とフォントをグローバルに設定する, 再利用するものはすべて保存してください. それはカバーします 95 現実世界のエレメンターの仕事の割合, Pro のサイト全体のツールが特に必要になるまでは、すべて無料のプラグインで実行できます.
初めてのサイトを構築する? The ホスティング検索ツール Elementor エディターを遅延させるのではなく高速に保つプランを提案します。. WordPress 上の Elementor とホスト型サイト ビルダーをまだ比較検討している場合, このガイドの前半の WordPress と Web サイトビルダーの比較では、そのトレードオフを完全に分析しています。.