Retina解像度ガイドセンターアイコン

概要

Pendoでは、ガイドセンターのアイコンをRetina解像度のアイコンに置き換えることができます。ガイドセンターアイコンを更新するには次のステップに従います。

ガイドセンターアイコンをRetina解像度アイコンに置き換える

  • Pendoで、左側の[ガイド(Guides)]タブをクリックします。
  • 右上の[アプリ内のガイド管理(Manage Guides In-App)]をクリックします。
  • ここで、右上の[グローバル設定(Global Settings)]をクリックします。
  • [グローバルCSS(Global CSS)]で、[カスタムCSSを追加(Add Custom CSS)]の隣にあるラジオボタンをオンにします。
  • このコードの末尾までスクロールし、「Your Custom Classes/IDs」の下に次のコードを貼り付けます。
._pendo-launcher-badge_ {
  box-sizing: border-box;
  background: url("YOUR URL HERE");
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 40px; /*customizable*/
  padding-left: 40px; /*must match width*/
  width: 40px; /*customizable -- must match padding-left*/
}

YOUR URL HEREを好きなretinaアイコンのURLに置き換えてください。必要であれば、画像をガイドテンプレートにアップロードし、生成されたstorage.googleapis.comのURLを使用することで、Pendoでホストすることもできます。また、新しい起動アイコンの高さと幅はカスタマイズ可能です。padding-leftパラメータとwidthパラメータが釣り合っていることを確認してください。