Elementorのショートコードを使ってWordPressサイトにテンプレートを簡単に表示する方法

Elementorは最も人気のあるページビルダーの1つです。Elementorは多くの強力な機能を提供しますが、そのうちの1つはショートコードElementorテンプレートの使用。ショートコードを使えば、WordPressサイトのどこにでも簡単にElementorテンプレートを埋め込んで表示できます。

この記事では、Elementor ショートコード表示テンプレートを最大限に活用する方法を掘り下げていきます。ウェブサイトのデザインと機能を強化するショートコードの利点.

なぜElementorのショートコードを使うのですか？

Elementorのショートコードは、ウェブサイトのさまざまな場所に柔軟にコンテンツを表示するために、幅広い用途で使用できます。ここでは、一般的なアプリケーションのシナリオをいくつか紹介します：

1. 柔軟なコンテンツ表示をご覧ください。記事、ページ、サイドバーウィジェット、フッターなどにElementorテンプレートを挿入します。これにより、ウェブサイトのコンテンツはよりダイナミックで柔軟なものになります。
2. 一貫したデザイン同じテンプレート・ショートコードあなたのウェブサイトのさまざまな部分を維持することができます一貫したデザインスタイルブランドの一貫性を確保するため
3. ワークフローの合理化ショートコードを使用することで、ワークフローを大幅に簡素化できます。テンプレートを一箇所で作成・デザインし、ショートコードを使って複数の場所で再利用するだけで、デザインの複製にかかる時間と労力を削減できます。
4. ダイナミック・アップデート保存したElementorテンプレートを更新すると、そのテンプレートのショートコードを使用しているすべてのものが自動的に更新され、サイトのメンテナンスがより効率的になります。

Elementorのショートコードを使ってテンプレートを表示するには？

Elementorのショートコードをフルに活用するには、まず最初に エレメンタ 歌で応える エレメンタル・プロ プラグイン。Elementorの無料版も強力ですが、テンプレートのショートコードの使用など、多くの高度な機能はElementor Proのサポートが必要です。

ステップ1：保存されたテンプレートに移動します

まず、WordPressのダッシュボードにログインします。左側のメニューから 「テンプレート > 「保存されたテンプレート.

を作成して保存したことがわかります。すべてのElementorテンプレート.ページ、ブロック、グローバルウィジェットのいずれであっても、これらのテンプレートはすべてショートコードで表示できます。

テンプレートが作成されていない場合ページからテンプレートを作成.

ステップ2：テンプレートのショートコードを取得します。

ある 「保存されたテンプレート ページにアクセスすると、各テンプレートの横にユニークなショートコードが表示されます。これらのショートコードは、あなたのウェブサイトにこれらのテンプレートを埋め込むために使用されるキーです。

もしないショートコードが表示される場合は、画面オプションが有効になっていない可能性があります。ページの右上にある 「画面オプション必ず 「ショートコード オプションです。こうすることで、テンプレートのリストで各テンプレートのショートコードを見ることができます。

ステップ3：ウェブサイトの任意の場所にショートコードを挿入します。

あとは、希望のテンプレートのショートコードをコピーして、ショートコードをサポートしているWordPressサイトの任意の場所に貼り付けるだけです。これには以下が含まれます。記事、ページ、ウィジェットエリアその他

例えば、投稿に特定のテンプレートを表示したい場合、投稿を編集してショートコードを適切な場所に貼り付けるだけです。このテンプレートを自動的にレンダリングと記事で紹介しています。

Elementorショートコードの高度な応用

基本的なテンプレート挿入だけでなく、Elementorショートコードはより高度な応用が可能です。例えば、以下のような他のWordPressプラグインと組み合わせることができます。ソーシャル共有、eコマース機能、カスタムフォームまでより複雑なページ機能を実現するために

1. ソーシャル共有ボタン

ソーシャル共有ボタンを含むElementorテンプレートを作成し、ショートコードを使ってウェブサイトの様々な場所に埋め込むことができます。例えば、カスタムソーシャル共有ブロックを作成し、ショートコードを介して各ブログ記事の最後にそのブロックを表示します。

2. アコーディオンとラベル

Elementorのアコーディオンまたはタグ要素情報コンテンツ表示ブロックを作成しショートコードはを関連ページに追加します。例えば、よくある質問(FAQ)のページでこの方法を使い、動的なコンテンツを表示することができます。

3. 電子書籍とカタログ

あなたのウェブサイトがeBookのダウンロードやカタログの表示を提供している場合、Elementorでダウンロードブロックをデザインし、ショートコードを使って特定のページや記事に表示させることができます。この方法で、デザインを複製することなく、異なるページに同じダウンロード機能を素早く追加することができます。

拡張機能: ElementorグローバルウィジェットとWDesignKitの使用

テンプレートのショートコードに加え、Elementorは以下の機能も提供します。 グローバルウィジェット機能.Global Widgetは、一度作成したウィジェットを複数のページで再利用することができ、一箇所で更新され、ウィジェットが使用されるすべての場所に自動的に同期されます。

Elementorグローバルウィジェットの使用

1. グローバルウィジェットの作成: Elementorでウィジェット（ボタンやフォームなど）をデザインし、グローバルウィジェットとして保存します。
2. 異なるページでの使用このグローバルウィジェットは、ウィジェットライブラリから直接選択することで、異なるページで使用することができます。
3. 1回の更新でグローバルに同期ウィジェットを修正する必要がある場合、一箇所で更新するだけで、ウィジェットを使用しているすべてのページが自動的に同期して更新されます。

WDesignKitのレディメイドElementorテンプレート

ゼロからのデザインに時間を費やしたくない場合、または Elementor にまだ慣れていない場合は、WDesignKit が提供する既製のテンプレートの利用をご検討ください。これらのテンプレートは、幅広い種類のウェブサイトで動作するように慎重に設計されており、ショートコードを使用してウェブサイトに直接埋め込むことができます。

概要

Elementor のショートコードは、WordPress ウェブサイトのさまざまな場所にデザイン済みのテンプレートを簡単に表示できる、強力で柔軟なツールです。それだけでなく、ショートコードを使用することで、コンテンツとデザインの一貫性を確保し、ウェブサイト構築の効率を劇的に向上させることができます。

カタログ、電子ブック、ソーシャルシェアボタン、またはより複雑な動的コンテンツを表示したい場合でも、Elementorのショートコードはあなたのニーズを満たすことができます。ウェブサイトのデザインと機能をさらに強化したい場合は、Global WidgetとWDesignKitが提供するテンプレートを組み合わせて使用すると、さらに便利になります。