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カスタマイズ依頼

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

人気記事一覧を表示するショートコードを...
 
共有:
通知
すべてクリア

[解決済] 人気記事一覧を表示するショートコードを使用時の留意点について

11 投稿
3 ユーザー
3 Reactions
2,199 表示
(@keieikanrikaikei)
Eminent Member Registered
結合: 5年前
投稿: 39
トピックスターター  

初めまして。

高機能なこと、初心者にわかりやすいこと、わいひらさんのカテゴリページ活用による回遊性向上の記事に感化され、2019/12/8よりCocoonを利用させていただいている新参者です。

[popular_list]
を用いて、人気記事ランキングページ(カテゴリ別×日・週・月・全期間)を作成して公開しておりました。
https://keieikanrikaikei.com/blog/popular-post-ranking/

機能的に無関係だと思いますが、経緯としてご連絡すると、v2.3.0にversion-upしたところ、
それ以降、このページにアクセスしても、画面が白いままになって困っております。

なお、トップページには、上記ランキングページで引っかかってしまう同じショートコード
[popular_list days="all" rank="1" pv="0" count="10" type="1" cats="all"]
が記述されているものの、
https://keieikanrikaikei.com/
は表示されています。

<試したこと1>
人気ランキングページにて、一番負荷のかかる「全ブログ記事/全期間」
[popular_list days="all" rank="1" pv="0" count="10" type="1" cats="all"]
のショートコードをはずすと、うまく画面表示される

<試したこと2>
[popular_list days="all" rank="1" pv="0" count="10" type="1" cats="all"]
上記ショートコードを含む比較的サーバ負荷が低いと思われる全カテゴリ×日・週・月・全期間のみ
のページを新設すると、これも画面表示される

<応急処置>
https://keieikanrikaikei.com/blog/popular-post-ranking/ (前述)
のページにて、全カテゴリ×全期間を示す以下のショートコードを外し、画面表示させている。
[popular_list days="all" rank="1" pv="0" count="10" type="1" cats="all"]

この全体ページから、全カテゴリ×日・週・月・全期間のみを表示させるページへリンクで飛ばしている
https://keieikanrikaikei.com/popular-post-ranking-3/

現象から、素人ながらに、ショートコードの要求にサーバが対応できていないのではと推察しております。
このような場合に、フロント側でできる賢い対処法はございますでしょうか。

サーバの状況を確認頂くため、他記事でご推薦されていた edump のログメッセージを添付させていただきます。
<minifier-new.php_20191217.png>

現状、ページを分割することで問題回避をしていますが、できれば同ページの一覧に戻したいと考えております。

以下、サイト情報になります。
この投稿後、縮小化を外します。

なお、
1)他投稿者様の質問を読んで、言葉の使い方や表現が不適切でうまく意思疎通できていないものが散見
されると感じております。対面でない難しさだろうと思います。私の言葉遣いも、100%適切ではないと
思います。万一分かりにくい箇所がございましたら、率直にお尋ねください。

2)ショートコードの書き方(引数の割り当て)や、そもそも、そういう[popular_list]の
使い方は想定していない、Cocoon環境にて、もっと卒のない人気ランキングページの作り方に
変更したほうがよいと思われる場合は、そちらをご案内頂ければ幸いです。自分のやり方に拘泥
いたしません。

宜しくお願いします。

