特典機能について

ページネーションが3回目から機能しない。 | 不具合報告 | Cocoon フォーラム

サイト内検索
運営者(わいひら)は、10月25日から手術のため数週間入院します。その際、フォーラム負担軽減のため登録者のみ書き込めるようを制限をさせていただきます。フォーラム未登録の方はこちらの手順で登録を行ってください。準備のため10月18日から12月前半(見込み)まで実施させていただきます。
書き込みの前に以下の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. ブラウザ環境チェックツール

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

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

wpForoの解決済みリンク

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

wpForoのいいねリンク

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

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

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

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

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

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

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


wattanwattan
(@wattanwattan)
Active Memberサイト
結合: 2年前
投稿: 9
wattanwattan - Twitter
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)
メンバーサイト Admin
結合: 4年前
投稿: 12854
わいひら - Facebookわいひら - Twitter
 

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


wattanwattan
(@wattanwattan)
Active Memberサイト
結合: 2年前
投稿: 9
wattanwattan - Twitter
Topic starter  

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

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

 

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

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

 

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


かうたっく
(@kautakku)
メンバーサイト Moderator
結合: 4年前
投稿: 4764
かうたっく - Facebook
 

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

 

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

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

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

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

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

 

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

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

*******

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

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


わいひら 件のいいね!
かうたっく
(@kautakku)
メンバーサイト Moderator
結合: 4年前
投稿: 4764
かうたっく - Facebook
 

あと

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

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

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

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

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

 

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

 


わいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
結合: 4年前
投稿: 12854
わいひら - Facebookわいひら - Twitter
 

最初の移動は問題無いのですが、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)
メンバーサイト Moderator
結合: 4年前
投稿: 4764
かうたっく - Facebook
 

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

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

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

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

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

 

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

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

※windows10


わいひら 件のいいね!
wattanwattan
 wattanwattan
(@wattanwattan)
ゲスト
結合: 2年前
投稿: 2
 

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

 

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

 

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

 

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

 

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

たなかま
(@tanakama)
Honorable Memberサイト
結合: 4年前
投稿: 593
たなかま - Twitter
 

こんにちは。

僕の環境だと、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 2年前 by たなかま

わいひら 件のいいね!
かうたっく
(@kautakku)
メンバーサイト Moderator
結合: 4年前
投稿: 4764
かうたっく - Facebook
 

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

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

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

 

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

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

 

 

今度、8ページを表示

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

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


wattanwattanわいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
結合: 4年前
投稿: 12854
わいひら - Facebookわいひら - Twitter
 

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


wattanwattan 件のいいね!
wattanwattan
(@wattanwattan)
Active Memberサイト
結合: 2年前
投稿: 9
wattanwattan - Twitter
Topic starter  

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

 

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

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

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

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

 

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


wattanwattan
(@wattanwattan)
Active Memberサイト
結合: 2年前
投稿: 9
wattanwattan - Twitter
Topic starter  

わいひらさん

 

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


わいひら
(@yhira)
メンバーサイト Admin
結合: 4年前
投稿: 12854
わいひら - Facebookわいひら - Twitter
 

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

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

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


たなかま
(@tanakama)
Honorable Memberサイト
結合: 4年前
投稿: 593
たなかま - Twitter
 

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

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

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

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


わいひら 件のいいね!
kchan
(@kchan)
Trusted Memberサイト
結合: 2年前
投稿: 69
kchan - Twitter
 

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

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

 

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

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

 

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

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

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

 

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

直るといいですね…。


wattanwattanわいひら 件のいいね!
たなかま
(@tanakama)
Honorable Memberサイト
結合: 4年前
投稿: 593
たなかま - Twitter
 

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

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

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


たなかま
(@tanakama)
Honorable Memberサイト
結合: 4年前
投稿: 593
たなかま - Twitter
 

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

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

 

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

 

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

wattanwattanわいひら 件のいいね!
Akira
(@akira)
Honorable Memberサイト
結合: 4年前
投稿: 742
Akira - FacebookAkira - Twitter
 

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


wattanwattanわいひら 件のいいね!
wattanwattan
 wattanwattan
(@wattanwattan)
ゲスト
結合: 2年前
投稿: 2
 

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

 

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

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

謎です。。。

 

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

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

 

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

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

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

 

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


Akira
(@akira)
Honorable Memberサイト
結合: 4年前
投稿: 742
Akira - FacebookAkira - Twitter
 

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

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

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

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

This post was modified 2年前 by Akira

わいひら 件のいいね!
Akira
(@akira)
Honorable Memberサイト
結合: 4年前
投稿: 742
Akira - FacebookAkira - Twitter
 

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

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

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

わいひらwattanwattan 件のいいね!
wattanwattan
(@wattanwattan)
Active Memberサイト
結合: 2年前
投稿: 9
wattanwattan - Twitter
Topic starter  

Akiraさん

 

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

 

スッキリしました。


わいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
結合: 4年前
投稿: 12854
わいひら - Facebookわいひら - Twitter
 

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


Akira
(@akira)
Honorable Memberサイト
結合: 4年前
投稿: 742
Akira - FacebookAkira - Twitter
 

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

  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 です。


wattanwattan, わいひらたなかま 件のいいね!
かうたっく
(@kautakku)
メンバーサイト Moderator
結合: 4年前
投稿: 4764
かうたっく - Facebook
 

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

そのなるようですね。

Akiraさんの書き込み1・23

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

 

解決方法として

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

 

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


わいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
結合: 4年前
投稿: 12854
わいひら - Facebookわいひら - Twitter
 

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

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

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


wattanwattan 件のいいね!
共有:
スポンサーリンク
SWELLと業務提携しています
WordPressテーマSWELL
わいひらをフォローする
おすすめサーバー(コスパ・バックアップ重視型)

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。
それでいてブログ成長後は、十分すぎるほどのスペックアップ余力も担保されている。

◎安く始められる
◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:3年

1年以上の契約をする場合は、クーポンコード入力でさらに50%割引キャンペーン中!
※BOX2 ~ BOX8プラン契約の場合

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

とにかく速い。サイトに表示スピードを求めるならココ。
管理画面がシンプルで使いやすい。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎サーバ引っ越しツールあり(無料)
○サーバ引っ越し依頼が可能(有料)
◎ドメインとサーバー代のチャージ払いが可能

サービス運営期間:3年

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DBは7日以内なら無料自動復旧可能
×ファイルは有料かつ手動での復旧
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

サービス運営期間:18年

常に新しいことに挑戦しているフロンティア精神あふるるレンタルサーバーです。
LiteSpeedやHTTP/2を日本で初めて導入したサーバー。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
○ファイルは14日以内なら無料復旧可能(※手動)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:5年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
ただし少し機能は弱い。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越し依頼が可能(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:5年

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