Elementorでテンプレートライブラリを利用する方法

Elementorのドラッグ&ドロップは便利な反面、手間もかかります。

細かい作業をコツコツと進めるのが好きな人にとっては向いていますが、細かいことはこだわらない性格の人にとっては、ある意味不便。

WordPressのテーマ使った方が、よっぽど効率いいですもんね。

 

そこでおすすめなのが、Elementorのテンプレートライブラリを使うことです。

むしろElementor初心者は、まずはテンプレートを流用して、どういう設定をしているのか、リバースエンジニアリングして学んだ方がいいサイトが作れると思います。

そこで本記事では、Elementorのテンプレートの使い方について、まとめてみました。

 

 

テンプレートを使うことのメリット

1.ありものを流用するので、効率が良い

2.それでいて、変えたいところは微修正も出来るので、オリジナリティも出せる

3.リバースエンジニアリングすれば、Elementorの使い方についても学べる

4.自分が作ったサイトをテンプレート化できる

といったところです。

 

WordPressのテーマを使う方法は、効率がいい反面、細かい編集が難しいです。その結果、なんだか他のサイトと似たり寄ったりなサイトになってきます。

一方、Elementorのテンプレートは、編集も出来るので、程よく自分の色、つまりオリジナリティも出していけるのです。

Elementor側はドラッグ&ドロップによる使いやすさを前面にアピールしていますが、むしろ、個人的にはこのテンプレート機能こそElementorが提供するコアメリットだと思うんですよね。

 

 

どんなテンプレートがあるのか?

種類としては、色々あります。

・ランディングページ

・404

・商品販売ページ

・問い合わせページ

・セール等告知用のポップアップ

etc

 

Elementorは頻繁にテンプレートを更新しています。

公式サイトにて、最新のテンプレートが見れるので、興味あればチェックしてみて下さい。

 

 

無料で使えるのか?

Elementorのテンプレートは無料と有料で分かれているので、一部は無料での利用できます。

有料のテンプレートに関しては、Pro版へのアップグレードが必要となってきます。

 

 

テンプレートを利用する方法

 

●ステップ1

新規で投稿または固定ページを作成し、Elementorの編集ページを開きます。

下図赤丸で示した、ファイルのアイコンマークの「テンプレートを追加」をクリックします。

 

●ステップ2

すると、下図のような画面が開きます。

ここで挿し込みたいテンプレートを選択します。

 

なおElementorにインポートできるテンプレートは大きく3つのカテゴリに分かれています。

左から、「ブロック」、「固定ページ」、「テンプレート」です。

ブロックというのは、ページの中の一部分に挿し込めるテンプレートです。FAQ、問い合わせページ、アーカイブ等、ページの中に挿し込む形で利用するテンプレです。

固定ページは、ページのデザインを丸ごとインポートします。

そして、右側のテンプレートからは、テンプレートのデータをインポートできるという形です。

 

●ステップ3

テンプレートが決まったら、クリックします。

右上の「挿入」をクリックして完了です。

 

以上です。

参考にしてみて下さい。

 

 

 

●Web業界の最先端を学ぼう!

変化の激しいWeb業界の最新情報がアップデートできる講座をUdemyから幾つかピックアップしました。

Web3.0やAIをWebアプリに実装する方法など、初心者でも手頃に学べるので参考にしてみて下さい。

 

●Azure で作る Webアプリケーション 実践講座

Microsoftが提供するクラウドサービスAzure上でWebアプリを作ることを対象とした講座。

Node.js + MySQLの構築を実際に行うことで、Azure上にWebアプリケーションを構築する技術が身に付く。

クラウド基盤にAzureを導入しているならこれ。

Udemyで詳細を見る

 

●【Web3.0アプリ開発入門】ReactとSolidity言語で簡単ブロックチェーンWebアプリ開発を体験!

仮想通貨など投資のイメージが先行するWeb3.0の仕組みや機能を理解できる講座。

Web3.0、仮想通貨やメタマスク、スマートコントラクトの概念を網羅的に学べます。

Udemyで詳細を見る

 

●人工知能Webアプリを手軽に公開しよう!-Pythonで構築し即時公開するAIアプリ-

人工知能、機械学習Webアプリを手軽に構築し、公開する方法を学習できる。

Udemyで詳細を見る

 

 

●米国AI開発者がやさしく教えるGit入門講座

名前は聞いたことがあるけど、実態はなかなかつかめないGit。

Webアプリ/デザインのソースコード管理を行う上では必要な知識です。

とっつきにくいGitについてわかりやすく解説しているのがこれ。

Udemyで詳細を見る

 

 

 

●人気記事

WordPressをGCP環境で実装して使ってみた

社会人向けWebデザイン講座8選 メリットやデメリット

在宅ワークを快適に!おすすめアイテム4つ紹介

 

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です