Elementor Proでダイナミックコンテンツを編集するには?

動的コンテンツは、ウェブサイトまたは現在のページからコンテンツを引き出します。投稿タイトルウィジェットはこの良い例です。このウィジェットはページまたは投稿のタイトルを表示します。使用されているページや投稿によって変わるので、動的です。

图片[1]-Elementor Pro怎么编辑动态内容?-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

例を見てみましょう。あるページにウェブサイトのキャッチフレーズを追加したいとします。これを動的に追加する方法を説明します。

  1. そうしれいかんタイトルウィジェット画面上にドラッグしてください。
  2. をクリックしてください。ダイナミックなアイコン。
  3. ドロップダウンリストから選択「ウェブサイトのスローガンそして、デフォルトのヘッダーテキストがすぐにあなたのサイトのキャッチフレーズを反映するように変更されることを確認してください。
图片[2]-Elementor Pro怎么编辑动态内容?-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

前、後、フォールバックフィールド

各ダイナミック要素には、オプションでビフォー・アフターコンテンツ。これは、動的コンテンツの前後に静的コンテンツを追加する場合に便利です。動的コンテンツの前後にフォールバックフィールドは、要素にコンテンツがないか存在しない場合に使用されるデフォルトのコンテンツを設定します。

  1. ダイナミックコンテンツタイプの横をクリックします。スパナアイコンをクリックして、コンテンツタイプのオプションを開きます。特定のタイプの動的コンテンツでは"上級"タブでこれらのオプションを見つけることができます。特に、選択したダイナミックコンテンツの特定のタイプに対して他のオプションが利用可能な場合。
图片[3]-Elementor Pro怎么编辑动态内容?-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

動的コンテンツ - テキストだけではありません

ダイナミックなコンテンツはテキストだけではありません。アイコンが表示されている場所であれば、画像、ビデオなどのクラシックな要素でもダイナミック機能を使用できます。アイコンをクリックすると、ウィジェットのコンテンツが静的から動的に切り替わります。

プロフィール画像

例えば、ユーザーのプロフィール画像の動的データのみを使用して、ユーザーのプロフィール画像を動的に生成するユーザー中心の動的ページを作成することが可能です。

图片[4]-Elementor Pro怎么编辑动态内容?-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

ダイナミック・デジタル・コントロール

Elementor Pro 2.7から、カウンターウィジェット、価格リストウィジェット、星評価ウィジェットなどの数値コントロールで、クリエイティブで高度な機能のために動的な数値を使用できるようになりました。

カスタムフィールドキー

また、Elementor Pro 2.7から、カスタムフィールドキーを動的コントロールへの入力に使用できるようになりました。いくつかのカスタムフィールドは通常WordPressの編集エリアに表示されません。この場合、カスタムキーの動的オプションからカスタムフィールドキーを使用できます。

個々のテンプレートとアーカイブテンプレートで動的コンテンツをプレビュー

個別のテンプレートやアーカイブテンプレートを作成する場合、テンプレートのデザインや編集時に表示する内容を選択すると便利です。 テンプレートは複数のページに適用することができますが、特定のページをプレビューコンテンツとして選択することで、編集中にその特定のページにテンプレートを適用したときの効果を確認することができます。編集中にいつでも別のページを選択すると、そのページでテンプレートがどのように見えるかをプレビューできます。

プレビューパネル

  1. クリックウィジェットパネル左下ギア・アイコン.
  2. ダイナミックコンテンツのプレビュー: 投稿、ページ、メディアなど、プレビューするコンテンツの種類を選択し、テンプレート編集時に表示するコンテンツとして特定のページ、投稿などを選択します。
图片[5]-Elementor Pro怎么编辑动态内容?-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

概要

動的コンテンツの効果的な使用は、ウェブサイトのユーザーエクスペリエンスを大幅に向上させるだけでなく、コンテンツ管理の効率性と柔軟性を向上させます。Elementor Proなどのツールを使用することで、テキスト、画像、動画、デジタルコントロールなどの動的要素を簡単に追加し、プレビューすることができます。これにより、ユーザーインターフェイスのパーソナライズが可能になるだけでなく、デザインや実装のプロセスにおいて、変更の影響をリアルタイムで確認することができます。


お問い合わせ
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事はハリーが執筆しました。
終わり
好きなら応援してください。
クドス0 分かち合う
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし