サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2025年2月13日 09:53
アドレスをコピペすると、テーマ外観一覧に出てくるcocoon childの四角いアイコンが、アドレスペースト先に表示されます。まだ作成途中なのでそうなってるのか？cocoon設定でかえなけらばいけないのか教えてください
2025年2月13日 18:33
u7010さん
昨日のお問い合わせでも思いましたが。
u7010さんは、不慣れで用語をまだご存知ないのだと思います。
それだけで、伝わりにくく、こちらで推測する部分が出てくるのですけれど。
お問い合わせの文章も、主語がなかったり、第三者には伝わりにくい感じです。
恐れ入りますが、出来るだけ丁寧に、省略せずに文章を記載いただきますよう、お願い致します。
例えば・・・。
（小姑みたいに重箱の隅をつつく感じで、こういうことを書くのは嫌なのですけれど）
cocoon childの四角いアイコン
アイコンではないです。
Cocoon Childでもないですよね。
（添付の画像は、親テーマのものです）
アドレスペースト先に表示されます。
これは、何に貼りつけたのでしょうか？
それによって、こちらが調べたりお答えする内容が、変わると思うのですけれど・・・。
（データの取得元なのか、それとも・・・）
そして、フォーラム上部の案内で、お問い合わせ時にはこういうことを書いて欲しいということをお願いしております。
事前に、ご熟読お願い致します。
書き込みの前に以下の3点をご確認ください。
フォーラム利用ガイドリンク
フォーラムマナー・ルールに、ご協力をお願い致します。
あまりにも、不明瞭なお問い合わせの場合、返信がつかないこともあると思います。
（基本的には、皆さん善意でご対応くださいますけれど）
2025年2月13日 18:41
u7010さん
添付画像はLINEなのでしょうか？
そうであれば、過去のお問い合わせにあるかと思います。
（かなり古いですが）
サイトTOPページのURLをLINEでシェアする際に表示される画像を変更したい
https://wp-cocoon.com/community/postid/7060/
OGPを設定する必要があるということですね。
フロントページの場合は、Cocoonはホームイメージがそれにあたります。
なお、LINEも含めSNSでは、画像がSNS側にキャッシュされますので、自サイト側を変更したとしても、SNS側のキャッシュのクリアや更新が必要なケースがあると思います。
LINEは、今は以下なのでしょうか・・・。
（やったことがありませんので、良く分かりませんが・・・）
Page Poker
https://poker.line.naver.jp/
なお、お問い合わせ前に、フォーラムやネットで、検索していただけますようお願い致します。
（そうしていただかないと、こちらは同じとを何度も答える必要があります）
また、Cocoonのマニュアルページも、ご確認ください。
テーマ利用マニュアル
https://wp-cocoon.com/manual/
トピックスターター 2025年2月14日 10:07
ご指摘ありがとうございます
cocoonを使ったブログサイトのアドバイスはたくさんあるのですが、企業サイト向けのものが少なく、手探りで作っています。
これからは、すぐに質問せず、もっと粘ってみようと思います
質問が生じた際は、なるべく答えていただけるように明確な情報を心がけます
cocoon設定のタグを全て学ぼうと思っているのですが、
テーマ利用マニュアルは、タグごとではなく、分散しているので、まだ慣れません。
その中から探すより、フォーラムから検索した方が早い。
でも、質問者自身が明確な用語も知らず、過去の答えから明確な回答にたどり着くのが時間がかかり
つい質問をしてしまいました。
現在作っているHPのURLは
貼り付け先は、Macのメッセージというソフトです
cocoon画像の正式名称もわからず。
テーマ利用マニュアルを見ても、よくわからず。
質問してしまいました
教えていただいたOGTに別画像を設定して見ましたが、変わらず
なんとか自分で解決してみようといろいろ探り、なんとか解決できたようです
cocoon設定の画像タグの下の方に、NO IMAGE設定というところがあり、そこをカメラマークに変更すると、
メッセージにアドレスを貼り付けた際に表示される画像が変わりました
OGTの変更が有効の場合もあれば、今回のNO IMAGE画像の変更が有効の場合もある
アドバイスいただいた、「どこに貼り付けるのか」を明確にして質問しないと、答えられないことがあると
認識いたしました。
勉強させてもらいました。ありがとうございます。
大門未知子 reacted
2025年2月14日 14:57
cocoonを使ったブログサイトのアドバイスはたくさんあるのですが、企業サイト向けのものが少なく、手探りで作っています。
上記の企業向けとか関係ないですね。
単にCocoonの機能を理解していないだけです。
mk2さんが書かれていますが、マニュアルを熟読しCocoonの使い方を理解してください。
●原因
固定ページでフロントページを作成しており、アイキャッチ画像を設定していません。
このため、アイキャッチにはNO IMAGEに設定した画像反映され、それがOGPに出力され。
●対策
フロントページに設定している固定ページに、アイキャッチ画像を設定してください。
その上で、アイキャッチ画像を非表示するなら、CSSを追加します。
u7010 reacted
2025年2月14日 16:21
固定ページでフロントページを作成しており
そうなんですね。
そういうことだと、設定方法が変わります。
（既に、@chu-yaさんがお答えの通り、Cocoon設定にも記載あり）
だからこそ、サイトがどういう状態なのかを、伝えていただく必要があります。
それらなしに、答えを求められると、とても困ってしまうのです。
（何より、ご自分が一番困りますよね、正しい答えが返ってこないのですから）
そのために、フォーラムでは、環境情報等のご提示をお願いしています。
（必要な情報だから、ご提示をお願いしています）
それができない場合、それに代わるくらい正しく情報を伝えていただく必要があると思います。
ちなみに「OGP」（Open Graph Protcol）です。
言葉は正しく覚えないと、検索などしても見つからなくなってしまいますよ。
u7010 reacted
2025年2月14日 16:23
ちなみに、ふと思ったのですけれど。
（すみません、このトピックに便乗してしまいます。別トピックの方が良いです？）
- アイキャッチは不要
- OGPだけ設定したい
上記のようなことがあるかと思い、やってみたところ。
「SNS画像」のみに設定すると、アイキャッチにも同じものが設定されます。
（編集画面のアイキャッチは、未設定）
これは仕様なのでしょうか。
わいひら reacted
2025年2月14日 17:31
「SNS画像」のみに設定すると、アイキャッチにも同じものが設定されます。
（編集画面のアイキャッチは、未設定）これは仕様なのでしょうか。
仕様ですね（作り易さとかのだと思います）。
- エディターのアイキャッチ設定には反映されない（未設定のまま）。
- 投稿ページのアイキャッチ部分に、SNS画像が反映されるが、display-noneとなる。
結果、投稿ページの表示は、アイキャッチ未設定と同じ（アイキャッチ非表示）。 - og:imageは「SNS画像」となる。
2025年2月14日 19:53
「SNS画像」の件ですけれど。
（アイキャッチ未設定の場合）
JSON-LDにも、設定されます。
https://github.com/xserver-inc/cocoon/blob/38a82da6a52c41824d0997c74fa22df5addbe1c1/tmp/json-ld.php#L32
何もないよりは、SNS画像を設定しておこうという意図があるように思います。
（確かに、JSON-LDにはある方が良さそうな気がしてきました）
https://github.com/xserver-inc/cocoon/blob/38a82da6a52c41824d0997c74fa22df5addbe1c1/lib/utils.php#L2781-L2812
同じ関数を、アイキャッチ設定で共用していますので、結果的にはそうなる感じですけれど。
https://github.com/xserver-inc/cocoon/blob/38a82da6a52c41824d0997c74fa22df5addbe1c1/tmp/eye-catch.php#L41
アイキャッチに設定されることも、マイクロデータでマークアップしておくという意図があるということのような気がしてきました。
（そう考えれば、確かにと）
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。