【Elementor Pro】ポストウィジェットのページネーションが効かないときの対処法

こんににちは!づみです。

先日Elementor Proのポストウィジェットを使っていて、ページネーションがうまく効かないことがありました。

具体的な原因
  • ページネーションの2ページ目をクリックしても1ページ目にリダイレクトされる。

原因対処のため、調べていたところ解決策が見つかったのでシェアしようと思います。

ページネーションがうまく動作しなくて困っている方はぜひ参考にどうぞ。

対処法:JSを追加する

早速ですが、JSを追加すれば改善されました。下記コードをCustom codeなどで追加してみてください。

Javaxcript
<script>
jQuery(document).ready(function(){     
    jQuery('a.page-numbers').each(function() { 
    
    var oldUrl = jQuery(this).attr('href'); 
  // alert("test: "+oldUrl);
   var patt = /\/[0-9]\//;
   var result = oldUrl.match(patt);
   var result2 = '/page' +result;
   
   url = oldUrl.replace(result, result2);


    jQuery(this).attr('href', url); }); 
    
});
</script>

Custom codeへの追加方法

Custom codeへアクセス

ダッシュボードからElementor → Custom code を選択します。

画面上部の「Add New」をクリックします。

上記の画面が表示されるので、あとは書いていくだけです。

各説明
  • タイトル: そのままの意味。後で見たときにわかりやすいタイトルにしましょう
  • Location: どの位置にコードを記述しますか?という意味です。head、bodyの上、bodyの下から選べます。
  • Priority:  コードが反映される優先順位です。他のコードとの干渉を防ぎます。基本的には1で良いでしょう。

まとめ

というわけで、今回は以上です。この不具合は現在(2021年9月2日)では確認できませんでした。

プラグインのアップデートで改善されたかもですね。もし動かないときの応急処置としてどうぞ。

その他Elementorに関する記事はこちら

2 COMMENTS

Kent

こんにちは。
Elementor Proを使っています。ポストウィジェットで投稿がアーカイブ表示されているのですが、ページネーションがまったく表示されません。
解決のためのヒントがありましたら、ご教示いただけると助かります。
当方の環境は以下の通りです。
Wordpress 6.0.2、Theme(Astra Child 3.9.1.1659954248)、Elementor (3.7.4)、Elementor Pro(3.7.5)、PHP 7.4.28、サーバーはXserverです。

返信する

コメントを残す

メールアドレスが公開されることはありません。

CAPTCHA