---
title: "【フィード機能】ウィジェットのレイアウトが刷新されました！"
date: 2020-10-14
modified: 2024-12-09
canonical_id: new-layouts-202010
locale_slug: new-layouts-202010
author: "esbasicmath"
category:
  - blog
  - tutorials
summary: "2020年10月のアップデートにより、Instagram・Twitterなどソーシャルメディア投稿の埋め込みに活用いただける「フィード機能」のウィジェットレイアウトが刷新されました。実際のウィジェットと共に新しいレイアウトをご紹介させていただきます。"
draft: false
seo:
  title: "【フィード機能】ウィジェットのレイアウトが刷新されました！"
  description: "2020年10月のアップデートにより、Instagram・Twitterなどソーシャルメディア投稿の埋め込みに活用いただける「フィード機能」のウィジェットレイアウトが刷新されました。実際のウィジェットと共に新しいレイアウトをご紹介させていただきます。"
  og_image: "https://embedsocial.jp/hp/wp-content/uploads/2020/10/new-layouts-2.png"
  og_image_width: 2240
  og_image_height: 1260
  structured_data: article
---

2020年10月のアップデートにより、Instagram・Twitterなどソーシャルメディア投稿の埋め込みに活用いただける「フィード機能」のウィジェットレイアウトが刷新されました。実際のウィジェットと共に新しいレイアウトをご紹介させていただきます。

※従来のレイアウトも引き続きご利用いただけます

## 目次

1.  [【定番】フィード レイアウト](#anchor1)
2.  [【余白が多くて見やすい】Wall レイアウト](#anchor2)
3.  [【一画面に数多く表示できる】Masonry レイアウト](#anchor3)
4.  [【ギャラリーに最適】Grid レイアウト](#anchor4)
5.  [【動きのある表示ができる】Slider レイアウト](#anchor5)
6.  [【より大きなスライダー表示】カルーセル レイアウト](#anchor6)
7.  [【新着投稿を強調できる】Collage レイアウト](#anchor7)

## フィード レイアウト

定番のフィードレイアウトは、ロードボタンを「もっと読み込む」に設定した際にウィジェット下部が半透明の状態となり続きがあることがより分かりやすくなりました。

ウィジェット上部には新たにタイトルが設置できるようになり、フォローボタンや現在の投稿数を表示いただくことができます。

{{embedsocial-hashtag:59f18269ca7561e1c4485a9a56f5f0294843569d}}

## Wall レイアウト

新たなレイアウトとしてWall レイアウトが追加されました。フィード レイアウトとの違いは、タイトル・ロゴマークの位置や画像のサイズに現れています。同様に、ウィジェット下部は半透明の状態となり続きの表示が分かりやすくなっています。

{{embedsocial-hashtag:1a7284e71297be6ea1457d57dbe86c18bbcb9a8f}}

## Masonry レイアウト

一画面に多くの投稿を表示することができるMasonry レイアウトも同様にデザインの更新、一投稿あたりのテキスト量も減少しよりスッキリした見た目となりました。

新レイアウトにより設置が可能となったウィジェット上部のタイトルは、管理画面より非表示にすることもできます。読み込みボタンに関しては、先ほどのフィード・Wall レイアウトのような「もっと読み込む」ボタン、あるいは下記のようなページネーション（1, 2, 3, ...）より選択することができます。

{{embedsocial-hashtag:6f8b84fa46ddc04352d463e650d80c2fb5a5674f}}

## Grid レイアウト

画像ギャラリーとしての表示に適したGrid レイアウトでは、マウスオーバーした際の背景が黒になり、フォントの変更と合わせてより高級感のある見た目になりました。

ウィジェットに表示させた投稿には外部リンクを設置することができ、ソーシャルメディアのUGCを活用して購買・お問い合わせ数の増加へとつなげていただくことができます。

{{embedsocial-hashtag:93a6b165fe8a5c40483d0bcb34c3fd84158a7413}}

## Slider レイアウト

Slider レイアウトでは、表示させる投稿が自動で切り替わるため、フッターなど限られたスペース内で表示させる際に活躍します。自動更新の速度は管理画面より変更することができるほか、下記のように収集元のSNSロゴを非表示にすることもできます。

{{embedsocial-hashtag:e68cdc1e630ad1c61ceb986c650b178ac1670dee}}

## カルーセル レイアウト

カルーセルレイアウトでは、より大きなサイズで各投稿をスライダー形式で表示することができるため、各投稿をクリックして拡大することなく閲覧できます。各投稿のリンクは、下記のようにポップアップを表示させることなく直接もとのSNS投稿へとリンクさせることも可能です。

{{embedsocial-hashtag:e88df6de03a9d74a99b53e669f709b06f4926cf7}}

## Collage レイアウト

Collage レイアウトでは、最新の投稿を拡大して表示させることができるため、Youtube動画を表示させる場合など最新投稿へとユーザーを積極的に誘導したい場合に有効です。

{{embedsocial-hashtag:663b4c488c6afa816e777439b2560a4382a763c3}}

新しく追加されたレイアウトはいかがでしたでしょうか？

EmbedSocialではレイアウトの改善・機能の追加を積極的に行っています。追加機能のご要望などございます際には、ぜひ担当者までご意見をお寄せくださいませ！