----------------------------------------------
サイト名:経営コンサルタントによる経営戦略と経営管理に効く経営管理会計
サイトURL: https://keieikanrikaikei.com
ホームURL: https://keieikanrikaikei.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
スキン:/wp-content/themes/cocoon-master/skins/skin-momoon-aqua/style.css
WordPressバージョン:5.3.1
PHPバージョン:7.3.10
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.79 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.0.3.2
カテゴリ数:35
タグ数:6765
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.0
----------------------------------------------
Gutenberg:1
AMP:1
PWA:0
Font Awesome:5
Auto Post Thumbnail:0
Retina:1
ホームイメージ:/wp-content/uploads/2019/12/Blog-top-screen-2019-12-13-1.jpg
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:1
CSS縮小化:1
JavaScript縮小化:1
Lazy Load:1
WEBフォントLazy Load:0
JavaScript(フッター):1
----------------------------------------------
利用中のプラグイン:
Akismet Anti-Spam 4.1.3
All In One SEO Pack 3.3.3
Aurora Heatmap 1.3.2
Broken Link Checker 1.11.9
Category Order and Taxonomy Terms Order 1.5.7.1
Classic Editor 1.5
Contact Form 7 5.1.6
Duplicate Post 3.2.4
Easy Table of Contents 1.7
Edit Author Slug 1.6.1
edump 1.0.6
EWWW Image Optimizer 5.1.3
Google XML Sitemaps 4.1.0
Jetpack by WordPress.com 8.0
Link Manager 0.1-beta
MathJax-LaTeX 1.3.11
Menu Icons 0.12.2
Nested Pages 3.1.7
Post-Plugin Library 2.6.2.1
PS Auto Sitemap 1.1.9
Regenerate Thumbnails 3.1.2
Shortcodes Ultimate 5.6.1
TablePress 1.10
TinyMCE Advanced 5.3.0
WP Multibyte Patch 2.8.3
----------------------------------------------

小林友昭


   
(@keieikanrikaikei)
Eminent Member Registered
結合: 5年前
投稿: 39
トピックスターター  

すみません。

初心者丸出しで、フォーラムのエディタの使い方すら、分かっていませんでした。

不格好な投稿になりました。縮小化は外しました。

宜しくお願いします。

小林友昭


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

ちなみに、アップデート前のバージョンは、幾つぐらいだったか分かりますでしょうか。
ただ、edumpで出力されたメッセージは、最近のバージョンアップでは、変更していない部分だと思います。
一応、修正してみたファイルをアップしてみました。
------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------
https://github.com/yhira/cocoon/commit/d2c6c5a1f0d438b13d9aa7ca5bd0643b630dfbbc
ちなみに以下のショートコードを僕の環境で試してみた限りでは、ショートコードは正常動作しているようです。

[popular_list days="all" rank="1" pv="0" count="10" type="1" cats="all"]

上記ファイルで、うまくいかなければ、また質問させていただくかもしれません。


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

現在、こちらのページの赤枠部分は、ショートコードを貼っていないということでいいんですよね?
https://keieikanrikaikei.com/blog/popular-post-ranking/


   
(@keieikanrikaikei)
Eminent Member Registered
結合: 5年前
投稿: 39
トピックスターター  

わいひらさん

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

ご指摘通り、赤枠部分は現在、ショートコードを貼っておりません。

ここに、下記ショートコードを貼ると、画面が白くなって応答がなくなります。

お忙しいとは思いますが、宜しくお願いします。

[popular_list days="all" rank="1" pv="0" count="10" type="1" cats="all"]

小林友昭


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

#post-25783

わいひらさんの返信をチェックしわすれかも。って事で、お試しいただいた結果をご提示するのも良いかもしれないですね。

 

 

ついでに
うまくいかなかった場合、ロリポップのどのプランをご利用ですか?

 

PC上で見ても、猛烈に縦長で、似たアイキャッチの人気記事がズラーーーーーっと並んでますけど、スマホでは表示されますか?
読み込みが膨大すぎて、離脱されそうにもおもいますが、どんなかんじでしょうか???


   
(@keieikanrikaikei)
Eminent Member Registered
結合: 5年前
投稿: 39
トピックスターター  

お世話になっております。

ついに憧れの かうたっくさんにも書き込んでいただき、内心嬉しく思っています。

ご指摘の通り、わいひらさんからの大切なコメント(最新Ver. download指示)記事を見過ごしておりました。現在進行形で、GitHubのaccount作成から挑んでおります。結果が出るまでもう少しお待ちください。

2019/12/8に Poseidon から移行したばかりなので、前のVer.は、cocoon-master-2.0.2.4 でした。

12/8時点では、FTP(FFTP/lolipop FTP)の両方とも上手くいきませんでした。何度やってもFFFTPは書き込めないFileがどうしても発生し、ご存じの通り lolipopの方は容量オーバーでNGでした。ですので、低サイズ版(cocoon-master-1.6.1.1)をWordPressからuploadして、WordPress内でver.2.0.2.4にしていました。

>ついでに
>うまくいかなかった場合、ロリポップのどのプランをご利用ですか?

