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

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

AMPページでFacebookのいいね...
 
共有:
通知
すべてクリア

[解決済] AMPページでFacebookのいいねボタンが表示されない

20 投稿
4 ユーザー
1 Reactions
1,758 表示
taku
 taku
(@taku)
Estimable Member Registered
結合: 5年前
投稿: 135
トピックスターター  

添付画像のFacebookのいいねを促すユニットで、

「Facebookいいねボタン」と「Twitterのフォローボタン」の画像が表示されないのは

cocoonテーマ側の問題でしょうか?

AMPキャッシュの削除や全プラグインの停止は試してみたのですが、改善されませんでした。

ご確認をお願い致します。

 

対象ページURL↓

https://okinawameguri.com/sakiyama-kazuha?amp=1


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

ご連絡ありがとうございます。
不具合をこちらんテスト環境でも確認しました。
どうやら以前、コードの整理をしたときに、余計なところまでコメントアウトしてしまっていたようです。
不具合を修正したものを、以下にアップしておきました。
------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------


   
taku
 taku
(@taku)
Estimable Member Registered
結合: 5年前
投稿: 135
トピックスターター  

@yhira

いつも迅速にご対応頂き感謝です!

 

只今最新ファイルに更新し、AMPキャッシュを削除してみたのですが、問題が解決されませんでした。

 

もう一度プラグインの全停止など試してみます;

 


   
taku
 taku
(@taku)
Estimable Member Registered
結合: 5年前
投稿: 135
トピックスターター  

プラグインの全停止の後、

その他のキャッシュも削除してみたのですが、やはり問題は解消されませんでした;

 

 


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

只今最新ファイルに更新し、AMPキャッシュを削除してみたのですが、問題が解決されませんでした。

最新ファイルというのは、GitHubのファイルをFTPで上書きアップロードしたということでよろしいでしょうか。


   
 taku
(@taku)
Eminent Member
結合: 5年前
投稿: 48
 

 @yhira

はい!おっしゃる通りです。


   
taku
 taku
(@taku)
Estimable Member Registered
結合: 5年前
投稿: 135
トピックスターター  

二度程試したのですが、もしかして上書き出来ていませんでしたか?


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

よろしければ以下の環境情報をいただけますでしょうか。

https://wp-cocoon.com/theme-report/


   
taku
 taku
(@taku)
Estimable Member Registered
結合: 5年前
投稿: 135
トピックスターター  

宜しくお願い致します!

