WordPressで作るウェブサイト&サイト運営・集客をわかりやすく学べます
※本サイトはプロモーションが含まれています

Elementorのテンプレート機能とは?使い方・活用方法・作り方を解説

Elementorのテンプレート機能とは?使い方・活用方法・作り方を解説

Elementorのテンプレート機能の使い方・活用方法・作り方を解説

↓Elementorのテンプレートがダウンロードできるサイトの紹介はこちらから
Elementorのテンプレートが無料でダウンロードできるサイト3選(使い方も画像付きで解説)

当サイトでも国産のElementorテンプレートを販売中です!
ウェブサイトまるごとテンプレート・LPテンプレートをご用意しました。今後も新しいテンプレートは続々追加します!
お知らせ:Elementor無料版で使えるWordPressテンプレートを販売中!

Elementorプラグインについて

Elementorプラグイン」は、ドラッグ&ドロップで見たまま直感的にページを作ることができるプラグインです。ノーコードホームページビルダーとして世界で人気のプラグインです。(当記事では基本的に無料版を利用します。※さらに機能が増えた有料版もあります)

今回はElementorのテンプレート機能に焦点を当て、その基本から応用までを詳しく解説します。

Elementorのテンプレート機能とは?

はじめに実際にテンプレートを見ていただいたほうがわかりやすいので、実際のElementor公式の「テンプレートライブラリ」を紹介しましょう。

Elementorテンプレートとは?活用方法

Elementorテンプレートとは?活用方法

これはElementor公式で提供されているテンプレートです。そのため、プラグインをインストールしていれば、Elementorの編集画面からテンプレートライブラリに行くだけで、このテンプレート一覧にアクセスできます。

テンプレートはたくさんありますが、右上に「PRO版」というマークがついている場合はElementorのPro版を利用している場合のみ利用可能となります。無料版を利用している人はなにもついていないものを選んでためしてみてくださいね。

Elementorテンプレートライブラリに行くにはElementorの編集画面からフォルダアイコンをクリックするだけ

Elementorテンプレートライブラリ

好きなテンプレートを選んで、挿入してみましょう。

実際に固定ページテンプレートを挿入したページ


※クリックすると拡大表示になります
実際にElementorのテンプレートライブラリーにある無料テンプレートを挿入したページ

もしページが思ったように表示されない(既存のサイドバーが表示されてしまった)場合は、一度保存してElementorの編集画面を閉じたあと、固定ページの編集画面を開いてください。

Elementorのテンプレート・ページ属性

ページ属性でテンプレートを変更してみましょう。

Elementor Canvas:ヘッダーもフッターもないページ(LPや特設ページ向き)
Elementor Full Width:既存のヘッダーフッターが表示されるページ

テンプレートライブラリにある固定ページテンプレートはヘッダー・フッターがすでに用意されているページが多いので、この場合はElementor Canvasを選びましょう。中のデザイン(テキストや画像といったコンテンツ)を使いたい場合は、Elementor Full Widthを選んで、不要なヘッダー・フッターは削除してしまいましょう。

すでに用意されたテンプレートを使えば簡単にデザインできる

実際に編集してみるとわかりやすいのですが、テンプレートがあればとても簡単にページがデザインできます。

必要なテキスト・画像を差し替えるだけなので、デザインの知識も不要です。また、テンプレートはパソコンだけでなく、タブレット・スマホ対応済みのため、最初から自分で作る場合と違い、ひとつひとつ設定する必要はありません。

テンプレートには「固定ページ」と「ブロック」のテンプレートが存在する

Elementorのテンプレートには大きく分けて2種類、「固定ページ」と「ブロック」のテンプレートあります。

固定ページはページ全体まるごとのテンプレートです。これは投稿としても利用可能です。

ブロックはコンテナ(セクション)単位で保存できるテンプレートです。

ページ全体のテンプレートが「固定ページ」、ページの一部のテンプレートがブロックになります。

まず固定ページのテンプレートを利用して、よく使い回すようなコンテナはブロックとしてテンプレート化してしまうと楽でしょう。

はっちゃんセミナーでは、CTAやよくある質問などをブロックのテンプレートとして保存しています。

自分で修正したテンプレートは保存・編集・複製することが可能

準備中

ブロック単位(セクション・コンテナ)でテンプレート化する方法

Elementorで自分のデザインをテンプレートにしたい
Elementorのテンプレートを呼び出す方法(エクスポート&インポート)を知りたい
Elementorの便利な機能「テンプレート」を活用しよう – リスナレ – ノーコードWeb制作が学べるオンライン講座
【Elementor(投稿・ページ)】テンプレートを複製する方法

 集客&新規ビジネスに!はっちゃんの新サービス

WordPressで会員動画サイトが作れる!

\動画コンテンツで新しい収益を!/

オンライン講座機能付き
WordPressテンプレート新発売

本を出すだけで終わらない、新しい出版サービス

・ 専用のウェブサイト
・ 大手サイトへのプレス配信
・国会図書館への寄贈
・多言語で海外での出版 
ほか

多言語化によるお悩みを解決します

\導入費用のみ!月額費用は不要/

管理画面からカンタン更新!
AI翻訳+人力翻訳の使い分けも可能

Elementorテンプレート販売中!

\Elementor無料版対応/

サイトがまるごとインストールできる
Webサイトテンプレート
LPも追加しました!

 開催中のWordPress講座・セミナー

 WordPress・サイト運営のお悩みを解決します

女性講師によるマンツーマンレッスン開催中!
・オンラインレッスンだから全国どこでも参加可能
・2011年から150回を超える研修実績あり
・受講後も安心!メールサポート付き
・受講中の録画動画をお渡しします

 はっちゃんセミナー公式SNS

 はっちゃんYouTubeチャンネル

無料セミナー・お役立ち情報を配信中!

公式メールマガジンもあります!

 【無料】オンライン講座・セミナー

新着情報

  新サービス開始しました

ノーコードでWordPressサイトが作れる!
WordPressテンプレート新発売!→詳しくはこちら

WordPressで会員動画サイトが作れる!
オンライン講座機能付きWordPressテンプレート新発売!→詳しくはこちら

多言語化によるお悩みを解決します!
管理画面からカンタン更新!AI翻訳+人力翻訳の使い分けも可能→詳しくはこちら

  ピックアップ講座

最新のAIコンテンツ生成とSEO対策がしっかり学べるコンテンツマーケティング講座(オンライン開催)

 

WordPressに限らず、Canvaの画像編集やサイト運営に関係する内容と、受講生さんからのご質問等で共通な内容も掲載していきます。

  ピックアップ記事

 カテゴリー
公式Facebook
公式LINEアカウント

友だち追加

こちらのURLからお友だち登録できます。
https://lin.ee/CbqqEEI

公式メールマガジン

こちらのURLからメルマガに登録できます。https://www.8seminar.com/mailmagazine-form

PAGE TOP