問題タブ [contact-form-7]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - 要素の下の背景色と背景画像
アイデアは、人々が必須フィールドへの入力に失敗したときに表示される有効でないエラーのヒントを吹き出しのように表示させることでした。そのため、矢印の画像がテキストの中央と下に表示され、見逃したフィールドを指すことになります。
HTML:
CSS:
ご覧のとおり、背景色と要素の中央とその下に配置する必要がある矢印の画像がありますが、もちろん、背景の位置を使用して配置すると、画像は外側にオーバーフローできないため非表示になります要素自体。HTML を簡単に編集できれば簡単ですが、プラグインを使用していて、将来的にはプラグインを自由に更新できるようにしたいので、やりたくありません。
質問:
純粋な CSS ソリューションはありますか?
そうでない場合 (そして、私はそうではないと思う)、この問題を解決する最もクリーンな方法は何ですか? add_filter を使用して html を変更し、ツールチップの周りに div を配置して、bg 画像を追加できますか? css "content:" を使った何か、js ソリューションですか?
javascript - Wordpress 内で JavaScript を使用してフォーム NAME をターゲットにする
次のフォーム要素があります。
ページに空のテキスト ボックスが表示されます。次のJavaScriptを使用して、件名をページの名前に変更しようとしています:
ソースを表示すると、.val(' 行でわかるように、jvascript が投稿からタイトルを取得していますが、テキスト ボックスは空のままです。
なぜこれが起こっているのか誰にもアドバイスできますか?ありがとう :)
php - Contact Form 7 空のフィールドのラベルを非表示
WordPress サイトで Contact Form 7 を使用しています。送信するメールの横にラベルが付いている必須ではないフィールドがいくつかあります。例えば..
形式:
出発都市または空港コード[text origin-city3]
そのため、電子メールでは: Origin City: [origin-city3]
ユーザーがorigin-city-3のフォームに値を入力しなかった場合、それは必須ではないため、「Origin City: [origin-city3]」が表示されないようにする必要があります。
jquery についてはよく理解していますが、それを出力メールで使用できるかどうかはわかりません。
どんな助けでも大歓迎です。
wordpress - W3 Total キャッシュは Contact Form 7 と互換性がありますか?
w3 total cache プラグインを使用して、Web サイトを高速化しています。ページ キャッシング、データベース キャッシング、オブジェクト キャッシング、js&css ミニフィケーションなど、さまざまな方法でうまく機能し、FBR (最初のバイト リクエスト) にかかる時間を短縮します。
しかし、tools.pingdom.com でページ速度テストを確認すると、不要な URL ( www.mydomain.com/?_wpcf7_is_ajax_call=1&_wpcf7=63 ) が表示され、パフォーマンスに影響を与える要求を完了するのに時間がかかります。
不要な URL が消えた w3 キャッシュ プラグインの無効化後。私はこの問題の原因を知っています - ajax 呼び出しで contactform7 プラグインを使用しているためです。しかし、contactform7 のキャッシングをなくすには w3 totalcache が必要でした
設定が変更されました:
w3 pagecache タブ -> 詳細設定 -> 次のページをキャッシュしない:
- /。[]。
- /?_wpcf7_is_ajax_call=1&_wpcf7=63/
しかし、役に立たない。どんな助けでも!!!
wordpress - Contact Form 7 WP プラグイン - 検証
この問題に対する答えを求めて Web をトロールしましたが、解決策が見つかりません。
検証メッセージ (「必須フィールドに入力してください」、「検証エラーが発生しました」など) を完全に削除し、問題のあるテキスト ボックスの周りに赤い境界線を残す方法はありますか?
言い換えれば、Contact Form 7 が通常どおり動作するようにしたいのですが、検証メッセージ テキストを表示しないようにします。赤い枠で十分です。
CF7 関数ファイル (includes/functions.php) を編集し、関数 wpcf7_messages() 関数のセクションをコメントアウトしました。
しかし、何も機能しません:(
どんな助けでも大歓迎です。
css - Contact Form 7 のマージン スタイルの問題
小さな会社のサイトを構築しています (こちらをご覧ください)。お問い合わせフォーム (右上隅) のテキスト ボックスを正しく並べることができない理由を理解するのに非常に苦労しています。 .
CSS に何をしても、フォーム フィールドの左右のマージンが均一になることはありません。私が望むのは、余白が両側で均等になることだけです。
これはワードプレスのコンタクトフォーム 7 プラグインです。現在、フォームのすべての入力は 90% 幅です。幅を 100% に増やすと、親要素 (要素が含まれているフォーム) と同じ幅になると予想されますが、そうではありません。幅 100% の場合、常に親要素よりも長くなります。この問題を解決する方法について少し洞察を教えてください。誰かがこれまたは同様の問題を抱えていて、それを修正する方法を知っていますか?
コードを投稿したいのですが、どのコードを投稿すればよいかさえわかりません。私は一日中firebugで要素を調べてきましたが、問題の原因を見つけることができません. 私はこのお問い合わせフォームでかなり短気になっているので、どんな助けも大歓迎です. ありがとう。
wordpress - フォーム(ワードプレス)でお申し込み後、お客様固有の番号を返却
Wordpress で Web サイトを作成していますが、顧客が入力する必要があるフォームがあります。申請するすべての顧客が、入力を完了して成功メッセージを受け取った後、電子メールで一意の番号を取得し、残りの手順について会社に連絡したいと考えています。フォームには contact-form-7 プラグインも使用しています。これを自動的に実行できるアイデアやプラグインはありますか? コードが必要な場合でも、お知らせください。前もって感謝します!