Elementorショートコードウィジェットの使用方法[初心者向けガイド]

公開: 2021-05-30

最近、ドラッグアンドドロップビルダーとしてElementorに移行しました。最初から、学習曲線はとても簡単で視覚的に面白かったです。これを使用して、ピンポイントの正確さとともにWebページを視覚的に完璧にすることができました。

数日後、WordPress Elementorを使用して、「Elementor Shortcodes」を使用するだけで、構築プロセスを10倍にエスカレートできることに気付きました。

手始めに、Webサイトを最適化して高速化することと、Webサイトを高速かつ簡単に構築することは別のことです。それでは、WordPress Elementorショートコードを非常に簡単に使用する方法と、プロジェクトにElementorショートコードを使用するのが良いかどうかについて話しましょう。

Elementorショートコードとは何ですか？

Elementorショートコードは、Webサイトの特定のコンポーネントを複製するためにコピーして貼り付けることができる、文字列またはスニペットです。言い換えれば、ショートコードは特別なタグです。何かを入力すると、それを表示すると別のコンポーネントが生成されます。

それが複雑に聞こえる場合は、それを分解させてください。 Elementorライブラリには、Webサイト構築プロセスを高速化するために使用できる、事前に構築されたウィジェットの膨大なコレクションがあります。

さて、開発に取り掛かっていて、コンポーネントを複製する必要がある場合は、ショートコードがほんの数秒でそれを行うための最良の方法です。

まず、選択したコンポーネントのスニペットをコピーして、複製する場所に貼り付ける必要があります。

別のページで使用するフォームの作成に取り組んでいるとします。通常、Elementorを使用してまったく同じフォームを作成しますが、これには数分かかります。

ただし、Elementor Template Shortcodesを使用すると、Webページから選択した既成のコンポーネントを選択し、それを他の場所に複製することができます。

これはウィジェットのショートコードの最も基本的な使用法の1つであり、正直なところ、より効率的な使用法があります。だから、あなたがすでに考えているなら…

Elementorショートコードをいつどのように使用するか？

これが、WordPressElementorのショートコードを使用するのに最も適していると私が見つけた実際のケースの1つです。

Elementorショートコードは、Elementorを使用して部分的に設計されている場合、Webサイトにコンテンツを迅速に追加するための理想的な選択肢です。

古いコンテンツを調整し、事前に設計されたウィジェットをページに追加したい場合は、専門家の提案によると、ショートコードが最適です。だからあなたが望むテンプレートのショートコードを入れて、出来上がり！

微調整のためにElementorショートコードを挿入するのが最良の選択です。この状況に遭遇する可能性のある一般的なシナリオは、選択したテーマのデフォルトページで作業することです。

すべてのテーマがElementorを使用して設計されているわけではないため、それらをElementor Webページに変換しようとすると、ページ構造が破損する可能性があります。

さらに、Elementorをサポートしていない他のプラグインは、それらの要素を編集するためのアクセスを許可しないため、非常事態に陥ります。

しかし、心配しないでください…

Elementorショートコードを使用すると、他のページビルダーやプラグインと競合するリスクなしに、新しいコンポーネントや要素をWebサイトに追加できます。さらに、独自のカスタマイズされたテンプレートを追加することもできます。

Elementorのショートコードをインストールするにはどうすればいいですか？

ショートコードのインストールは本当に簡単で、それを完了するのにたった3つのステップしかかかりません。 Elementorのショートコードをインストールする方法は次のとおりです。

やさしいリマインダー–このインストールガイドの3つのステップはすべて、WordPressにElementorをインストールする必要があります。したがって、これまでに行ったことがない場合は、すぐに行って、後で手順を確認してください。

このインストールガイドには、自動インストールと手動インストールの2つのプロセスがあります。

自動インストール

同じ画面から「プラグイン」に移動し、「新規追加」に進みます。
ElementorのWordPressショートコードを探してください。
プラグインをインストールしてアクティブ化します。

手動インストール

RS <a href=”＃”> Elementorショートコードをダウンロードします。
shortcode.zipファイルを抽出します。プラグインファイルは、rselements-liteという名前のディレクトリ内にあります。
プラグインファイルをWordPressインストールの場所にアップロードします。ディレクトリは次のようになります– / wp-content / plugins / elementor-short-code。
WordPressメニューの「プラグイン」セクションからプラグインをアクティブ化します。

手動インストールは、特定のプラグインの一例にすぎません。プロセスは、手動でインストールするプラグインの場合と同様です。

ショートコードを使用してElementorテンプレートを入力する方法は？

ショートコードを使用して、事前に設計されたElementorテンプレートを入力する方法は次のとおりです。これがあなたがそれをする方法です。に向かいます–

WordPress->テンプレート->保存されたテンプレート

ここでは、ライブラリ内のすべてのウィジェットのショートコードを確認できます。さらに、独自のテンプレートを作成して、そのテンプレートに固有のショートコードを生成することもできます。

保存された各テンプレートには独自のショートコードがあり、他のページでいつでも使用できます。

たとえば、クライアントが注文ステータスを表示できるWooCommerceポップアップを作成するとします。

このために必要なのは、キャンバスのサイドバーからポップアップウィジェットをドラッグアンドドロップすることだけです。ここで、元のポップアップからショートコードを生成し、それを新しいポップアップに貼り付けると、まったく同じポップアップウィジェットがすぐに生成されます。

ショートコードとその仕組みについて理解したので、ElementorがWebページ上のすべてのコンテンツをショートコードに変換するかどうか疑問に思うかもしれません。さて、あなたがすでにそれを求めているなら、ここにあなたの答えがあります。

Elementorはショートコードの有無にかかわらずWebページにコンテンツを入力しますか？

混乱を解消するために、Elementorはショートコードを使用してコンテンツをWebページに挿入しません。簡単に言えば、テンプレートを一意のショートコードに変換してからWebページに配置することはありません。これが理由です…

Elementorがライブラリで生成されたすべてのテンプレートにショートコードを使用した場合、そのライブラリ要素はElementorプラグインに大きく依存します。

また、何らかの理由で、WebページにインストールされているプラグインのリストからElementorを削除する必要がある場合、既存のElementorライブラリコンポーネントのすべてのサポートが失われ、ショートコードがそれらに関連付けられます。それが起こった場合、それが絶対的な悪夢に変わるように。

しかし、Elementorは問題を簡単に解決するため、そうではありません。 Elementorは、コピーする選択したテンプレートのショートコードを生成します。

ただし、その前に、設計したテンプレートのコピーをページ上のコードとして作成します。

したがって、次にある場所から別の場所に何かをコピーするときは、コードを後ろに貼り付けています。しかし、視覚的には、ショートコードを使用してそれを行っています。

以前のページビルダーは、特定のプラグインやテンプレートにそのような依存関係を持っていたため、Webサイトで他のプラグインを使用することは困難でした。

しかし今では、依存関係がないため、Elementorページビルダーを使用しているかどうかに関係なく、Webページを簡単に微調整できます。

まとめる

これで、WordPressWebサイトでElementorショートコードの使用を開始するために必要なすべてのアイデアが得られました。その上、最初の数回は常に少し混乱します。それで、あなたがそれをしている間、あなたの学習が完全であることを確認するためにいくつかのビデオをチェックすることを忘れないでください。