SeedProd ドキュメント

SeedProd のドキュメント、リファレンスマテリアル、チュートリアル

X(Twitter)埋め込みツイートブロック

X(Twitter)埋め込みツイートブロックを使用すると、特定のツイートをSeedProdページに直接埋め込むことができます。これは、個々の投稿(顧客の声、製品発表、注目すべき言及など)をハイライトし、訪問者がX(Twitter)にアクセスすることなく共有するための便利な方法です。

必要なのはツイートIDのみです。これはツイートのURLで見つけることができます。追加したら、ライトまたはダークのカラースキームを選択し、会話スレッドとメディアカードを表示するかどうかを制御し、ウィジェットの幅を設定し、対象読者に合わせて表示言語を選択できます。

SeedProdページに埋め込まれたツイートを表示するX(Twitter)埋め込みツイートブロック(ダークテーマ)

要件: X(Twitter)埋め込みツイートブロックは、すべてのライセンスプランで利用可能です。


ページにX(Twitter)埋め込みツイートブロックを追加する

SeedProdページにX(Twitter)埋め込みツイートブロックを追加するには、次の手順に従ってください。

ステップ1:ブロックを追加する

デザイン > ブロックの下で、X(Twitter)埋め込みツイートブロックをページの目的のセクションにドラッグアンドドロップします。

SeedProdページにX(Twitter)埋め込みツイートブロックをドラッグする

ステップ2:コンテンツ設定を構成する

追加したら、X(Twitter)埋め込みツイートブロックをクリックして設定を開きます。コンテンツタブのX(Twitter)設定セクションに、次のオプションがあります。

  • ツイートID:埋め込みたいツイートの数値IDを入力します。ツイートIDはツイートのURLにあり、/status/の後の長い番号です。たとえば、https://twitter.com/seedprod/status/1385250840898850816では、ツイートIDは1385250840898850816です。
  • カラースキーム:ページのデザインに合わせて、埋め込みツイートウィジェットをライトまたはダークから選択します。
  • 会話を非表示:ツイートの下に表示される会話スレッドを非表示にするには切り替えます(はい/いいえ)。
  • 写真/動画/カードを非表示:ツイートに添付されたメディアカード、写真、または動画を非表示にするには切り替えます(はい/いいえ)。
  • 幅:スライダーを使用して、埋め込みツイートウィジェットの幅をピクセル単位で設定します。
  • 配置:デスクトップ、タブレット、モバイルのデバイスごとのコントロールを使用して、ウィジェットの水平方向の配置を左、中央、または右に設定します。
  • 言語:ウィジェットインターフェイスの表示言語を選択します。オプションには、自動、英語、アラビア語、ベンガル語、チェコ語、デンマーク語、ドイツ語、ギリシャ語、スペイン語、ペルシャ語、フィンランド語、フィリピン語、フランス語、ヘブライ語、ヒンディー語、ハンガリー語、インドネシア語、イタリア語、日本語、韓国語、マレー語、オランダ語、ノルウェー語、ポーランド語、ポルトガル語、ルーマニア語などがあります。
ツイートID、配色、トグルオプション、幅、言語設定を表示するX(Twitter)埋め込みツイートコンテンツタブ

ステップ3:デザインをカスタマイズする

詳細設定タブでは、X(Twitter)埋め込みツイートブロックのレイアウトと動作をさらに制御できます。

間隔:

  • マージン: ブロックの外側のスペーシングを4つの側面すべてに設定します。デスクトップ、タブレット、モバイルで個別に制御できます。
  • パディング: ブロックラッパーの内側のスペーシングを4つの側面すべてに設定します。デバイスごとに制御できます。

属性:

  • カスタムクラス: ブロックラッパーに1つ以上のカスタムCSSクラスを追加して、ターゲットを絞ったスタイリングを行います。
  • CSS ID: SeedProdは、このブロックに一意のCSS IDを自動的に生成します。カスタムCSSまたはJavaScriptでブロックを参照するために使用できます。
  • カスタム属性: ブロックラッパー要素にカスタムHTML属性を追加します。キー|値の形式で、各属性を新しい行に入力します。

デバイス表示:

  • デスクトップで非表示: デスクトップ画面で表示されたときにブロックを非表示にするには、トグルします。
  • タブレットで非表示: タブレット画面で表示されたときにブロックを非表示にするには、トグルします。
  • モバイルで非表示: モバイル画面で表示されたときにブロックを非表示にするには、トグルします。

アニメーション効果:

  • スクロールエフェクト: ブロックにスクロールでトリガーされるアニメーションを適用します。方向、速度、ビューポートオフセット制御を備えた垂直スクロールおよび水平スクロールオプションが含まれます。
  • マウスエフェクト: マウスの動きによって駆動されるパララックス効果をブロックに適用します。
スペーシング、属性、デバイスの表示、アニメーション効果を表示するX(Twitter)埋め込みツイート高度タブ

ステップ4:変更を保存

X(Twitter)埋め込みツイートブロックの設定と外観のカスタマイズが完了したら、必ず作業を保存してください。


X(Twitter)埋め込みツイートブロックをページに正常に追加しました!個々のツイートを埋め込むことは、ソーシャルプルーフを強調したり、注目すべき言及を特集したり、コンテキストで発表を共有したりするための優れた方法です。ウィジェットがページのデザイントにシームレスに統合されるように、配色と表示オプションを使用してください。

関連記事