メインコンテンツにスキップ
すべてのコレクションEmbedFeed エンベッドフィードスタートガイド
EmbedSocialで作ることができる主なレイアウト一覧
EmbedSocialで作ることができる主なレイアウト一覧

EmbedSocial上で作成できる主なレイアウトを紹介します。

Yuka Isobe avatar
対応者:Yuka Isobe
一週間前以上前にアップデートされました

EmbedSocialでは、SNS投稿を様々なレイアウトにカスタマイズしウェブサイトに表示させることができます。この記事では、その主な代表例をご紹介します。

基本のレイアウト

ウィジェットのレイアウト

ウィジェットの編集画面の左側のタブから「レイアウト」を選択します。そこでレイアウトスタイルを選ぶことができます。下記では主なレイアウト3つを紹介します。

フィード

最もオーソドックスなレイアウトです。

スライダー

カルーセルとも呼ばれるスタイルです。自動でスライドさせる仕様、あるいは矢印をクリックするとスライドする仕様など、自由に設定いただけます。

コラージュ

フィードと違い投稿の大きさに強弱のあるレイアウトです。

各投稿のレイアウト

各投稿のレイアウトを変更するには、ウィジェットの編集画面左のタブより「カード要素」を選択してください。

画像/動画とテキストを表示

画像/動画のみ表示

テンプレート

EmbedSocialには70種類以上のテンプレートの用意があります。個別のカスタマイズなしでも希望のテンプレートを選ぶだけでウィジェットの編集を完了させることができます。

テンプレートを利用するには、ウィジェット編集画面の左側タブより「テンプレート」を選択してください。

また、テンプレートにはショート動画向きの縦長表示ができるものもあります。

パーツごとのレイアウト調整

EmbedSocialでは、テンプレートからお選びいただくだけでなくそれぞれのパーツ毎にレイアウト調整いただくことも可能です。

  • 代表的なノーコードでのレイアウト調整方法はこちら

  • CSSコードでのレイアウト調整についてはこちら

応用のレイアウト

タグ付けされた製品の一覧を表示

投稿にタグ付けをした場合、ウィジェットの上部にそのタグつけされた商品の一覧を表示することができます。

タグつけされた商品の一覧の表示イメージ

カテゴリごとに投稿を出し分け

EmbedSocialでは、カテゴリごとに投稿が出し分けるような表示に設定することができます。下記はその設定手順です。

ソースタイプで絞り込んだ場合のイメージ

ソース名でフィルターした場合のイメージ

タグで絞り込みした場合のイメージ

以上です。

他にも色々なことができますので、詳細はCSチームに問い合わせか、7日間の無料トライアルでどのようなレイアウトをお作りいただけるのか確認してみてください。

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