Howdy新規会員登録フォームアプリ

thumbnail

独自のCSS, JavaScriptを適用する方法

カスタムCSS, カスタムJS の適用方法

Takahashi2026-04-08

現状「ログイン前」に会員登録フォームを設置している場合のみ、カスタムCSS, カスタムJavaScript を適用することが可能です。

表示タイミングを「ログイン後」選択の際は現状使用できません。

(参照)https://docs.channel.io/howdy-app/ja/articles/registration-form-timing-a3e5c1b7

テーマコード上でファイルを作成します。

ファイル名は自由に指定していただいて問題ございません。

次に theme.liquid 上で "Howdy"アプリページのみ、適用されるようにLiquidで制御をかけながら読み込みます。

ファイル名は、ご自身で設定した名称をご使用ください。

JavaScriptファイルの読み込み

Plaintext
{% if request.path contains "howdy-apps" %}
   <script src="{{ 'custom-howdy.js' | asset_url }}" defer="defer"></script>
{% endif %}

CSSファイルの読み込み

Plaintext
{% if request.path contains "howdy-apps" %}
  {{ 'custom-howdy.css' | asset_url | stylesheet_tag }}
{% endif %}

これでカスタムCSS, カスタムJSの適用が完了しました。