人気記事一覧を表示するショートコードを使用時の留意点について | Cocoonテーマに関する質問 | Cocoon フォーラム

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

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

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

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

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

wpForoの解決済みリンク

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

wpForoのいいねリンク

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

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

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

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

フォーラムのTwitterアカウント(@CocoonForum)はこちら

スポンサーリンク
人気記事一覧を表示するショートコードを...
 
Share:
Notifications

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


keieikanrikaikei
(@keieikanrikaikei)
Eminent Memberサイト
参加: 3か月 前
投稿: 39
keieikanrikaikei - Facebookkeieikanrikaikei - Twitter
2019年12月17日 17:03  

初めまして。

高機能なこと、初心者にわかりやすいこと、わいひらさんのカテゴリページ活用による回遊性向上の記事に感化され、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
----------------------------------------------
This topic was modified 2か月 前 by わいひら

小林友昭


keieikanrikaikei
(@keieikanrikaikei)
Eminent Memberサイト
参加: 3か月 前
投稿: 39
keieikanrikaikei - Facebookkeieikanrikaikei - Twitter
2019年12月17日 17:10  

すみません。

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

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

宜しくお願いします。

小林友昭


わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 8342
わいひら - Facebookわいひら - Twitter
2019年12月17日 19:22  

ちなみに、アップデート前のバージョンは、幾つぐらいだったか分かりますでしょうか。
ただ、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"]

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

This post was modified 2か月 前 by わいひら

わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 8342
わいひら - Facebookわいひら - Twitter
2019年12月17日 19:23  

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


keieikanrikaikei
(@keieikanrikaikei)
Eminent Memberサイト
参加: 3か月 前
投稿: 39
keieikanrikaikei - Facebookkeieikanrikaikei - Twitter
2019年12月17日 21:18  

わいひらさん

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

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

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

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

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

小林友昭


かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 2年 前
投稿: 4504
かうたっく - Facebook
2019年12月17日 22:14  

#post-25783

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

 

 

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

 

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


keieikanrikaikei
(@keieikanrikaikei)
Eminent Memberサイト
参加: 3か月 前
投稿: 39
keieikanrikaikei - Facebookkeieikanrikaikei - Twitter
2019年12月17日 23:32  

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

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

ご指摘の通り、わいひらさんからの大切なコメント(最新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回トライしてみます。

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

宜しくお願いします。

This post was modified 2か月 前 by わいひら

小林友昭


keieikanrikaikei
(@keieikanrikaikei)
Eminent Memberサイト
参加: 3か月 前
投稿: 39
keieikanrikaikei - Facebookkeieikanrikaikei - Twitter
2019年12月18日 00:33  

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

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

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

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

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

 

小林友昭


わいひら 件のいいね!
かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 2年 前
投稿: 4504
かうたっく - Facebook
2019年12月18日 06:46  

何度やっても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作成の工程はいらないですよ。

 

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

This post was modified 2か月 前 by かうたっく

わいひら 件のいいね!
keieikanrikaikei
(@keieikanrikaikei)
Eminent Memberサイト
参加: 3か月 前
投稿: 39
keieikanrikaikei - Facebookkeieikanrikaikei - Twitter
2019年12月18日 10:33  

かうたっくさん

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

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

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

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

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

小林友昭


わいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 8342
わいひら - Facebookわいひら - Twitter
2019年12月18日 19:11  

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


Share:
スポンサーリンク
わいひらをフォローする
おすすめサーバ

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越しオプションあり(有料)

サービス運営期間:1年7ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2020/6/30まで)。

クーポンコード:PK4JK4RJ

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

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

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

サービス運営期間:16年

プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。

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

サービス運営期間:3年

とにかく速い。サイトに表示スピードを求めるならココ。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DB復旧は無料(ファイルは有料)
○サーバ引っ越しツールあり
○サーバー料金をチャージ払いが可能
△新しいサービスなので運営櫪がまだ短い

サービス運営期間:1年5ヶ月

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。

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

サービス運営期間:4年

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