すべてのコレクション
EmbedFeed エンベッドフィード
スタートガイド
レスポンシブなウェブサイトビルダーに合わせてウィジェットをカスタマイズする方法
レスポンシブなウェブサイトビルダーに合わせてウィジェットをカスタマイズする方法

次の記事では、ウィジェットフィードを異なるレイアウト、設定、およびカスタムCSSでカスタマイズする方法について説明します。

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

こちらの記事に使用されいてる管理画面の画像は、英語の管理画面を撮影したものです。実際にご利用いただくEmbedSocialの管理画面は日本語仕様です。

ウィジェットをカスタマイズして、ウェブサイトに完璧に合うようにするための質問を投稿していただき、ありがとうございます!ウィジェットをカスタマイズするために、異なるレイアウトとカスタマイズオプションがあります。以下はその一部です。

レイアウトセクション 「レイアウト」セクションでは、ウィジェットの希望するレイアウトスタイルを選択できます。以下で使用可能なスタイルを共有します:

  • フィード

  • スライダー

  • コラージュ

  • ポップアップ

各レイアウトスタイルについて、デスクトップビューの列数、モバイルビューの列数、ウィジェットで表示したい投稿数、ウィジェットのテーマ(ライト、ダーク、レインボー)、ナビゲーションタイプなど、異なる設定を選択できます。

Changing the widget style on the Layout section

レイアウトセクションでウィジェットスタイルを変更する 「レイアウト」セクションでカスタマイズが完了したら、変更内容を「保存」してください。

ヘッダーセクション この部分では、ウィジェットのヘッダーセクションをカスタマイズできます。ウィジェットタイトル、投稿数、サムネイル画像、ボタンなどの要素を無効または有効にするか選択できます。

ウィジェットタイトルを設定したり、ボタンの名前と色を設定したり、サムネイル画像を変更したり、ヘッダーセクションの配置を選択したりできます。

Customizing the header section of the widget

ウィジェットのヘッダーセクションをカスタマイズする ウィジェットに複数のソースがある場合、ソースで絞り込みを有効にすることもできます。

「ヘッダー」セクションでカスタマイズが完了したら、変更内容を「保存」してください。

カードセクション カードセクションは、ウィジェットの主要なセクションで、投稿が表示されるセクションです。投稿はカードに配置されます。このセクションでは、カードのスタイルと、カードに表示したい要素を選択できます。3種類のカードスタイルとさまざまな設定があります。ユーザー名、日付、説明、ロゴ、アバターなどを無効または有効にすることができます。要素の配置を選択できます。画像のプレビューと形状を選択できます。自動再生オプションを有効にしたり、投稿をライトボックスで開いたり、訪問者を元のソースにリダイレクトしたりすることができます。

Customizing the card section of the widget

ウィジェットのカードセクションをカスタマイズする

「カード」セクションでカスタマイズが完了したら、変更内容を「保存」してください。

カスタムCSSセクション カスタムCSSセクションで追加のカスタマイズが行えます。詳細については、以下の記事をご覧ください:レスポンシブなウェブサイトビルダーでカスタムCSSを追加する方法。

詳細やご不明点は、このページの右下のチャットサポートかCSチームにお問い合わせくださいませ。

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