はい、かうたっくさんの鋭い突込み、心待ちにしていました。

ライトプランです。ぼっちで毎日更新していても、DBは半分も占有してませんし、今のところ、同時アクセスでの問題も1回しか起きていません。

>PC上で見ても、猛烈に縦長で、似たアイキャッチの人気記事がズラーーーーーっと並んでますけど、>スマホでは表示されますか?
>読み込みが膨大すぎて、離脱されそうにもおもいますが、どんなかんじでしょうか???

ブログ運営のtechnicalなことはこれまで誰とも相談してこなかったので、そうなんですね。一見して離脱率が高いという予見が得られるレイアウトデザインなのですね。勉強になりました。こういう(かうたっくさんのコメント)が欲しかったんです。

cocoonの2カラムを使って並べているので、スマホでは長大な縦行にずらっと並んでおります。もしかすると、メインカテゴリごとにページを小分けにしたほうがいいんでしょうかね。

イメージは、小説家になろう のランキングページを意識して作りたいと思っております。

それから、アイキャッチ の使い方は、ブログ開設時から悩んでいるところです。カテゴリを一見して分かるように、カテゴリ(9)-サブカテゴリ(24)で運営しており、カテゴリで統一のアイキャッチをつかうことで、読者がどのカテゴリ記事を読んでいるのか意識してもらうことを狙っていました。

この書き込み中に、FTP upload用ファイルの準備ができました。あっ、やっぱり、移動できないfileが出てしまいました。これは、私のローカル環境の問題だと思います。もう1回トライしてみます。

もう少しだけお時間ください。長文失礼しました。

宜しくお願いします。

小林友昭


   
(@keieikanrikaikei)
Eminent Member Registered
結合: 5年前
投稿: 39
トピックスターター  

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

ご指示通り、FTPでGitHubからdownloadした最新ver.のcocoon-masterをuploadしたところ、いくつかのfileが上書き/新規追加され、結果として、問題となっていたショートコードが人気記事ランキングページで機能して、画面表示が上手くいきました。当方の事前準備がイケてないことで、貴重な分析・対応策建議のお時間をいただきありがとうございました。

おそらく、わいひらさんにはmaster-fileの更新確認など、至極当然のことなのでしょうが、きちんと問題発生個所までロールバックして課題解決に導いていただくことは、どの分野でも難しいことと承知しております。

ありがとうございました。

本件、ショートコード[popular_list]が機能しない件については、close でよろしくお願いします。

 

小林友昭


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

何度やってもFFFTPは書き込めないFileがどうしても発生し、

どのファイルが書き込めなかったか。などは詳細をFTPソフトの下あたりにある、文字列を確認できたりコピーすることもできます。

もし困ったときはエラーコードなど、コピぺして検索したらヒットするかも。

 

ご存じの通り lolipopの方は容量オーバーでNGでした。ですので、低サイズ版(cocoon-master-1.6.1.1)をWordPressからuploadして、WordPress内でver.2.0.2.4にしていました。

管理画面からアップできないのは、以下で解決すると思います。

https://bibabosi-rizumu.com/lolipop-upload_max_filesize/

 

 

今後FTPで書き込めないとき、別テーマを有効化して、Cocoon親テーマを削除・新規テーマからzipファイルをインストールするのも手かもしれないです。

https://github.com/yhira/cocoon  
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

 

ちなみにzipファイルのダウンロード方法は
上記画像の通りするだけなので、GitHubのaccount作成の工程はいらないですよ。

 

無事解決されたようで何よりです。お疲れさまでした!

この投稿は5年前ずつかうたっくに変更されました

   
わいひら reacted
(@keieikanrikaikei)
Eminent Member Registered
結合: 5年前
投稿: 39
トピックスターター  

かうたっくさん

追加情報のinputありがとうございます。

どれも初心者レベルの自分には貴重な情報でした。

早速対応させていただきます。

重ねていろいろとコメント頂きありがとうございました。

これからどんどん寒くなりますが、ご自愛くださいませ。

小林友昭


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

修正したファイルで問題が改善したようでよかったです。
ご連絡ありがとうございます。


   
共有:

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

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

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

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

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

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

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

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