---
title: "Sitecoreフォームにスタイルやスクリプトを追加する"
slug: "add-styles-and-scripts-to-sitecore-forms"
abstract: "CSSやスクリプトファイルを追加してフォームをカスタマイズしましょう。"
---
# Sitecoreフォームにスタイルやスクリプトを追加する

カスタマイズしたフォームが正しく機能し表示されるためには、必要なスタイルやスクリプトをSitecoreに追加する必要があります。

Sitecoreフォームにスタイルやスクリプトを追加するには:

1.  コンテンツエディターで*sitecore/Forms*に移動し、スクリプトやスタイルを追加したいフォームをクリックし、**スクリプトまたは****スタイル**フィールドでカスタムスクリプトまたはスタイルファイル名を追加してください。
    
    ![Example of the path to a script file](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/103/sitecore-experience-manager/images/FORMS-scripts.png)
    
    > !注すべてのフォームでスクリプトやスタイルを利用可能にしたい場合は、標準の価値項目( *sitecore/Templates/System/Forms/Form/\_\_Standard Values*)の設定を更新する必要があります。
    
2.  以下のフォルダにカスタムスタイルやスクリプトファイルを追加してください:
    
    -   スタイル: <siteroot>/sitecore modules/Web/ExperienceForms/css
    -   台本: <siteroot>/sitecore modules/Web/ExperienceForms/scripts
3.  [レイアウトに以下の方法を追加してファイルをレンダリングします:](https://doc.sitecore.com/xp/ja/developers/103/sitecore-experience-manager/add-a-form-to-a-webpage.html "Add a form to a webpage")
    
    -   @Html.RenderFormStyles()
    -   @Html.RenderFormScripts()
4.  **必要に応じて、フォームデザイナーがCSSクラス****およびCSSクラスラベル**[のフィールドで使用できるオートコンプリートリストを追加してください。](https://doc.sitecore.com/xp/ja/developers/103/sitecore-experience-manager/creating-an-autocomplete-list-for-form-element-styling.html "Creating an autocomplete list for form element styling")