一般的なテーマの競合を特定する方法

テーマがWPFormsと競合しているが、どこから手をつければよいかわからないということはありませんか？ このチュートリアルでは、私たちがこれまでに発見した一般的な競合とその解決方法について、順を追って説明します。

このチュートリアルでは、特定の競合を解決するために、CSS、JavaScript、そしておそらくPHPを使用します。これらの意味やどこに追加すればよいかわからない場合は、カスタムPHPとJavaScriptの追加方法やカスタムCSSの追加方法と場所に関する多くのチュートリアルがあります。

チェックボックスおよび複数選択フィールドが正しく表示されない

これは、テーマ開発者がフォームフィールドに独自のスタイルを適用したい場合にかなり一般的です。そのため、独自のCSSを適用しますが、WPFormsはデフォルトのCSSで読み込まれるため、表示が異なる場合や理想的でない場合があります。これを解決するにはいくつかの方法があります。

これを解決するオプションの1つは、テーマにフォームフィールド全体のスタイルを適用させることです。これを行うには、WPFormsのデフォルトのスタイルをオフにすることができます。これは、**WPForms設定**ページの**一般**タブの下にあります。詳細については、こちらのドキュメントをご覧ください。

しかし、**ほとんど**の場合、簡単なCSSルールを追加するだけで、この特定の問題は解決します。

.wpforms-container input[type=radio] {
        -webkit-appearance: radio !important;
        -moz-appearance: radio !important;
        appearance: radio !important;
}

.wpforms-container input[type=checkbox] {
        -webkit-appearance: checkbox !important;
        -moz-appearance: checkbox !important;
        appearance: checkbox !important;
}

フォームが正しく機能しない、または送信されない

条件付きロジックが表示されるべき時に表示されない、またはフォームが送信されないなど、フォームが正しく機能しない場合は、JavaScriptエラーが発生している可能性があります。

WP_DEBUGを有効にして、発生している特定のエラーをキャッチしてみてください。詳細については、こちらのチュートリアルをご覧ください。

しかし、テーマの競合によって引き起こされるJavaScriptの問題の一般的な原因は、テンプレートファイル（例：page.php）にwp_footer()またはget_footer()関数が追加されていないことです。これは、WPFormsがサイトのページにアセットを読み込むために使用する関数です。この関数が存在しない場合、WPFormsアセットはまったく読み込まれず、フォームが送信されないか、正しく機能しない可能性があります。

この関数が実際に欠落している場合は、テーマ作成者に直接連絡して知らせるか、子テーマを作成してこれらのページテンプレートをコピーし、これらのページにこの関数を追加する必要があります。

WPBeginnerの仲間たちが、子テーマの作成方法に関する非常に優れた記事を作成しました。このチュートリアルには、フォローするためのビデオも含まれています。

メール通知が届かない

メール通知が届かず、通知設定を確認した場合は、こちらの記事で詳細を確認してください。

他のトラブルシューティング手順について知りたい場合は、こちらのドキュメントを確認してください。

フォームのカスタマイズをスタイルや機能強化で行う他の方法を検討したい場合は、開発者向けドキュメントをご覧ください。