----------------------------------------------
サイト名:沖縄巡り.com
サイトURL: https://okinawameguri.com
ホームURL: https://okinawameguri.com
コンテンツ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
スキン:/wp-content/themes/cocoon-master/skins/skin-tecurio-sky/style.css
WordPressバージョン:5.5
PHPバージョン:7.4.1
ブラウザ:Mozilla/5.0 (iPhone; CPU iPhone OS 13_6_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1.2 Mobile/15E148 Safari/604.1
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br
言語:ja-jp
----------------------------------------------
テーマ名:Cocoon
バージョン:2.2.2
カテゴリ数:92
タグ数:0
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.1
style.cssサイズ:6848バイト
functions.phpサイズ:350バイト
----------------------------------------------
Gutenberg:0
AMP:1
PWA:1
Font Awesome:5
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/uploads/2020/06/51e3409df2a36cce56c3afe7172d5e55.png
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:1
CSS縮小化:1
JavaScript縮小化:1
Lazy Load:1
WEBフォントLazy Load:0
----------------------------------------------
利用中のプラグイン:
AddQuicktag 2.5.3
Akismet Anti-Spam 4.1.6
Aurora Heatmap 1.4.8
Broken Link Checker 1.11.14
Category Order and Taxonomy Terms Order 1.5.7.3
Contact Form 7 5.2.1
Edit Author Slug 1.7.0
EWWW Image Optimizer 5.7.0
Google Authenticator 0.52
Google XML Sitemaps 4.1.1
No Self Pings 1.1.3
PHP Compatibility Checker 1.5.0
Redirection 4.8
Regenerate Thumbnails 3.1.3
Search Regex 2.2.1
Shortcake (Shortcode UI) 0.7.4
Shortcodes Ultimate 5.9.2
SiteGuard WP Plugin 1.5.2
TablePress 1.12
TablePress Extension: Responsive Tables 1.7
TinyMCE Advanced 5.5.0
TinyMCE Templates 4.8.1
Ultimate Nofollow 1.4.8
UpdraftPlus - Backup/Restore 1.16.26
WebSub/PubSubHubbub 3.0.3
Widget Logic 5.10.4
WP-Optimize - Clean, Compress, Cache 3.1.2
WP Mail SMTP 2.3.1
WP Multibyte Patch 2.9
WPS Hide Login 1.5.6
WP User Avatar 2.2.7
----------------------------------------------


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

バージョン:2.2.2

アップデートがうまくいっていないように見えます。
GitHubファイルでアップデートされていれば、以下のような表記になるかと思います。

バージョン: 2.2.2.x

https://github.com/yhira/cocoon/blob/20bb41270fc34cf46d43f30d4c3cd3743c549cbf/style.css#L9

もう一度FTP等で上書きアップデートしていただけますでしょうか。


   
taku
 taku
(@taku)
Estimable Member Registered
結合: 5年前
投稿: 135
トピックスターター  

@yhira

FTPだと完了しても2.2.2のままとなってしまいます。

 

https://github.com/yhira/cocoon/blob/20bb41270fc34cf46d43f30d4c3cd3743c549cbf/style.css#L9

上のURLをクリックすると表示されるCSSをCocoon親テーマのstyle.cssにコピペすれば大丈夫でしょうか?

 


   
taku
 taku
(@taku)
Estimable Member Registered
結合: 5年前
投稿: 135
トピックスターター  

すいません!

今「Version: 2.2.2.4」に変わったので、

AMPキャッシュを削除してから確認してみたのですが、問題が解消されませんでした。


   
taku
 taku
(@taku)
Estimable Member Registered
結合: 5年前
投稿: 135
トピックスターター  

----------------------------------------------
サイト名:沖縄巡り.com
サイトURL: https://okinawameguri.com
ホームURL: https://okinawameguri.com
コンテンツ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
スキン:/wp-content/themes/cocoon-master/skins/skin-tecurio-sky/style.css
WordPressバージョン:5.5
PHPバージョン:7.4.1
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:80.0) Gecko/20100101 Firefox/80.0
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br
言語:ja,en-US;q=0.7,en;q=0.3
----------------------------------------------
テーマ名:Cocoon
バージョン:2.2.2.4
カテゴリ数:92
タグ数:0
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.1
style.cssサイズ:6848バイト
functions.phpサイズ:350バイト
----------------------------------------------
Gutenberg:0
AMP:1
PWA:1
Font Awesome:5
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/uploads/2020/06/51e3409df2a36cce56c3afe7172d5e55.png
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:1
CSS縮小化:1
JavaScript縮小化:1
Lazy Load:1
WEBフォントLazy Load:0
----------------------------------------------
利用中のプラグイン:
AddQuicktag 2.5.3
Akismet Anti-Spam 4.1.6
Aurora Heatmap 1.4.8
Broken Link Checker 1.11.14
Category Order and Taxonomy Terms Order 1.5.7.3
Contact Form 7 5.2.2
Edit Author Slug 1.7.0
EWWW Image Optimizer 5.7.0
Google Authenticator 0.52
Google XML Sitemaps 4.1.1
No Self Pings 1.1.3
PHP Compatibility Checker 1.5.0
Redirection 4.8
Regenerate Thumbnails 3.1.3
Search Regex 2.2.1
Shortcake (Shortcode UI) 0.7.4
Shortcodes Ultimate 5.9.2
SiteGuard WP Plugin 1.5.2
TablePress 1.12
TablePress Extension: Responsive Tables 1.7
TinyMCE Advanced 5.5.0
TinyMCE Templates 4.8.1
Ultimate Nofollow 1.4.8
UpdraftPlus - Backup/Restore 1.16.26
WebSub/PubSubHubbub 3.0.3
Widget Logic 5.10.4
WP-Optimize - Clean, Compress, Cache 3.1.2
WP Mail SMTP 2.3.1
WP Multibyte Patch 2.9
WPS Hide Login 1.5.6
WP User Avatar 2.2.7
----------------------------------------------


   
はる
(@haruinoue)
Noble Member Moderator
結合: 4年前
投稿: 1090
 

