メインコンテンツにスキップ
バッジをカスタマイズする

カスタムスターズバッジをカスタマイズし、色、フォント、サイズを変更する手順

Yuka Isobe avatar
対応者:Yuka Isobe
2か月以上前に更新

管理画面の「バッジ」セクションで見つけることができるカスタムバッジには、3つのカスタマイズオプションが有効になっています。

このカスタムバッジのコードを取得するには、アカウントにログインし、左のメニューから「バッジ」を選択し、以下に示すようにソースを選択してください。

この例では、以前に接続したEmbedSocial Googleロケーションのソースを使用しています。カスタムバッジの埋め込みコードを取得するには、カスタムバッジまでスクロールし、以下に示すようにコードをコピーしてください。

コードを取得したら、以下の項目をカスタマイズできます。

  • テキストの色

  • テキストの配置

  • 星の色

これらのカスタマイズをコードに適用するには、次のパラメーターをコピーして貼り付け、値を変更できます。

  • ?fontColor=f3ff5f

  • ?textAlign=center(left、center、right)

  • ?starColor=ffffff

これらは、次のように元のコードに追加できます。

<iframe src="https://embedsocial.com/api/reviews_source_badges/badge-6/en/google/5886?starColor=000000" scrolling="no" style="width: 200px; height: 55px; border: 0px; overflow: hidden;" /></iframe> 

複数のカスタマイズを追加したい場合は、次のように&文字で区切ることができます。

<iframe src="https://embedsocial.com/api/reviews_source_badges/badge-6/en/google/5886?starColor=000000&textAlign=center" scrolling="no" style="width: 200px; height: 55px; border: 0px; overflow: hidden;" /></iframe> 

こちらがバッジの現在の外観のプレビューです。

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

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