サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2020年9月25日 03:21
素敵なテーマと素晴らしい対応、いつもありがとうございます。
https://wp-cocoon.com/community/postid/39875/
こちらで既に解決済みとなっている件で申し訳ないんですが、最近TOPを固定ページに変更したところ、OGP画像がCOCOON設定で設定した通りに表示されていない事に気付きました。
該当サイト
OGP設定している画像
解決済みの内容を見ますと、TOPが固定ページの場合、アイキャッチ画像にもOGP画像を設定すると正しく表示されるとあり、試してみたところ、確かに正しく表示されました。
TOP以外の固定ページに関しても確認してみたところ、アイキャッチ画像の設定がない場合、記事内の最初の画像をOGPとして認識していて、アイキャッチも記事内にも画像がない場合だけ、正しいOGP画像になっているようです。
※アイキャッチの自動設定はオフにしています。
素人ですのでハッキリしたことは分かりませんが、2.2.3.3から2.2.4.4へテーマをアップデートしたことがきっかけかもと思い、まだアップデートしていないサイトで確認したところ、TOPにアイキャッチなしでも正しいOGP画像が設定されています。
該当サイト
OGP設定している画像
これは今回のアップデートで、仕様変更したということでしょうか？
企業サイト風に作りたかったため、TOPを固定ページにしており、アピールエリアやスライド画像などを表示したいため、できればアイキャッチ画像は設定したくないと考えていたのですが…
仕様変更と言う事であれば、諦めるしかありませんが、TOPにアイキャッチを設定だけして表示させない？？など、何かしらの対策があれば、ご教授いただけますと嬉しいです。
よろしくお願いします。
このトピックは4年前からhirano50に変更されました
2020年9月25日 21:04
現在OGP画像に設定されている、こちらの画像は何処か設定画面で設定されているものでしょうか。
ttps://smile-switch.net/wp-content/uploads/2020/09/plof2020.png
それとも、本文中の吹き出しに利用されているだけということでしょうか。
トピックスターター 2020年9月25日 21:08
現在OGP画像に設定されている、こちらの画像は何処か設定画面で設定されているものでしょうか。
ttps://smile-switch.net/wp-content/uploads/2020/09/plof2020.png
それとも、本文中の吹き出しに利用されているだけということでしょうか。
返信ありがとうございます。
この画像は、本文中の吹き出しと、ユーザープロフィールに設定していますが、プロフィールページやプロフィールウィジェットなどは現在作成していませんので、見える部分としては吹き出しのみです。
2020年9月26日 19:16
試しに添付画像の吹き出し部分を削除して、投稿してみると、OGPソースコードの画像は変わりますでしょうか。
※試したとは、元に戻していただいて大丈夫です。
トピックスターター 2020年9月26日 20:30
吹き出しを削除しますと、その下にある最初の画像がＯＧＰになるようです。
<meta property="og:image" content="https://smile-switch.net/wp-content/uploads/2020/09/stores_item_30-300x300.png">
他のページでも確認してみましたが、アイキャッチ画像を設定しない限り、記事内最初の画像が自動的に？ＯＧＰになるようです。
※アイキャッチ自動設定は無効
※「本文上にアイキャッチを表示する」を無効にしても同様
LINEの「友だち追加」バナーがＯＧＰになってるページも・・・笑
ちなみに、記事内に全く画像のないページは、設定したＯＧＰ画像になります。
https://smile-switch.net/flow/
現状ですと、全ページにＯＧＰにしたい（してもいい）アイキャッチを設定して、「アイキャッチを表示させたくない＆記事内に画像が存在するページ」だけ、個別にＣＳＳで見えなくする・・・という方法で乗り切ろうかなと考えています…
2020年9月27日 07:55
こんにちは。
各固定ページの編集画面の文書タブのSNS画像にOGP画像を設定すると良いようです。
（けっこう下のほうまでスクロールします。）
ラインで確認したところ、
アイキャッチ画像無しの固定ページの画像が、
添付したSNS画像に設定した画像になりました。
そちらにもOGP画像と同じものを設定すれば、固定ページにアイキャッチを
設定しなくてもOKになると思います。
私はSNSアカウントが無くてラインでしか確認できていないのですが。
仕様の変更もあったかな？と思うので、OGP設定に関する根本的な解決法ではないかもしれないですが。
2020年9月27日 19:13
他のページでも確認してみましたが、アイキャッチ画像を設定しない限り、記事内最初の画像が自動的に？ＯＧＰになるようです。
やっぱそっちだったんですね。
ただ、アイキャッチがない場合は最初の画像を使用するというのは、2.2.4.4などのバージョンは関係なく、かなり前からそのような仕様だったと思います。
この部分。
https://github.com/yhira/cocoon/blob/5adeca3aec9e205eeb5fb7c0671ff7c9c5069c30/lib/utils.php#L2633
最近のバージョンアップが関係あるとすれば、get_no_image_url関係の処理変更かと思ったのですが、条件分岐的には「アイキャッチがない場合は最初の画像を使用する」という条件が前にあるので。
https://github.com/yhira/cocoon/blob/5adeca3aec9e205eeb5fb7c0671ff7c9c5069c30/lib/utils.php#L2635
なので、今回吹き出しの画像がOGP画像に利用されたのは、以前からの仕様っぽいです。
hirano50 reacted
トピックスターター 2020年9月27日 22:43
元々の仕様だったんですね…
アイキャッチがなければ設定したOGP画像になる・・・と勝手に思い込んでしまってたようです。
お騒がせしてしまい、すみませんでした！
やっと仕組みが理解できました。
重ね重ねありがとうございます！
2020年9月28日 07:59
アイキャッチがなければ設定したOGP画像になる・・・と勝手に思い込んでしまってたようです。
もしもですけど、もしも私の記事を読んでいただいていたら、私の理解もそうだったので、そのように書いてしまっていました。大変失礼いたしました。
OGPとノーイメージを同じにしていたので、「OGPが有効」になっていると思っていたのは、実は「ノーイメージ」だったのかと思っています。スミマセン。
リライトしようと思いますので確認させていただいて良いでしょうか。
今回吹き出しの画像がOGP画像に利用されたのは、以前からの仕様っぽいです。
コードが読めないため、こちらのサイト（ https://rakko.tools/tools/9/ ）で実験してみたのですが
優先度は以下のようになっているということであっていますでしょうか。
アイキャッチ画像 ＞ SNS画像 ＞ 記事内の画像 ＞ ノーイメージ ＞ OGP画像
上記のサイトはシュミれータなので、確実ではないかもですが、テスト結果は以下のようになりました。
アイキャッチあり －＞OGP:アイキャッチ
アイキャッチ無し、SNS画像設定ー＞OGP:SNS
アイキャッチ無し、SNS画像無し、記事内画像ありー＞OGP:記事内画像
アイキャッチ無し、SNS画像無し、記事内画像なしー＞OGP:ノーイメージ
アイキャッチ無し、SNS画像無し、記事内画像なし、ノーイメージ無し －＞OGP:OGP画像
また、固定ページと投稿ページの動作は同じという理解であっていますか？
まだまだPVが少ないとはいえ・・・他にも誤解を与えてしまった方がいらっしゃいましたら失礼いたしました。
2020年9月28日 08:14
追伸：スミマセン。
確か以前は「記事内画像」よりも、ノーイメージかOGP画像のどちらかの優先順位が高かったように思います。
トピックスターター 2020年9月28日 08:46
もしもですけど、もしも私の記事を読んでいただいていたら、私の理解もそうだったので、そのように書いてしまっていました。大変失礼いたしました。
OGPとノーイメージを同じにしていたので、「OGPが有効」になっていると思っていたのは、実は「ノーイメージ」だったのかと思っています。スミマセン。
リライトしようと思いますので確認させていただいて良いでしょうか。
Ikumiさんのせいではないのでご安心ください！
最初から以下のように思い込んでました。
アイキャッチ＞OGP＞記事内画像
SNS画像の設定は存在すら忘れていましたので、今回思い出させていただいて本当に感謝です。
2020年9月28日 20:30
確か以前は「記事内画像」よりも、ノーイメージかOGP画像のどちらかの優先順位が高かったように思います。
この仕様は、かなり前からだったと記憶しています。
実際コードがある/lib/utils.phpの変更履歴を見てみても、最近それっぽい変更はないようです。
https://github.com/yhira/cocoon/commits/5adeca3aec9e205eeb5fb7c0671ff7c9c5069c30/lib/utils.php
2020年9月28日 20:33
「アイキャッチがない場合は最初の画像を使用する」
確か当初からこの仕様ではあったのですが、今思えば混乱の元なのでこの条件はなくしてしまっても良いかもしれません。
https://github.com/yhira/cocoon/blob/5adeca3aec9e205eeb5fb7c0671ff7c9c5069c30/lib/utils.php#L2633
もとはといえば、「何もSNS OGP画像がないよりは本文中の画像でもあったほうがよい」という考えの下今ましようにしています。
いずれにせよ一長一短の部分があります。
hirano50 reacted
2020年9月29日 19:13
なくしちゃうと困る方がいると思います… 例えば私です…
ほとんどの記事でアイキャッチは設定していないので…
承知いたしました。
有効利用はされている方がおられるのであれば、現状維持としたいと思います。
元々アイキャッチを設定しない方向けにこのような仕様にしたと思うので、意図通りに使ってくださってる方がいるというのを知れたのはありがたいです。
書き込んでいただきありがとうございます。
daizupapan and hirano50 reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。