このセクションの記事一覧はこちら

CSS上書きを設定する - ウェブビュー機能

CSS上書き.png

  1. 「CSS上書き」をクリックします。
  2. 対象URLパターンを入力します。
    ※対象URLパターンは複数登録が可能です。
    ・https://yapp.li/  →yapp.li以下すべてのページ適応
    ・https://yapp.li/news  →yapp.liのnews以下すべてのページ適応
    ・https://yapp.li/index.html  →yapp.liのindex.htmlだけに適応
  3. 「対象端末」を「すべて」「Android」「iOS」から選択します。
  4. 「上書きするCSS」に必要な内容を入力します。
  5. 管理用に、100字までメモを入力することができます。
  6. 保存をクリックします。
  7. Preview Yappliで見え方を確認します。

設定の詳細については下記サポートページも合わせてご確認ください。

参考:『【vol.7】ウェブビューのCSS上書きでアプリらしい表現を

 

ヒント

  • 複数設定をする場合は「+追加」をクリックします。
  • CSS上書きが反映されない場合は、指定している対象URLパターンのURLを短縮してみましょう。
    例:https://yappli.co.jp/xxxx/xxxx/  →  https://yappli.co.jp/xxxx/

 

 

更新履歴

  • 2025年7月3日 「管理メモ」リリースに伴い、最新の情報に更新

不明点はございますか? お気軽にお問い合わせください >

不明点はございますか? お気軽にお問い合わせください >