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パラメータが釣り合っていることを確認してください。