サポート » プラグイン » MW WP Form のURL設定でハッシュ(#~)を引き継がせない方法はありますか?

  • 解決済 asako

    (@asako08)


    問い合わせページに MW WP Form のフォームを複数設置し、タブで切り替えれるようにしています。
    別ページから特定のタブへダイレクトリンクできるようにしており、その際のURLは
    https://xxxx.com/contact/#tab2
    となります。

    MW WP Form のURL設定で確認画面、完了画面、エラー画面を別ページへ遷移するようにしておりますが、そのURLの末尾に #tab2 が付与されてしまいます。
    https://xxxx.com/contact/contact-error/#tab2 のように。
    末尾の #tab2 が付かないようにすることはできますでしょうか?

    • このトピックはasakoが4年、 5ヶ月前に変更しました。
    • このトピックはasakoが4年、 5ヶ月前に変更しました。
    • このトピックはasakoが4年、 5ヶ月前に変更しました。
4件の返信を表示中 - 1 - 4件目 (全4件中)
  • こんにちは

    MW WP Form の URL 設定(確認画面、完了画面、エラー画面)で、URL の末尾に「#」のみを追加するのはどうでしょうか?

    トピック投稿者 asako

    (@asako08)

    ありがとうございます。
    末尾を#にしましたら、「このページには直接アクセスできません。」と表示されてしまいました。

    動作には問題はないのでとりあえずこのままで行っておこうと思います。
    どうもありがとうございました。

    「解決済み」ということなので、以下は参考までに。

    テーマの functions.php に、

    function my_enqueue_scripts() {
    	$script = <<<SCRIPT
    jQuery(function($) {
      $('.mw_wp_form input[type="submit"]').click(function() {
        if(window.history.pushState) {
          window.history.pushState('', '/', window.location.pathname);
        } else {
          window.location.hash = '';
        }
      });
    });
    SCRIPT;
    	wp_add_inline_script( 'mw-wp-form', $script, 'before' );
    }
    add_action( 'wp_enqueue_scripts', 'my_enqueue_scripts' );
    トピック投稿者 asako

    (@asako08)

    @ishitaka様、参考のコードありがとうございます。
    ローカルで試してみて、効いてない…となりましたが、pushStateはサーバー上で動作するのですね。
    また後日サーバー上で試してみます。ありがとうございました!

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「MW WP Form のURL設定でハッシュ(#~)を引き継がせない方法はありますか?」には新たに返信することはできません。