サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2020年7月18日 22:32
Cocoon設定のOGP設定のTwitterカード設定にて、twitter:siteを指定できるようにしてほしい
all in one seoのソーシャルメディアのTwitter設定の「Twitter サイト」のように、@に続くTwitterのユーザーIDを指定できるような設定項目が欲しいです。
自分の場合、twitter:siteに設定を行わないとTwitterカードが正しく表示されなくなるようです。
（ https://cards-dev.twitter.com/validator にて、自分のサイトのURLを確認するとUnable to render Card previewと表示される。）
all in one seoの方で設定をしてあげるとカードが表示されます。
それなら解決してるじゃん。そのプラグインを使えばいいじゃんという話にはなりますが、やはりcocoon側から設定ができれば便利です。
なので、ぜひ検討をお願いいたします。
2020年7月19日 19:27
Cocoon設定のOGP設定のTwitterカード設定にて、twitter:siteを指定できるようにしてほしい
これの意図を教えていただければと思います。
all in one seoのソーシャルメディアのTwitter設定の「Twitter サイト」のように、@に続くTwitterのユーザーIDを指定できるような設定項目が欲しいです。
Cocoonでもtwitter:siteは設定しています。
https://github.com/yhira/cocoon/blob/bf5c2c178998e6fe1cca199b93da2ed36339e756/tmp/header-twitter-card.php#L81
自分の場合、twitter:siteに設定を行わないとTwitterカードが正しく表示されなくなるようです。
出来れば、フォーラムの案内にもありますように該当ページのURLも提示していただければと思います。
でないと動作を確認できないもので。
不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください
Topic starter
2020年7月21日 18:15
返信ありがとうございます。
これの意図を教えていただければと思います。
再度デベロッパーツールで確認してみましたが、プラグイン側とcocoonのコードと少し違う部分がありました。
<meta name="twitter:domain" content="hmts.jp">
<meta name="twitter:creator" content="@">
<meta name="twitter:site" content="@">
//xpath /html/head/meta[18]
上のメタタグはおそらくcocoon側のものです。多分、@に続く部分（TwitterのID）がないため正しくTwitterカードが表示されていない（サムネイルが出ない）のだと思います。
<meta name="twitter:site" content="@hmtsite">
<meta name="twitter:domain" content="hmtsite">
//xpath /html/head/meta[29]
cocoonのメタタグの少し下にある、このメタタグはおそらくプラグインのものなのかなと思います。（試しにプラグインを停止すると見つからなくなるため）
（TwitterIDがないとうまく表示されない？）
自分の場合、twitter:siteに設定を行わないとTwitterカードが正しく表示されなくなるようです。
こちらは説明不足でした。contentの” ”部分に設定を行わないとカードが表示されなくなる
と言いたかったのですが、うまく伝えられませんでした。
該当ページのURL
こちらとなります。
2020年7月21日 20:07
ユーザー→プロフィールページにある「Twitter URL」にはどのように入力されていますか？
ここにURLが設定されていれば、IDが抽出されるはずなんですが。
もしURLが入力されてしない場合は、タグ自体が出力されないようにしてはあります。
なにか想定外の入力なのかもしれません。
「Twitter URL」部分のスクリーンショットと、テキストをいただければと思います。
Topic starter
2020年7月21日 20:41
返信ありがとうございます。
ちょっとあわててたのでスクリーンショット取るの忘れてしまったのですが、確かにTwitter URLが異なるもの（Twitter.com~ではない形）になっていました。
そこでちゃんとしたURLに差し替えましたが、先ほどの@～の部分は無事修正されましたが、
<meta name="twitter:domain" content="hmts.jp">
Twitter:domainのところがうまく差し替わってないようで、hmts.jpのまま変わっていません。（おそらく「hmtsite」になるのが正しい？）
2020年7月22日 20:04
twitter:domainはその名の通り、サイトのドメインが入るので、それで問題ないのではないでしょうか。
http://www.hp-stylelink.com/news/2013/11/20131121.php
Topic starter
2020年7月23日 00:00
返信ありがとうございます。
それで問題ないのではないでしょうか。
そのようですね。この辺の知識が欠落してました。
しかし、その可能性が無くなってしまったので本格的に何が原因かがわからなくなってしまいました。
あと見た限り違っていたのがmetaの属性がnameではなくてpropertyになっていることしか見つかりませんでした。
2020年7月23日 20:28
詳しくは不具合状態を見ないと何とも言えません（見てもわからない可能性もありますが）。
不具合状態を再現して、フォーラムの案内にあるように高速化設定を無効にした状態を見てみないと、何とも言えないかもしれません。
不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。