サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2019年10月30日 00:15
いつもお世話になっております。
ブログカードなどのアイコンがAMPのときに、□になってしまいます。
自分では以下のことを試してみましたが、直りませんでした。
プラグインの停止
高速化を無効に
子テーマのスタイルを有効に（普段は無効になってます）
キャッシュはその都度クリアしています。
親テーマにしてみても、同様の現象が起こりました。
URLです
https://xn--w8jte276hx5vdnebu3f.com/metrosyokudogaishinjuku/
https://xn--w8jte276hx5vdnebu3f.com/harbs-lunch-cake/
どうぞよろしくお願いします。
わいひら reacted
Topic starter
2019年10月30日 05:38
今 試してみたことがあるので、追記します。
さくらのレンタルサーバーを利用しているのですが、別のサーバーでバックアップを取って、テストなどを行なうことができます。
さくらバックアップ＆ステージング
https://help.sakura.ad.jp/115000205582/
直近のバックアップは、10月15日、Cocoonバージョン: 1.9.9.5.3で取っていました。
このときの状態で、アイコンのあるボタン等を作ってみると、AMPでも表示されました。
次に、最新バージョンの1.9.9.6.7にしてみると、AMPではアイコンが□になってしまいました。
上記はテスト環境で行なったことです。
今の本番環境のバージョンは 1.9.9.6.4です。
どうぞよろしくお願いいたします。
2019年10月30日 11:31
サイトアイコンフォント設定は『Font Awesome 4』ということでよろしいでしょうか？
おそらく、Font Awesome 5のスタイルを出力するamp.php#L750-L753で、is_site_icon_font_font_awesome_5関数による判定を行っていないことが問題かと思われます。
アイコンフォント用のファイルはFont Awesome 4にもかかわらず、フォント指定がFont Awesome 5になっています。
if (is_site_icon_font_font_awesome_5()) {
$css_fa5 = css_url_to_css_minify_code(get_template_directory_uri().'/css/fontawesome5.css');
if ($css_fa5 !== false) {
$css_all .= apply_filters( 'amp_font_awesome_5_css', $css_fa5 );
}
}
Topic starter
2019年10月30日 19:30
ロコさん、ありがとうございます！
はい、『Font Awesome 4』だと思います。（cocoonの設定のまま使っています）
初心者のため関数の内容を理解することはできなかったのですが、（ご丁寧に書いて下さったのにごめんなさい…）説明を読ませていただいて、わいひらさんがtwitterでつぶやいていたことを思い出しました。
https://twitter.com/MrYhira/status/1178930015716556800
Cocoon2.0.0では、Font Awesomeを4→5に切り替えられる機能を追加予定です。
レビュー構造の仕様が変わり、エラーが出たため修正版を入れましたが、cocoon2.0.0を待てば大丈夫でしょうか。
あと、全然検討違いでしたらすみません。
私のブログのサイトマップは、ページのカスタムCSSでアイコンを使っているのですが、こちらはAMPでも表示されています。
https://xn--w8jte276hx5vdnebu3f.com/sitemap/
これは、上記の関数とは違う次元の話なのでしょうか？
どうぞよろしくお願いします。
2019年10月30日 19:35
ご連絡ありがとうございます。
ロコさんにご指摘いただいた部分を修正したものをアップいたしました。
よろしければ以下でアップデートして試してみていただけますでしょうか。
------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------
kchan reacted
Topic starter
2019年10月30日 22:10
わいひらさん、ありがとうございます。
最新ファイルで、アイコンが表示されるようになりました！
良かったです(*^^*)
最新のファイルでは、ラベルの色が黒になったので、もし可能でしたら以前のようにサイトカラーにもできるといいなと思いました。検討の余地がありましたら、どうぞよろしくお願いします。
この度も迅速なご対応をありがとうございました！
わいひら reacted
2019年10月31日 20:32
最新のファイルでは、ラベルの色が黒になったので、もし可能でしたら以前のようにサイトカラーにもできるといいなと思いました。検討の余地がありましたら、どうぞよろしくお願いします。
そこの修正は、完全に忘れていました ?
教えていただきありがとうございます！
GitHubのファイルをアップしておきました。
https://github.com/yhira/cocoon
2019年11月1日 19:16
ご確認ありがとうございます ?
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。