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

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

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

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

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

対処法：JSを追加する

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

<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」をクリックします。

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

まとめ

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

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

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

2022年2月12日

無料版Elementorでヘッダーを作成する方法【カスタマイズ方法も解説する】

2021年7月25日

【最新版】Elementorで固定ページを複製する方法【作業の効率化も解説する】

2021年7月23日

「Elementorは実際の制作案件に使えるのか？」←結論：使えます

2021年9月9日

【レビュー】Elementor Proは実際どうなのか？【結論→導入価値はあり】

2021年7月29日

【Elementor】プラグインを使わずにアイコンボックス全体をリンク化させる方法

2021年9月3日

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