### [特定のページでWPFormsのスタイルを読み込む](https://wpforms.com/developers/loading-wpforms-styling-on-specific-pages/) **公開日:** 2025年11月3日 **著者:** Umair Majeed **コンテンツ:** WPFormsのCSSを読み込むタイミングを制御したいですか？デフォルトでは、WPFormsは選択した**フォームのスタイルを含める**オプションをグローバルに適用します。しかし、簡単なPHPフィルターを使用して、特定のページでフォームのスタイルを条件付きで読み込んだり無効にしたりすることができます。 このチュートリアルでは、`wpforms_setting`フィルターを使用して、特定のページでのみWPFormsの**基本およびフォームテーマのスタイル**を読み込む方法を説明します。 --- ## フォームの作成 まず、フォームを作成し、いずれかのページに公開します。 フォームの作成方法がわからない場合は、最初のフォームの作成方法に関するガイドを参照してください。 フォームを目的のページに追加したら、**WPForms » 設定 » 一般**の下にある**フォームのスタイルを含める**オプションが「*基本およびフォームテーマのスタイル*」に設定されていることを確認してください。 ## フォームのスタイルの条件付き読み込み デフォルトでは、WPFormsはフォームが表示されるすべてのページでCSSを読み込みます。 特定のページでのみ読み込みたい場合は、次のコードスニペットを使用できます。 ``` add_filter( 'wpforms_setting', function( $value, $key, $default, $option ) { if ( $key === 'disable-css' ) { // 例: ページID 123でのみWPForms CSSを読み込む。 if ( is_page( 123 ) ) { return '1'; } else { return '3'; } } return $value; }, 10, 4 ); ``` ### 仕組み - このスニペットは、`wpforms_setting`フィルターを使用して、現在のページが指定されたIDと一致するかどうかを確認します。 - 条件が true の場合、CSSオプションを「'1'」に設定し、WPForms CSSを読み込みます。 - 他のすべてのページでは、「'3'」を返します。これにより、WPForms CSSが完全に無効になります。 WPFormsのスタイルを読み込みたい任意のページのIDに`123`を置き換えることができます。 これで完了です！簡単なフィルターを使用して、WPFormsのスタイルがいつ読み込まれるかを制御する方法がわかりました。 次に、[送信ボタンのスタイルをカスタマイズする方法](https://wpforms.com/docs/how-to-customize-the-submit-button/)や[WPForms用のカスタムCSSを追加する方法](https://wpforms.com/docs/how-to-style-wpforms-with-custom-css-beginners-guide/)を学びたいですか？これらのチュートリアルは、フォームのスタイルをさらに進化させるのに役立ちます。 **カテゴリ:** チュートリアル ---