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

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

共有:
通知
すべてクリア

[解決済] cocoonのアイコン

14 投稿
3 ユーザー
20 Reactions
141 表示
(@u7010)
Eminent Member Registered
結合: 2か月前
投稿: 14
トピックスターター  

アドレスをコピペすると、テーマ外観一覧に出てくるcocoon childの四角いアイコンが、アドレスペースト先に表示されます。まだ作成途中なのでそうなってるのか?cocoon設定でかえなけらばいけないのか教えてください


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8485
 

u7010さん

昨日のお問い合わせでも思いましたが。

u7010さんは、不慣れで用語をまだご存知ないのだと思います。
それだけで、伝わりにくく、こちらで推測する部分が出てくるのですけれど。

お問い合わせの文章も、主語がなかったり、第三者には伝わりにくい感じです。
恐れ入りますが、出来るだけ丁寧に、省略せずに文章を記載いただきますよう、お願い致します。

例えば・・・。
(小姑みたいに重箱の隅をつつく感じで、こういうことを書くのは嫌なのですけれど)

投稿者:: @u7010

cocoon childの四角いアイコン

アイコンではないです。
Cocoon Childでもないですよね。
(添付の画像は、親テーマのものです)

投稿者:: @u7010

アドレスペースト先に表示されます。

これは、何に貼りつけたのでしょうか?
それによって、こちらが調べたりお答えする内容が、変わると思うのですけれど・・・。
(データの取得元なのか、それとも・・・)

 

そして、フォーラム上部の案内で、お問い合わせ時にはこういうことを書いて欲しいということをお願いしております。
事前に、ご熟読お願い致します。

書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

 

フォーラムマナー・ルールに、ご協力をお願い致します。

あまりにも、不明瞭なお問い合わせの場合、返信がつかないこともあると思います。
(基本的には、皆さん善意でご対応くださいますけれど)


   
u7010 and わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8485
 

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/


   
u7010 and わいひら reacted
(@u7010)
Eminent Member Registered
結合: 2か月前
投稿: 14
トピックスターター  

ご指摘ありがとうございます

 

cocoonを使ったブログサイトのアドバイスはたくさんあるのですが、企業サイト向けのものが少なく、手探りで作っています。

これからは、すぐに質問せず、もっと粘ってみようと思います

質問が生じた際は、なるべく答えていただけるように明確な情報を心がけます

cocoon設定のタグを全て学ぼうと思っているのですが、

テーマ利用マニュアルは、タグごとではなく、分散しているので、まだ慣れません。

その中から探すより、フォーラムから検索した方が早い。

でも、質問者自身が明確な用語も知らず、過去の答えから明確な回答にたどり着くのが時間がかかり

つい質問をしてしまいました。

 

現在作っているHPのURLは

https://shinbido.com/hp/

貼り付け先は、Macのメッセージというソフトです

cocoon画像の正式名称もわからず。

テーマ利用マニュアルを見ても、よくわからず。

質問してしまいました

教えていただいたOGTに別画像を設定して見ましたが、変わらず

なんとか自分で解決してみようといろいろ探り、なんとか解決できたようです

cocoon設定の画像タグの下の方に、NO IMAGE設定というところがあり、そこをカメラマークに変更すると、

メッセージにアドレスを貼り付けた際に表示される画像が変わりました

OGTの変更が有効の場合もあれば、今回のNO IMAGE画像の変更が有効の場合もある

アドバイスいただいた、「どこに貼り付けるのか」を明確にして質問しないと、答えられないことがあると

認識いたしました。

勉強させてもらいました。ありがとうございます。


   
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 3397
 

投稿者:: @u7010

cocoonを使ったブログサイトのアドバイスはたくさんあるのですが、企業サイト向けのものが少なく、手探りで作っています。

上記の企業向けとか関係ないですね。
単にCocoonの機能を理解していないだけです。
mk2さんが書かれていますが、マニュアルを熟読しCocoonの使い方を理解してください。

●原因

