サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2018年11月20日 12:34
WPでサイトアイコンを設定すると、ブラウザのタブに表示されるアイコンなどが設定されます。
ただ、登録画像に透過が使われているとiPhoneでブックマークする際に表示されるアイコンの透過部分が真っ黒になってしまい不恰好です。
現在は、透過していない別画像を用意し、header.phpに下記タグを追加しています。
<link rel="shortcut icon" href="画像のURL">
これがテーマからも登録できるととても助かります。
上記方法でも一応対応できるので、優先度は低いと思うのですがご検討いただけると嬉しいです。
よろしくお願いいたします。
2018年11月20日 18:15
cocoonに限らずTwitterでも透過したpng画像の背景が黒くなるとか、ちょくちょく話に出てたんですが、原因はわすれてしまいましたが。
cocoonでも
ファビコン（サイトアイコン）設定は、管理画面から「外観 → カスタマイズ → サイト基本情報」にある「サイトアイコン」設定から行ってください。
から設定してます。
カスタマイザー画面でChromePCから見ると、背景が黒くなってますが、アフォンのChromeを確認したら問題ないようです。
どのような環境でしょうか？
また上述通り不明点がのこってますが、画像の設定時の何かが原因だった気もします。
っと返信が緩くってスミマセンが。
わいひら reacted
2018年11月20日 20:49
一応、いろいろな方が見るかもしれないので書いておくと、透過背景が黒くなるのはテーマの問題ではありません。
これがテーマからも登録できるととても助かります。
これは、サイトアイコンとは別に、透過しない画像設定用に新たにサイトアイコン設定項目を設けるということでしょうか？
それだったら、元から背景に色をつけたアイコンをサイトアイコンに設定するのではダメなのでしょうか？
個人的に同じような設定項目を設けると、ややこしくなるのであまりしたくはありません。
Topic starter
2018年11月21日 14:11
かうたっく様
お返事ありがとうございます。
確認はiPhoneのSafariです。
Chromeであれば、まだ標準のものではないのでそこまで気にしないのですが、Safariでの現象でしたので設定に必要を感じておりました。
こういう仕様？のようなので画像の問題ではないと思いますので、カスタマイズで対応しています。
ありがとうございました。
Topic starter
2018年11月21日 14:20
これは、サイトアイコンとは別に、透過しない画像設定用に新たにサイトアイコン設定項目を設けるということでしょうか？
それだったら、元から背景に色をつけたアイコンをサイトアイコンに設定するのではダメなのでしょうか？
わいひら様
お忙しい中ありがとうございました。
意図としては、透過の画像と透過してない画像を二つ登録できるのが理想でした。
ややこしくなるとのことなので、この辺りはカスタマイズで対応していきたいと思います。
ありがとうございました。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。