• 解決済 fumisiro

    (@fumisiro)


    こちらのサイトの上段の『mail』フォームですが、送信後、段が少し下の方にずれてしまいます。何も入力しないで送信ボタンをクリックし、エラー表示が出た状態でも、ずれますし、きちんと入力し、送信した後の完了画面も、同じようにずれてしまいます。contact form 7のデザインをテーマのスタイルシートでカスタマイズしていますが、このスタイルシートを削除してもずれがおきてしまいます。そこで、他のテーマに変えてみるとずれはおこりません。私の使っているテーマに起因していると思いますが、どこに原因があるかわかりません。そこで原因についてご教示していただけると助かります。ちなみにWordpress歴半年ほどの初心者です。お手数をおかけしますが、よろしくお願いします。

8件の返信を表示中 - 1 - 8件目 (全8件中)
  • トピック投稿者 fumisiro

    (@fumisiro)

    先ほどサイドバーを外して送信ボタンを押してみたら、ずれはおきませんでした。サイドバーに関係しているかもしれないです。

    モデレーター Takayuki Miyoshi

    (@takayukister)

    「段」とは何のことでしょう?こちらで Firefox でざっと試してみましたが別段おかしな風には見えませんでした。何が問題なのか詳しく説明していただけますか。

    しいていえば、テーマに wp_footer() が使われていないので Ajax で動作してないですね。こちらを参照してください。

    どうして私のコンタクトフォームは AJAX っぽく動かないのか?

    いいサイトですね。

    トピック投稿者 fumisiro

    (@fumisiro)

    Takayuki Miyoshiさま
    ありがとうございます。『段がずれる』とは、送信後ページ上部が隠れた状態になってしま浮ことです。つまり下に少しスクロールされた位置に来てしまいます。ブラウザによって少し位置が違いますが、Mac safariですと『お名前』あたりまで見えなくなってしまいます。Mac FireFoxですと『MAIL』が隠れる位置までずれてしまいます。何も入力せずに送信をクリックしても、同じ現象が起きます。できれば送信したときにタイトルまで見えるようにしたいのです。素人ながらアンカータグ関係しているのか?と考えていますが、的外れでしょうか?

    ご紹介の『どうして私のコンタクトフォームは AJAX っぽく動かないのか?』言葉が難しくて私レベルでは理解しにくいですが、読んでみます。確かにデフォルトの状態でこのようなアクションのエラー表示が出ないので、不思議に思っていました。勉強になります。

    お褒めのお言葉ありがとうございます。

    トピック投稿者 fumisiro

    (@fumisiro)

    先ほどwp_footer() を書き込もうとしたところテーマのfooter phpの最後の方に

    </div>
    <!– / フッター –>

    <?php wp_footer(); ?>

    </div>

    という記述を見つけました。
    wp_footer()は問題ないと理解してもよろしいでしょうか?

    トピック投稿者 fumisiro

    (@fumisiro)

    何度も分けて投稿して申し訳ございません。ずれる部分(隠れる)所ですが、ちょうどヘッダーの部分がスクロールされて隠れるようです。
    引き続きアドバイスをいただければ助かります。

    モデレーター Takayuki Miyoshi

    (@takayukister)

    wp_footer() が正しく使われていて Contact Form 7 のスクリプト、スタイルシートのみ出力されていないとすると、可能性の一つとしては wp-config.php で定数指定されているのかもしれません。

    参考: 必要な場合だけ JavaScript とスタイルシートをロードさせるには
    (初心者とおっしゃる方がこんな設定を仕込んでいるとは考えにくいのですが、いちおう念のため確認してみてください)

    『段がずれる』件ですが、これは正常な動作です。ページがリロードされる際に URL に #wpcf7-f874-p957-o1 のフラグメントがつきますので、その ID が指定されたフォームの先頭位置まで自動的にスクロールされます。ページのリロードに伴った挙動なので Ajax による送信が機能するようになれば同時に解消されます。

    トピック投稿者 fumisiro

    (@fumisiro)

    Takayuki Miyoshiさま
    ご丁寧にありがとうございます。
    『必要な場合だけ JavaScript とスタイルシートをロードさせるには』を読んでみます。
    『Ajax による送信』を機能するようやってみます。お手数をおかけします。

    トピック投稿者 fumisiro

    (@fumisiro)

    突き止めました!
    functions.phpに

    remove_action(‘wp_head’, ‘wp_enqueue_scripts’, 1);

    がありました。取るとずれはおこらず、またエラー表示のアクションも大丈夫です。
    ただ、上の部分を削除して何か問題が起こらないか私にはわかりません。
    とにかく解決できました。Takayuki Miyoshi様ありがとうございました。

8件の返信を表示中 - 1 - 8件目 (全8件中)
  • トピック「contact form 7の送信後、段がずれる」には新たに返信することはできません。