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

Sitecore Formsは以下の場所にあるCSSおよびスクリプトファイルを使用します: <siteroot>/sitecore modules/Web/ExperienceForms。

フォームでカスタムスタイルやスクリプトを使い始めるには:

1.  コンテンツエディターでsitecore/Formsに移動し、スクリプトやスタイルを追加したいフォームをクリックし、**スクリプトまたは****スタイル**フィールドでカスタムスクリプトまたはスタイルファイル名を追加してください。
    
    ![Scripts field in the Content Editor.](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/93/sitecore-experience-manager/images/FORMS-scripts.png)
    
    > !注すべてのフォームでスクリプトやスタイルを利用できるようにするには、標準値項目の設定を更新する必要があります: sitecore/Templates/System/Forms/Form/\_\_Standard Values
    
2.  カスタムスタイルやスクリプトファイルを以下のフォルダのいずれかに追加してください:
    
    -   台本: <siteroot>/sitecore modules/Web/ExperienceForms/scripts
    -   スタイル: <siteroot>/sitecore modules/Web/ExperienceForms/css
3.  ファイルをレンダリングするには、[レイアウトに以下のメソッドを追加](https://doc.sitecore.com/xp/ja/developers/93/sitecore-experience-manager/add-a-form-to-a-webpage.html "Add a form to a webpage")する必要があります:
    
    -   @Html.RenderFormStyles()
    -   @Html.RenderFormScripts()
4.  フォームでカスタムスタイリングを使うには、[フォーム要素にcssクラスを追加](https://doc.sitecore.com/xp/en/users/100/sitecore-experience-platform/change-the-styling-of-a-form.html)できます。