今回の問題が修正されたのはamp.cssなので、手作業で上書きするとしたらそちらを上書きした方が良いと思います。

現在環境情報に2.2.2.4と表示されるのはstyle.cssの記述が反映されているだけで、他のファイルは2.2.2.4になっていません。


   
taku
 taku
(@taku)
Estimable Member Registered
結合: 5年前
投稿: 135
トピックスターター  

@haruinoue

ありがとうございます!

amp.cssを手作業で更新することで無事にボタンが表示されるようになりました!


   
taku
 taku
(@taku)
Estimable Member Registered
結合: 5年前
投稿: 135
トピックスターター  

@yhira

わいひらさん。

この度は私がうまくファイルを更新できておらず、お手数をおかけし申し訳ございませんでした。

---

同じ箇所で後一点だけ修正をお願いしたいのですが、添付した画像のようにFacebookのいいねを促すユニットの「アイキャッチ画像」が左寄りになってしまいます。

このアイキャッチ画像をFacebookのいいねを促すユニットの横幅ぴったりにしていただくことは可能でしょうか?

※左寄りになるのはAMPページのみで、通常ページでは横幅ぴったりに表示されています。

---

 

質問ばかりですみません...

AMPページでは「Facebookのいいね数」を表示することは、技術的に不可能ということになりますでしょうか?

 

対象ページURL↓

https://okinawameguri.com/sakiyama-kazuha?amp=1


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

GitHubのファイルをアップデートしておきました。
また同様の方法です.アップデートしてAMPキャッシュを削除する必要があります。


   
taku
 taku
(@taku)
Estimable Member Registered
結合: 5年前
投稿: 135
トピックスターター  

@yhira

ご対応ありがとうございます!修正できました!

 

また恐れ入ります。

---

AMPページでは「Facebookのいいね数」を表示することは、技術的に不可能ということになりますでしょうか?

---

お手隙の際で結構ですので、上記の質問にもお答えいただけますと幸いです。

 

お忙しいところ、いつも迅速なご対応本当にありがとうございます!


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

Facebook APIとかを利用すれば可能かと思います。
ただ、以下の労力をかけてまで実装する必要があるかといえば、僕は実装する労力がコストに見合わなかったので実装はしませんでした。

  • Facebook APIを利用すればいいね数が取得できるけどそれなりに労力がかかる
  • Facebook APIを利用するには、ユーザーさんにもAPI登録して値を設定してもらう必要がある

AMPページは基本的に読み捨て向けなのでそこまでする必要は感じていません。

自前でカスタマイズしていただければ、実装も可能なのでもし実装を考えている場合は、個別でカスタマイズしていただければと思います。


   
taku
 taku
(@taku)
Estimable Member Registered
結合: 5年前
投稿: 135
トピックスターター  

@yhira

ご回答ありがとうございます!

 

そうでしたか、実装自体は可能なのですね。

 

しかし、上記の労力を考えると、確かにそこまで必要のない機能のようにも思えてきました...。

 

丁寧にお答え頂き、とても参考になりました!


   
わいひら reacted
共有:

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

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

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

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

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

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

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

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