[WordPress]ナビゲーションメニューに「戻る」項目を追加する

Last Updated:2023年07月16日| | 2のコメント

WordPress ナビゲーションメニューで特定のメニュー項目をクリックした直前のルートに移動する必要がある場合は、さまざまな方法を考えてみましょう。 まず最初に考えてみることができるのが、次のように該当メニューナビゲーションの最後に戻る「アイテムを追加することです。

add_filter( 'wp_nav_menu_items', 'wti_loginout_menu_link', 10, 2 );

function wti_loginout_menu_link( $items, $args ) {
if ($args->theme_location == 'main_navigation') {
$items .= '<li class="right"><a href="javascript:history.go(-1)">뒤로 가기</a></li>';
}
return $items;
}

theme_locationは対応するメニュー位置に変更します。 確認する方法は、テーマの関数ファイルで function register_nav_menus() または function register_nav_menu() 関数を見つけると、テーマに登録されたメニューの名前を確認できます。

上記の方法は、Javaスクリプトがオフになっている場合、安全でない可能性がありますので、javascriptの代わりに、次のように WordPressで提供されるwp_get_referer()を使用することもできます。

<a href="' . wp_get_referer() .'">뒤로 가기</a>

上記の方法は直接コードを変更する場合に便利ですが、特定のページ内でメニュー項目を制御したい場合は、次のようなjQueryが便利です。

$(document).ready(function(){
$('a.back').click(function(){
parent.history.back();
return false;
});
});

上記のjQueryスクリプトを使用してきれいに好きなように処理することができました。 ちなみに、特定のURLに移動させたい場合には、:

jQuery('a.classname').click(function(){
window.location = 'http://www.example.com/contact'})

このような単純なスクリプトコードを使用すると、そのクラスエントリをクリックして特定のURLにリダイレクトできます。 例えば、 WordPress ロゴをクリックしたときにホームページ以外のパスに移動したい場合に使用できます。 jQueryを WordPressからロードする方法は この記事を参照してください。

メモ:


2のコメント

コメント

  1. 頻繁に訪問して良い情報を得ています。 ありがとうございます。
    質問ドリルがいますよ。
    私はDIVIテーマを使用しており、私のブログに投稿を投稿しています。
    沸騰特定のカテゴリでページングを使用してリストを見て文を一つ見て再び戻ることによってリストを見ると、常に1ページに戻り、になります。
    6ページで、ページの文章を読んで戻ると、6ページに戻りする方法があるでしょう?
    extraで作成したサイトも同じ問題があると思います。

    私のブログはironleg.iwinv.netです。

    応答
    • こんにちは、イテゴン様。

      この問題を Diviテーマ 開発会社Elegant Themesにお問い合わせください。 チャットでサポートを受けることができます。
      サポートを要求すると、半日以内に回答を得ることができます。 (週末には時間がかかることもあるようです。)

      https://avada.tistory.com/1591

      応答