Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

ページネーションが3回目から機能しない...
 
共有:
通知
すべてクリア

[解決済] ページネーションが3回目から機能しない。

27 投稿
7 ユーザー
23 Reactions
4,182 表示
(@wattanwattan)
Active Member Registered
結合: 6年前
投稿: 9
Topic starter  

お世話になります。
cocoonをありがたく使用させていただいております。

 

1点、ご確認をお願いしたく投稿をさせていただきます。

https://peace5995.com/

 

サイト下部の、「次のページ」で2回移動した後、3回目の移動の際にリンクが機能しなくなります。

同様に、「1」「2」のページ移動のところも3回目から機能しなくなります。

ご確認をお願いできますと幸いです。

 

サイト名:Lure Fishing from Tokyo
サイトURL: https://peace5995.com
ホームURL: https://peace5995.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン:5.3.2
PHPバージョン:7.1.28
ブラウザ:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.88 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.0.4
カテゴリ数:19
タグ数:871
ユーザー数:2
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.0.6
----------------------------------------------
Gutenberg:0
AMP:1
PWA:0
Font Awesome:4
Auto Post Thumbnail:1
Retina:1
ホームイメージ:/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:1
CSS縮小化:1
JavaScript縮小化:1
Lazy Load:1
WEBフォントLazy Load:1
JavaScript(フッター):1
----------------------------------------------
利用中のプラグイン:
/well-known-uris/ 1.0.3
Akismet Anti-Spam 4.1.3
All In One SEO Pack 3.3.4
Autoptimize 2.5.1
BackWPup 3.7.0
Category Order and Taxonomy Terms Order 1.5.7.1
Classic Editor 1.5
Contact Form 7 5.1.6
EWWW Image Optimizer 5.1.3
Font Awesome 4 Menus 4.7.0
PuSHPress 0.1.9
Regenerate Thumbnails 3.1.2
Throws SPAM Away 3.0.2
TinyMCE Advanced 5.3.0
TinyMCE Clear Float 1.3.2
WordPress Importer 0.6.4
WordPress Popular Posts 5.0.1
WP Multibyte Patch 2.8.3
----------------------------------------------


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17133
 

ページ送りナビとは、添付画像の部分で良いでしょうか?
3回目というのがちょっとよくわからなかったです。
僕が試した限りでは、3回目の手前となる以下のページに移動したとしても、リンクは有効のように見えます。
よろしければ、不具合のあるページのURLと、該当部分のスクリーンショット撮影して添付画像としてアップしていただいてよろしいでしょうか。
※不具合がある部分に注釈を入れていただけるとより助かります。


   
(@wattanwattan)
Active Member Registered
結合: 6年前
投稿: 9
Topic starter  

ご返信ありがとうございます。

わいひら様が添付いただいた部分で間違いありません。

 

例えば添付のように、12ページ目に移動し、10ページ目に移動しようとするとボタンがクリックできなくなります。

最初の移動は問題無いのですが、2回目(12ページ目に移動した状態で10ページ目のボタンをクリック)もしくは3回目にページ移動(10ページ目に移動した状態で9ページ目のボタンをクリック)をしようとした際、ボタンが押せなくなってしまう状況です。

 

※ページボタンが反応しなくなった際にcommand+R等でページの再読み込みをすると、再びボタンを押すことができるようになります。


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

5ページ目までは読み込むのを待ってあげると表示され、aria-current="page" 現在のページより右:あとは反映されない状況みたいですね。

 

でもオカシイのが、広告にラップされているような感じの印象が受けます。

ad-area no-icon ad-index-bottom ad-auto ad-label-invisible cf

Cocoon設定・広告タブにある、広告の表示位置

  • indexページボトムに設定しているフォーマット、オートアドセンスにおまかせ

広告のiframeに内包されてしまってる感じですね。

 

インデックスボトムの広告を外すか、フォーマットを変更して様子をみる。また再現できるかをチェックするのも良いとおもいます。

あと時間が許す時、Cocoon公式一覧ページなどではどんな挙動になるか、質問者さんの環境でもご確認いただけますか。

*******

試すのも良いと思いますけど、

その前に
一度わいひらさんがチェックした後のほうが良いカモです。事例としてテーマ作成者さんも見ておきたいかもしれないので。


   
わいひら reacted
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

あと

試すのであれば、ウィジェット インデックスボトム あたりにあるリンクのも文字列がオカシイ可能性はないかなぁ???

って事も確認してみるのが良いかもしれないですね。

例えばulやli、aタグの閉じ忘れなどです。

トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw

そのHTMLタグを上記方法でコピペしていただけたら。

 

ついでに、gif画像もとってみたので、見にくいですが。

 


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17133
 

最初の移動は問題無いのですが、2回目(12ページ目に移動した状態で10ページ目のボタンをクリック)もしくは3回目にページ移動(10ページ目に移動した状態で9ページ目のボタンをクリック)をしようとした際、ボタンが押せなくなってしまう状況です。

