解 説
wordPressの人気プラグイン「Contact Form 7」を導入しているサイトは多いと思いますが、デフォルトのままだと送信ボタンを押した時にAjaxローダーが表示されたり、送信完了メッセージが表示されたります。カスタマイズを行うにはCSSで調整していくのですが、これらを非表示にする方法をご紹介します。
1送信中のAjaxローダーを非表示にする方法
div.wpcf7 .ajax-loader {
display: none !important;
}
2送信完了のメッセージボックスを非表示にする方法
.wpcf7-mail-sent-ok {
display:none !important;
}
上記のコードは、該当ページのCSSファイルに追記してもOKですし、
プラグインフォルダ内のCSSファイルを調整してもOKです。ファイルの場所は以下の通りです。
ルート/wp-content/plugins/contact-form-7/includes/css/styles.css