固定ページでフロントページを作成しており、アイキャッチ画像を設定していません
このため、アイキャッチにはNO IMAGEに設定した画像反映され、それがOGPに出力され。


●対策

フロントページに設定している固定ページに、アイキャッチ画像を設定してください。
その上で、アイキャッチ画像を非表示するなら、CSSを追加します。


   
u7010 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8485
 

投稿者:: @chu-ya

固定ページでフロントページを作成しており

そうなんですね。

そういうことだと、設定方法が変わります。
(既に、@chu-yaさんがお答えの通り、Cocoon設定にも記載あり)

だからこそ、サイトがどういう状態なのかを、伝えていただく必要があります。
それらなしに、答えを求められると、とても困ってしまうのです。
(何より、ご自分が一番困りますよね、正しい答えが返ってこないのですから)

そのために、フォーラムでは、環境情報等のご提示をお願いしています。
(必要な情報だから、ご提示をお願いしています)

それができない場合、それに代わるくらい正しく情報を伝えていただく必要があると思います。

 

ちなみに「OGP」(Open Graph Protcol)です。
言葉は正しく覚えないと、検索などしても見つからなくなってしまいますよ。


   
u7010 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8485
 

ちなみに、ふと思ったのですけれど。
(すみません、このトピックに便乗してしまいます。別トピックの方が良いです?)

  • アイキャッチは不要
  • OGPだけ設定したい

上記のようなことがあるかと思い、やってみたところ。

「SNS画像」のみに設定すると、アイキャッチにも同じものが設定されます。
(編集画面のアイキャッチは、未設定)

これは仕様なのでしょうか。


   
わいひら reacted
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 3397
 

投稿者:: @mk2_mk2

「SNS画像」のみに設定すると、アイキャッチにも同じものが設定されます。
(編集画面のアイキャッチは、未設定)

これは仕様なのでしょうか。


仕様ですね(作り易さとかのだと思います)。

  • エディターのアイキャッチ設定には反映されない(未設定のまま)。
  • 投稿ページのアイキャッチ部分に、SNS画像が反映されるが、display-noneとなる。
    結果、投稿ページの表示は、アイキャッチ未設定と同じ(アイキャッチ非表示)
  • og:imageは「SNS画像」となる。

https://wp-cocoon.com/sns-image/


   
わいひら and u7010 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8485
 

仕様であれば、それでも良いのですけれど。

アイキャッチに設定された場合。
例え非表示でも、フロントページのインデックスリストのサムネイル等に反映されるかと思います。
(その他にも)

アイキャッチ未設定のため、no image画像が表示されるかと思っていたら、SNS画像が表示されることになります。
(そういう場合、アイキャッチを設定すれば良いだけなんですけれどね)

レアケースのような気はしますけれど、念のため確認させていただければと。


   
わいひら and u7010 reacted
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 3397
 

仕様であれば、それでも良いのですけれど。

アイキャッチに設定された場合。
例え非表示でも、フロントページのインデックスリストのサムネイル等に反映されるかと思います。
(その他にも)

投稿ページのfigureのeye-catchに出力され非表示になり。
エントリーカードはNO IMAGEとなります(DBの投稿自体にはアイキャッチ画像が紐づいていないので)。


   
わいひら and u7010 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8485
 

申し訳ないです。
別件の確認で、アイキャッチを設定してしまったことを忘れていました。

それはそれとして、仕様の確認はさせていただければと。


   
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 3397
 

まとめておきました。


   
わいひら and u7010 reacted
(@u7010)
Eminent Member Registered
結合: 2か月前
投稿: 14
トピックスターター  

アイキャッチに画像を設定し、画像タグの本文上にアイキャッチを表示するのチェックを外して、

Macのメッセージにアドレスをペースとして見ました

設定したアイキャッチが表示されました

こんな簡単なことだったなんて。

マニュアルを熟読します。

表、ものすごくわかりやすいです

この投稿は1か月前ずつu7010に変更されました

   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8485
 

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

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

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

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

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