僕のWindows PCのFirefoxとChromeで試してみましたが、普通に動作するようです。
TOP → 12 → 10 → 9 と普通に移動できます。
使用されている端末とブラウザーは何でしょうか?

ブラウザ:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.88

これだとMacのChrome?


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

最初の移動は問題無いのですが、2回目(12ページ目に移動した状態で10ページ目のボタンをクリック)もしくは3回目にページ移動(10ページ目に移動した状態で9ページ目のボタンをクリック)をしようとした際、ボタンが押せなくなってしまう状況です。

僕のWindows PCのFirefoxとChromeで試してみましたが、普通に動作するようです。

Chromeでは上記通りしかためしてませんが

FireFoxで引用通りすれば、サクサク問題ありません。

※私のChromeシークレットウィンドウは広告を表示されない環境ではあります。関係はあるかは現状不明ですが。

 

TOP → 12 → 10 → 9 と普通に移動できます。

同上の環境のFireFoxは快適ですね。

※windows10


   
わいひら reacted
(@wattanwattan)
New Member
結合: 5年前
投稿: 2
 

わいひらさん  かうたっくさん

 

コメントありがとうございます。

 

インデックスボトムの広告を外す等はまだ試していないのですが、win10のchromeやfirefoxでは確かに問題なく動くようです。

 

質問をさせていただいた状況が起きているのはMacのChrome環境です。

 

  1. OSとブラウザの組み合わせが原因と考えた方が良いでしょうか?

   
たなかま
(@tanakama)
Prominent Member Registered
結合: 7年前
投稿: 600
 

こんにちは。

僕の環境だと、MacとChromeで問題ありませんでした。

Mac環境の他のブラウザだと、いかがでしょうか?

 

例えば、Chromeのアドオンが影響している可能性なども考えられますので。

 

▼環境情報

ブラウザ:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.88 Safari/537.36
This post was modified 5年前 by たなかま

   
わいひら reacted
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

これ再現性がないようです。

12ページから8までクリックして、該当ページcurrent="page"より前の6や7が押せない。(←やっぱアドセンスiframeに内包される。)

  • その状態のConsoleログを見てもadsのものでしたし。

 

運営者さん以外にそれを行う人は結構すくないと思うのと、

  • リロードすれば問題ないみたいです。

 

 

今度、8ページを表示

https://peace5995.com/page/8/

このページから6をクリックしても問題ない。再現しようとしてもできませんね。クリックしまくってるとアドセンス側の何か氏らエラーが起こるのかも。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17133
 

MacのChromeの場合、シークレットウィンドウだとどうでしょうか?


   
wattanwattan reacted
(@wattanwattan)
Active Member Registered
結合: 6年前
投稿: 9
Topic starter  

たなかまさん かうたっくさん

 

コメントありがとうございます。

Mac環境のSafariとFirefoxでは症状が出ませんでした。

chrome環境ですと、かうたっくさんがおっしゃる様に再現性がなく発生します。

そして、リロードすると治る状況です。

 

Cocoon公式一覧ページをMac環境のchromeで何度か試してみているのですが、今のところCocoon公式一覧ページに関しては症状が出ないようです。


   
(@wattanwattan)
Active Member Registered
結合: 6年前
投稿: 9
Topic starter  

わいひらさん

 

シークレットウィンドウで試してみましたが、やはり同じ症状が出てしまいます。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17133
 

だとしたら、MacとChromeの不具合と思ったのですが、たなかまさんは以下のように書いておられるので、そうともいい切れないのかも。

僕の環境だと、MacとChromeで問題ありませんでした。

なんなんでしょうね…。
ちょっと僕自身、Mac環境を持っていないので、申し訳ないですが試すことはできません ? 


   
たなかま
(@tanakama)
Prominent Member Registered
結合: 7年前
投稿: 600
 

ちょっと心当たりあるのでアドオンを調べました。

Google Publisher Toolbarアドオンが入っていませんか?

私の環境でONにしたところ、不具合が再現できました。

別のアドオンの可能性もありますが、Google Publisher Toolbarはコンソールでエラーを起こすんですよね・・・。


   
わいひら reacted
kchan
(@kchan)
Trusted Member Registered
結合: 5年前
投稿: 69
 

こんにちは。
いつもお世話になっております。

解決策は全くわからず申し訳ありませんが…、わたしの環境で起こっている現象です。

 

wattanwattanさんが書き込まれたときに iPhoneで試してみると、ほぼ同様の現象がありました。
ブラウザはChromeかSafariなのですが、すみません、どちらで試したか記憶が曖昧です。

ただ、 後日 確認したときには なぜか正常に動作するようになっていました。

 

今日、MacとChromeで試してみるとページ送りナビに不具合がありました。

6回目のクリックで反応しなくなります。
リロードをするとクリックができるようになりますが、その後もまた6回目のクリックから反応しなくなります。

