<aside> ⛏️ こちらでは、HTML/CSSの知識を含んだ内容を扱っています。

</aside>

サイトのデザインに合わせてカスタマイズ可能な項目

AnyGiftのUIのデザインのカスタマイズについて


AnyGiftによりに挿入されるUIのHTMLの各要素には、各ストアでのカスタマイズ用に anygift- で始まるクラスを設定しております。

テーマの編集から、任意のCSSファイルで anygift- で始まるクラスに対してスタイルを当てていただくことで、デザインのカスタマイズが可能です。

<aside> 💡 anygift- で始まるクラス以外のクラスは、今後の改善により変更される可能性がございます。それらのクラスに対してスタイルを当てることは非推奨です。

</aside>

クラスの例

詳しくは、ブラウザの開発者ツールを用いてお調べください。

CSSの追加方法


カスタマイズのカスタムCSS機能を使う方法

2023冬より、テーマのカスタマイズからカスタムCSSを追加することが可能です。

方法は下記をご覧ください。

テーマにカスタムCSSを追加する