Elementorのページネーションが動作しなくなった!

Loop Gridで問題発生
elementor pagination

Elementorのページネーションが動作しなくなった!

ページネーションの問題はアップデートとともに発生

 Elementorの大型のアップデートだった3.15.0、直後にこの問題がおきました。

 固定ページに設置したLoop Gridで指定したページネーションが動作しません、次のページに移動しようとしても1ページ目に戻ってしまう。

 Load Moreに指定すると、1ページ目と同じ内容が繰り返し表示される。

 Infinityでも同じ。。。

複数サイトで起き始めた同じ問題

 最初に気づいたのはクライアントからの電話でした。

 曰く“ページが移動しないみたいなんですけど。。。”

 確かにループ表示でページ移動ができません、でもLoad Moreに指定したらあっさり解決。

 もしやと思って当crftの似たような構造をもったページを確認してみると案の定機能していません。

 機能していなかったのは、初心者チュートリアル集関連のページでした。

 初心者チュートリアルには各アプリのカテゴリーとタグワードによるタクソノミーをベースにしたクエリ、それと直近のcrftの記事ふたつのループを含んだ固定ページです。

疑った不具合の原因

 真っ先に疑ったのがアップデートによるバグ、もしくは仕様変更。

 すぐにベースになっているElementorが3.15.1にアップデートされたので、Elementor Proもすぐにくるなとかんぐっていましたが一向にアップデートはきません。

 次に疑ったのがプラグインのコンフリクト、でもElementor以外のプラグインをすべてOFFにしても不具合は起きました。

 そして弊社のエンジニアが疑ったのがパーマリンクの設定方法。

 crftのパーマリンク指定は“カテゴリ/ポスト名”になっています。

 でも、これも違いました、ポストIDにしようが日付にしようが何も変わりません。

わかったこと

 最後に試したのが新たに固定ページの作成から一つずつ検証する作業でした。

 そこで発見したのが、2つ目のループを配置すると問題が発生すること。

 つまりElementorのページネーションはパーマリンクとスラッグをベースに“/n”のフォーマットで綴られていきます。

 同一ページに複数のページネーションが存在すると内部でエラー的なことがおきて、元の内容を表示することになるというのが顛末だったようです。

未だに残るナゾ

 とは言いつつ以前は動作していたわけです。

 もしかしたら、仕様変更で今回の問題はおきたのかもしれません。

 でも、不具合があったらそのページの中に複数のループがあるかどうかはまずチェックすべき項目かもしれません。

Picture of Minoru Nitta
Minoru Nitta
グラフィックデザイナー・フォトグラファー
このエントリーをはてなブックマークに追加
勝手マニュアル進捗 39%