あと、最後の数字17を押した後は反応しなくなります。
1回目でも17を押すと、その後はページ送りナビが押せなくなります。

 

MacとSafariでは、ちゃんと動きました。

直るといいですね…。


   
たなかま
(@tanakama)
Prominent Member Registered
結合: 7年前
投稿: 600
 

kchanさん、ありがとうございます。

5回ぐらい遷移を試したところ、再現できました。

アドオンは関係ないですね。失礼いたしました。


   
たなかま
(@tanakama)
Prominent Member Registered
結合: 7年前
投稿: 600
 

エラー名で検索すると、こちらの方が書かれている事例でしょうか・・・?

https://higashidadan.com/web/wordpress/adsense-error.html

 

PC用、モバイル用と表示を分けて、アドセンスの設定をしている場合は一度ご確認を。

 

This post was modified 5年前 2回 by たなかま

   
(@akira)
Famed Member Registered
結合: 7年前
投稿: 1657
 

WordPress Popular Posts プラグインの設定 → ツールより、「Lazy load」を「No」(おそらく今は「はい」になっているように思えます)にするとどうなるでしょうか。


   
(@wattanwattan)
New Member
結合: 5年前
投稿: 2
 

たなかまさん kchanさん Akiraさん

 

コメントありがとうございます。

教えていただいた方法を一旦全て試してみたのですが、残念ながら駄目でした。

謎です。。。

 

なんとなく、最後の1つ前のページである18ページ目をクリックした後、毎回他のページを押せなくなっている気がするのですが、あんまり関係ないでしょうか?

https://peace5995.com/page/18/

 

1ページ目→19ページ目→18ページ目がアウト。

1ページ目→19ページ目→17ページ目→18ページ目でアウト。

18ページ目を開いた状態でリロードしてボタンが機能するようになってから17ページ目→18ページ目でアウト。

 

kchanさんが記載してくださったように、特定のページをクリックするとその後はボタンが機能しなくなるような気がしています。


   
(@akira)
Famed Member Registered
結合: 7年前
投稿: 1657
 

根本的な解決方法ではありませんが、子テーマの style.css に下記の CSS の追加でページネーションはクリックできるようになると思います。

.home main,
.archive main {
  z-index: 1;
}

.ad-index-bottom {
  position: relative;
  z-index: -1;
}

CSS の追加後は、記事リストや広告などクリックできない場所が発生しないかページ全体のご確認が必要です。不具合がなかなか発生しないため、私は十分に確認できていません。

This post was modified 5年前 by Akira

   
わいひら reacted
(@akira)
Famed Member Registered
結合: 7年前
投稿: 1657
 

ごめんなさい。こちらの CSS がより良いです。

.home main,
.archive main {
  z-index: 0;
}

.ad-index-bottom {
  position: relative;
  z-index: -1;
}

   
(@wattanwattan)
Active Member Registered
結合: 6年前
投稿: 9
Topic starter  

Akiraさん

 

CSS、ありがとうございます。
問題なくページ送りがクリックできるようになり、クリックできな場所も無さそうです。

 

スッキリしました。


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17133
 

僕は、実物を確認してないので確かなことをわからないのですけど、コードを見た感じだと、インデックスページを何度かページ遷移していると、ページャー(main?)が.ad-index-bottomに覆い被さられてクリックできなくなるということなのかな??


   
(@akira)
Famed Member Registered
結合: 7年前
投稿: 1657
 

ページネーションがクリックできない時は、こんな状況でした。

  1. ページネーションの上にある ad-index-bottom 内のアドセンス広告が表示されない
  2. かつ、ad-index-bottom の高さも幅も 0px
  3. それなのに、アドセンス広告内に高さ 280px の iframe があり、ページネーションの上に覆いかぶさっている
  4. この iframe が邪魔してページネーションをクリックできない

なので、「z-index で ad-index-bottom よりページネーションを上に配置すればいいね」「けれど、iframe に position: absolute の指定があるよ」「main にも z-index を指定しないと広告がクリックできなくなっちゃう」というのが先のコメントで書いた CSS です。


かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

沢山クリックした場合限定

そのなるようですね。

Akiraさんの書き込み1・23

根本の話はずっと上でしてるけど、広告を削除して確認がスルー状態。

 

解決方法として

CSSの準備をしてくれた感じ。

 

何度チェックする人が必要になってる状態だな・・・


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17133
 

ページャー(main?)が.ad-index-bottomに覆い被さられてクリックできなくなるということなのかな??

僕、ページャーと.ad-index-bottomを逆に書いてましたね^^;

Akiraさんありがとうございます。
CSSを適用しておきました。
https://github.com/yhira/cocoon/commit/2c2b4c2c9f2acf7951f137d71352184a011fa77f#diff-da232d78aa810382f2dcdceae308ff8e


   
wattanwattan reacted
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました