メインコンテンツにスキップ

ユニバーサルウィジェットとAIウィジェットの違いと編集方法

使用しているウィジェットエディターの見分け方と、それぞれのデザイン変更の正しい方法を学びましょう。

Antonia avatar
対応者:Antonia
今日アップデートされました

はい、こちらが日本語への翻訳です。


ユニバーサルウィジェット vs AIウィジェット:その違いと編集方法は?

EmbedSocialでは、ウィジェットを作成するための2つの強力な方法を提供しています。クラシックなユニバーサルウィジェットと、新しいAIウィジェットです。どちらもレビューやソーシャル投稿を美しく表示しますが、デザインをカスタマイズするために異なるエディタを使用します。

このガイドでは、その違いと、使用しているバージョンに応じたウィジェットの編集方法について説明します。

自分がどのウィジェットを使用しているかを知るには?

違いを見分ける最も簡単な方法は、ウィジェットエディタ内の左側のサイドバーを見ることです。

  • ユニバーサルウィジェット (Universal Widget): 「Layout(レイアウト)」、「Settings(設定)」、「Header(ヘッダー)」などの名前が付いた複数のセクションやタブが表示されます。

  • AIウィジェット (AI Widget): **「✨ AI Design(AIデザイン)」**という名前のタブが表示されます。ユニバーサルウィジェットと同じ他のセクションもありますが、「AI Design」セクションはそこには含まれていません。したがって、このセクションがある場合は、AIウィジェットを使用しています。

1. ユニバーサルウィジェット (The Universal Widget)

これらは、標準テンプレートを選択するか、ゼロから作成されるクラシックなウィジェットです。ボタンやスライダーをクリックして外観を調整する手動設定に依存しています。

デザインの編集方法: レイアウト、カードスタイル、または動作を変更したい場合は、サイドバーのセクション(General、Templates、Layout、Header、Card、Products、Filters、CSSセクション)にある手動設定を使用する必要があります。

ユニバーサルウィジェットの例:

2. AIウィジェット (The AI Widget)

これらは、人工知能によって生成される次世代のウィジェットです。特定のボタンやスライダーを探す代わりに、エディタに話しかけるだけで操作できます。

デザインの編集方法: ここには従来の「Layout」や「Settings」タブはありません。代わりに、プロンプト(指示)を書き込むことで変更を行います。

  1. 「✨ AI Design」タブに移動: 左側のサイドバーにあるこのタブをクリックします。

  2. 変更内容を入力: テキストボックスに、変更したい内容を正確に記述します。

    • 例: 「背景色をダークブルーに変更して。」("Change the background color to dark blue.")

    • 例: 「カードの角をもっと丸くして。」("Make the corners of the cards more rounded.")

  3. 生成 (Generate) をクリック: AIがあなたの指示を即座に適用します。

  4. 変更を保存します。

    「AIデザイン」セクションを開き、プロンプトを入力して「生成ボタン」をクリックします。変更を保存してください。

共通の設定は?

使用するウィジェットの種類に関係なく、コンテンツを管理するためのツールは同じままです。両方のバージョンで以下のタブを使用できます:

  • フィルター (Filters): 表示する投稿を制御します(日付、キーワード、またはタグ別)。

  • モデレーション (Moderation): 特定の投稿を手動で非表示または表示にします。

  • ソース (Sources): 接続されているソーシャルアカウントを追加または削除します。

  • 埋め込み (Embed): ウェブサイト用のコードを取得します。

どのウィジェットを使用しているかわからない場合、または特定のデザインプロンプトについてサポートが必要な場合は、右下のチャットアイコンをクリックしてサポートチームにご相談ください!

私たちはあなたのためにここにいます 🙏

こちらの回答で解決しましたか?