1

index.php にこのアンカー リンクがあります。

<a name="blog"></a>

next_posts_link と previous_posts_link がクリックされたときにこのアンカーリンクが機能するようにして、ページの上部まで移動しないようにします。ただし、WordPressのページネーションのためにこれを行う方法がわかりません。

ページネーションのコードは次のとおりです。

<div class="pagenavi">
<?php if( function_exists( 'wp_pagenavi ' ) ) {
wp_pagenavi();
} else {
next_posts_link ('<div class="arrow-back"></div>'); }
previous_posts_link('<div class="arrow-forward"></div>') ; }
4

2 に答える 2

2

解決策 2:

jQuery を使用して、ブログ投稿の前/次のリンクにアンカー タグ #blog を追加する

<script type="text/javascript">
$(document).ready(function() {
    $('.pagenavi a').each(function(i,a){$(a).attr('href',$(a).attr('href')+'#blog')});
});
</script>

デモ: http://jsfiddle.net/mfeldheim/EkMfP/12/

于 2012-11-13T21:49:59.033 に答える
0

残念ながら、wp_pagenavi関数は完全なリンク構築をカプセル化しているようです。

WordPressまたはプラグインの構成で一般的な接尾辞を構成できない場合は、Wordpressのコードを変更することはお勧めしません。

代わりに、ロード時にブラウザページをアンカーに移動する小さなJavaScriptを実行できます。

この例ではjQueryを使用しています。テンプレートの一番下の場所に貼り付けます。

<script type="text/javascript">
    $(document).ready(function() {
        $('html, body').scrollTop( 
            $('[name="blog"]').offset().top 
        );
    });
</script>

これをテストできませんでしたが、動作するはずです。単純なスクリプトでさえ、iPhoneのキーボードで書くのは大変です。

編集：魅力のように機能します、デモのためにこれをチェックしてください http://jsfiddle.net/mfeldheim/EkMfP/7/

于 2012-11-13T15:33:24.247 に答える