サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2021年5月22日 16:59
■該当記事のURL
https://neo-official.net/blog-daily/456/
■該当ツィート
https://twitter.com/neo_officialnet/status/1395956404075130881
■サイトURL
■環境情報
----------------------------------------------
サイト名：ネオ OFFICIAL SITE
サイトURL： https://neo-official.net
ホームURL： https://neo-official.net
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン：5.7.2
PHPバージョン：7.4.16
ブラウザ：Mozilla/5.0 (iPhone; CPU iPhone OS 14_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/90.0.4430.216 Mobile/15E148 Safari/604.1
サーバーソフト：LiteSpeed
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br
言語：ja-jp
----------------------------------------------
テーマ名：Cocoon
バージョン：2.2.9
カテゴリ数：6
タグ数：0
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.2
style.cssサイズ：4946バイト
functions.phpサイズ：2748バイト
----------------------------------------------
Gutenberg：1
AMP：1
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/uploads/2021/05/8A871270-CE6B-448B-A85A-6AC77490566B.jpeg
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：1
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
Advanced Editor Tools (previously TinyMCE Advanced) 5.6.0
Akismet Anti-Spam 4.1.9
Broken Link Checker 1.11.15
Category Order and Taxonomy Terms Order 1.5.7.5
Contact Form 7 5.4.1
Custom Post Type Permalinks 3.4.4
Custom Post Type UI 1.9.1
Custom Post Type Widgets 1.4.0
EWWW Image Optimizer 6.1.4
MetaSlider 3.20.3
Optimize Database after Deleting Revisions 5.0.4
SiteGuard WP Plugin 1.6.0
UpdraftPlus - Backup/Restore 1.16.56
WebSub/PubSubHubbub 3.0.3
WordPress Ping Optimizer 2.35.1.2.3
WP Fastest Cache 0.9.1.8
WP Media Category Management 1.9.7
WP Multibyte Patch 2.9
WP ULike 4.4.9
XML Sitemaps 4.1.1
----------------------------------------------
オフィシャルブログ内のブログ記事のみ、いいねボタンを付けていま。
いいねボタンは、WP ULikeというプラグインを使用しています。
■オフィシャルブログ一覧
https://neo-official.net/blog/
既存の投稿を利用して、記事を書いている形です。
Twitterに記事を更新したこと、記事のURLを貼り付けてツィートすると…
Twitterから記事は見れるのですが、下部に設置しているいいねボタン…
ハートマークが正常に表示されてなく、機能していません。
また、cocoon機能でつけられる、フッターモバイルボタンも表示されないです。
Twitterから見ないで、ブラウザからサイトトップページへアクセスして、記事を見ると、いいねボタンもフッターモバイルボタンも正常に機能して使えます。
Twitterとか、外部からサイトへアクセスすると機能が正常に反映しないのは、どうしたら治りますでしょうか？
お手数おかけしますが、教えてもらえたら嬉しいです。
よろしくお願いします。
トピックスターター 2021年5月22日 17:31
リフィトリーさん、お返事をありがとうございました。
AMPのページになると、表示が正常にされないんですね。
貴重なご意見をありがとうございます。
他の方からのお返事を頂いて、今後はどうやっていくかを考えます。
ありがとうございました。
2021年5月22日 17:32
NEOさん
時間がありませんので、端折ってしまいます。
端的に言えば、TwitterのリンクはAMPページへのリンクになっています。
（ここの回避方法を知らない…です。勝手にTwitterが気を利かせる？）
そのため、AMPページが表示されているんだと思います。
（URL末尾に「?amp=1」がつく。）
Twitterからのリンクでなくとも、AMPページを表示すれば、同じことが起きるはずです。
AMPページの説明は、端折ります。。。
（いろいろと制約があります。）
良い回避方法は、今のところ良く分かりませんが…。
とりあえずCocoon設定で、AMPを無効にするくらいしか、私には分かりません。
被りました。。。
2021年5月22日 17:38
NEO さん
AMPページは、回線速度が遅い場合でも、早めにWebサイトのデータを読み込んで表示されるようにしたページです。
軽いデータで早めに読み込まれる(表示される)利点がある一方で、デザインや機能に制限がかかる難点があります。
以下の過去のトピックのやりとりが、参考になるかと思います。
AMP対応は本当に必要なことなのでしょうか。みなさんどう思いますか？
https://wp-cocoon.com/community/postid/10531/
トピックスターター 2021年5月22日 17:53
mk2さん、リフィトリーさん。
貴重なお時間を使って、お返事をありがとうございました。
リフィトリーさんから最初のお返事を頂いた後、AMPについて検索していたら…
お二人からお返事を頂き、AMPのことがより解りました。
解りやすく教えて頂き、本当にありがとうございました。
一旦、cocoon設定でAMP機能をオフにして、キャッシュをして、Twitterから該当記事へアクセスしたら正常に戻りました。
原因は、AMP機能でした。
その後、AMP機能をオンとオフでTwitterから該当記事を開いてみて…
どのくらいの遅延があるのかを確認していたら、多少はページを開くまでの時間の差はありますが…
そこまで大きく気になるほどではありませんでした。
AMPを今は付けてる状態ですが、遅延速度を調べている時に気づいたのですが…
cocoon設定のAMP機能をオフにして、その後にオンにしたら
いいねボタンやフッターモバイルボタンが、AMP機能がオンの状態でも、Twitterから記事を開いても正常に表示されるようになりました。
どうして、正常に戻ってるのか良くわからないです。
AMP機能がオンでも正常に戻ったので、一旦はこのまま記事を書いていきます。
また同じ現象が起きたら、その時は完全にcocoon設定のAMP機能は全てオフにしようかと思います。
色々と教えて頂き、本当にありがとうございました。
助かりました。
2021年5月22日 17:56
該当のツイートからブログへTwitterアプリからアクセスしましたが、フッターボタンもいいねボタンも表示されてました。フッターボタンは動作も正常でした。いいねボタンは押していいのか微妙だったので試せませんでしたが…。
mk2さんやリフィトリーさんの書き込み内容から推測すると、恐らく私の環境からはAMPページに飛ばされていないのだと思います。もしかしたら、この辺はスマホやアプリの設定よって変わるのかもしれません。
あと、フッターモバイルボタンやいいねボタンがAMPページで正常に動作していないということは、スマホのGoogle検索から訪問した場合も動作していないと思います。
追記
入れ違いだったようで、私がアクセスしたときに表示されたのはAMPを無効にしたタイミングだったのかもしれません。
トピックスターター 2021年5月22日 18:16
さる子さん、お返事をありがとうございました。
貴重なご意見と見解、ありがとうございます。
いいねボタンは、押しても大丈夫です。
★★★★★★★★★★★★★★★★★★
mk2さんやリフィトリーさんの書き込み内容から推測すると、恐らく私の環境からはAMPページに飛ばされていないのだと思います。もしかしたら、この辺はスマホやアプリの設定よって変わるのかもしれません。
★★★★★★★★★★★★★★★★★★
との部分で、ブラウザアプリからAMP対応の場合はどうなるのかを調べてみました。
ブラウザアプリの検索窓に、自分のTwitterのページへ飛び、そこから、該当ツィート内にあるリンクから記事へ飛ぶという方法です。
そしたら、AMP対応でページが開きました。
その時のURLは、こちらです。
https://neo-official.net/blog-daily/456/?amp=1#click=https://t.co/Z5Ku4dymqy
AMP対応表示でも、今は正常に機能していました。
cocoon設定で、AMP機能をオフにして、またオンにしたことで戻ったみたいですが…
リフィトリーさんから頂いたコメントのリンク、AMPの必要有無のスレッドを見させて頂き…
cocoonのテーマ自体が凄いものなので、AMP機能を絶対に付けないとならないとかはない感じですよね。
また、何かの要因でAMP対応だと表示されないとかも出てくる可能性もあるかもしれないので…
一旦、AMP対応は無しにしておきます。
そのほうが確実に、表示されるのかなって思います。
リフィトリーさん、mk2さん、さる子さん。
貴重なお時間を使い、お返事を下さり、本当にありがとうございました。
心から感謝します。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。