先ほどサイドバーを外して送信ボタンを押してみたら、ずれはおきませんでした。サイドバーに関係しているかもしれないです。
「段」とは何のことでしょう?こちらで Firefox でざっと試してみましたが別段おかしな風には見えませんでした。何が問題なのか詳しく説明していただけますか。
しいていえば、テーマに wp_footer() が使われていないので Ajax で動作してないですね。こちらを参照してください。
どうして私のコンタクトフォームは AJAX っぽく動かないのか?
いいサイトですね。
Takayuki Miyoshiさま
ありがとうございます。『段がずれる』とは、送信後ページ上部が隠れた状態になってしま浮ことです。つまり下に少しスクロールされた位置に来てしまいます。ブラウザによって少し位置が違いますが、Mac safariですと『お名前』あたりまで見えなくなってしまいます。Mac FireFoxですと『MAIL』が隠れる位置までずれてしまいます。何も入力せずに送信をクリックしても、同じ現象が起きます。できれば送信したときにタイトルまで見えるようにしたいのです。素人ながらアンカータグ関係しているのか?と考えていますが、的外れでしょうか?
ご紹介の『どうして私のコンタクトフォームは AJAX っぽく動かないのか?』言葉が難しくて私レベルでは理解しにくいですが、読んでみます。確かにデフォルトの状態でこのようなアクションのエラー表示が出ないので、不思議に思っていました。勉強になります。
お褒めのお言葉ありがとうございます。
先ほどwp_footer() を書き込もうとしたところテーマのfooter phpの最後の方に
</div>
<!– / フッター –>
<?php wp_footer(); ?>
</div>
という記述を見つけました。
wp_footer()は問題ないと理解してもよろしいでしょうか?
何度も分けて投稿して申し訳ございません。ずれる部分(隠れる)所ですが、ちょうどヘッダーの部分がスクロールされて隠れるようです。
引き続きアドバイスをいただければ助かります。
wp_footer() が正しく使われていて Contact Form 7 のスクリプト、スタイルシートのみ出力されていないとすると、可能性の一つとしては wp-config.php で定数指定されているのかもしれません。
参考: 必要な場合だけ JavaScript とスタイルシートをロードさせるには
(初心者とおっしゃる方がこんな設定を仕込んでいるとは考えにくいのですが、いちおう念のため確認してみてください)
『段がずれる』件ですが、これは正常な動作です。ページがリロードされる際に URL に #wpcf7-f874-p957-o1 のフラグメントがつきますので、その ID が指定されたフォームの先頭位置まで自動的にスクロールされます。ページのリロードに伴った挙動なので Ajax による送信が機能するようになれば同時に解消されます。
Takayuki Miyoshiさま
ご丁寧にありがとうございます。
『必要な場合だけ JavaScript とスタイルシートをロードさせるには』を読んでみます。
『Ajax による送信』を機能するようやってみます。お手数をおかけします。
突き止めました!
functions.phpに
remove_action(‘wp_head’, ‘wp_enqueue_scripts’, 1);
がありました。取るとずれはおこらず、またエラー表示のアクションも大丈夫です。
ただ、上の部分を削除して何か問題が起こらないか私にはわかりません。
とにかく解決できました。Takayuki Miyoshi様ありがとうございました。