サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
ブログ相談
24
投稿
5
ユーザー
9
Reactions
2,773
表示
Topic starter
2018年12月3日 23:34
WordPress初心者ですが、Cocoonは素人の私にもわかりやすく、サクサクとサイトが出来上がっていきます!それで色々試したのですが、質問です、ツイッターでシェアした時に全てプロフィール画像になってしまいます。(プロフィール画像は小さなものを使用)フェイスブックにシェアした場合は動画もアイキャッチ画像もうまく添付されております。
例えばこのページも、出来ればツイッターで動画付き、またはアイキャッチ画像で表示したいのですが。。 https://applebox.tokyo/guitar-lesson-5/
どうしたらよいでしょうか?どうぞよろしくお願いいたします。
chieiwashita
2018年12月4日 20:53
ソースコードを見てみると、「Cocoonが出力しているTwitter Cardsタグ」と「Jetpackか出力してるTwitter Cardsタグ」が混在しています。
それぞれ違う画像が設定されており、後から出力されているJetpackのものが採用されているようです。
なので、Jetpackの「OGP(Twitter Cards)タグ出力機能」を無効にすることをおすすめします。
おそらく、「パブリサイズ・共有」を無効にすればOGPも無効になるはず。
「パブリサイズ・共有」を有効化したままOGPだけ無効にするには、以下の方法を行う必要があるかも。
https://youland.net/1711.html
2018年12月6日 14:24
ありがとうございます!
やってみましたらプレビュー画面はやはりアイキャッチ画像です。。
下にこんなコメントがついてました。。
*****
ログ
情報:ページが正常にフェッチされました
INFO:32個のメタタグが見つかりました
情報:twitter:card = summary_large_imageタグが見つかりました
情報:カードが正常に読み込まれました
2018年12月6日 15:23
現在まだキャッシュが残っているのようです。
ロリポップのキャッシュが最近あるようですね。検索した結果以下ページがヒットしました。
https://lolipop.jp/manual/hp/content-cache/
コンテンツキャッシュ設定・解除方法
詳細は見てませんが、キャッシュの設定は5分で変更が完了できるとやらです。
キャッシュの削除を行っていただけますか。
さっき私が見た状態ではわいひらさんの言われた設定が残っているようです。
Topic starter
2018年12月6日 21:58
キャッシュは削除しましたが
変わらず動画ではなくアイキャッチ画像になってしまいます、、、
cocoonを導入する前に知人にカスタマイズでテーマを作ってもらっていたのですが、
結局うまくいかず、自分でcocoonに変更、ここまで出来ました。
プラグインはマニュアル通りに設定したのですが、例えば古い設定が残ってるなどの影響も考えられるのでしょうか、、?
どうぞよろしくお願いいたします。
chieiwashita
Topic starter
2018年12月6日 22:18
今、プラグインの中はこうなってます、(書き写しました)
すべて13、使用中11、停止中2、利用可能な更新4
Akismet Anti Spam 設定:停止
All in one SEO 停止
Back WPup 停止
Category Order and Taxonomy Terms Order 停止
Google XML Sitemaps 停止
Hello Dolly 有効化:削除
jetpack by wordpress.com 停止
post Snippets 有効化:削除
Really Simple SSL 停止
SiteGuardWP Plugin 停止
Wordfence Security Upgrade To Premium:停止
WP Multibyte Patch 停止
すみません、どうぞよろしくお願いいたします。
chieiwashita
2018年12月7日 05:06
h ttps://applebox.tokyo/wp-content/uploads/2018/12/0473063810414b0aa081f8217a884a22-e1543674825700.png
上記アイキャッチが表示されるのは正常な気もします。
JetPackについてですが、
「パブリサイズ・共有」の無効化
これがキチンとできてるか一応
h ttps://applebox.tokyo/wp-admin/admin.php?page=jetpack_modules
上記でチェックが外れてるかご確認いただけますか?
残っている場合があった気がするので、その上で念のためChromeではcontrol+Shift+Cボタンを開いて
添付画像の部分が消えてる事をご確認いただけたら。と思います。
わいひら reacted
2018年12月7日 05:10
まだ残っている場合、おそらく必要な手順を踏んでないんだと思います。
https://blog.webcontent.jp/entry/no-jetpack-opg#i-3
プラグイン「Jetpack」で自動挿入される「Open Graph Tags」を削除する方法 – ウェブコンテンツ
見出し3.4 プラグインを使用する方法
とか参考にされてみてはどうかな?と思います。
わいひら reacted
Topic starter
2018年12月7日 08:38
かうたっくさんもご親切にありがとうございます!
私が希望することはYouTube動画をアップした記事をツイッターとフェイスブックにシェアした時に、
アイキャッチ画像ではなく動画がアイキャッチとして添付されるようにしたいのですが、ご指摘いただいたのは動画をスクショしたアイキャッチを
私が使用し、シェアすると動画ではなく、このアイキャッチが添付されてしまいます。動画のスクショをアイキャッチにしない場合もあるので、
動画をシェア先に表示したいのです。。
『残っている場合があった気がするので、その上で念のためChromeではcontrol+Shift+Cボタンを開いて添付画像の部分が消えてる事をご確認いただけたら。と思います。』
上記のご説明の意味が、、すみません、初心者で「添付画像の部分が消えてる事をご確認」の意味がわからないのですが、、、
Jet Packですが、わいひらさんに最初に教えていただいたページの
パブりサイズの共有は無効化にしてます。
かうたっくさんから教えていただいたJet Packのページは
項目がずらりと並んでいて
「パブりサイズ」は外れていて
「共有」は有効になってたので外しました。
次に教えていただいた参考サイトを読むと
『「All in One SEO Pack」にはJetpack Open Graph Tagsを削除する機能が備わっています。』
と書いてありましたので、
それで私のページのAll in one SEO Packを開いたら
下記のスクショのような状態で、、、
私も途中から前任者と切れて一人でやり直ししてるので
この状態が有効になってるのか停止してるのか
いまいちわかりずらく、、、
「設定を更新」となってるので
更新して設定をちゃんと見直し、設定し直した方が良いでしょうか?
cocoon にはAll in one SEO Packは不要、とのご意見も読みましたが。。。
色々とすみません。。どうぞよろしくお願いいたします!
chieiwashita
Topic starter
2018年12月7日 11:03
かうたっくさんもご親切にありがとうございます!
私が希望することはYouTube動画をアップした記事をツイッターとフェイスブックにシェアした時に、
アイキャッチ画像ではなく動画がアイキャッチとして添付されるようにしたいのですが、ご指摘いただいたのは動画をスクショしたアイキャッチでして、シェアすると動画ではなく、このアイキャッチが添付されてしまいます、、
動画をシェア先に表示したいのです。。
『残っている場合があった気がするので、その上で念のためChromeではcontrol+Shift+Cボタンを開いて添付画像の部分が消えてる事をご確認いただけたら。と思います。』
上記のご説明の意味が、、すみません、初心者で「添付画像の部分が消えてる事をご確認」の意味がわからないのですが、、、
Jet Packですが、わいひらさんに最初に教えていただいたページの
パブりサイズの共有は無効化にしてます。
かうたっくさんから教えていただいたJet Packのページは
項目がずらりと並んでいて
「パブりサイズ」は外れていて
「共有」は有効になってたので外しました。
次に教えていただいた参考サイトを読むと
『「All in One SEO Pack」にはJetpack Open Graph Tagsを削除する機能が備わっています。』
と書いてありましたので、
それで私のページのAll in one SEO Packを開いたら
下記のスクショのような状態で、、、
私も途中から前任者と切れてcocoonに入れ替え、一人でやり直ししてるので
いまいちわかりずらく、、、
「設定を更新」となってるので
設定をちゃんと見直し、設定し直した方が良いでしょうか?
cocoon にはAll in one SEO Packは不要、とのご意見も読みましたが。。。
色々とすみません。。どうぞよろしくお願いいたします!
chieiwashita
2018年12月7日 11:09
アイキャッチ画像ではなく動画がアイキャッチとして添付されるようにしたいのですが、ご指摘いただいたのは動画をスクショしたアイキャッチを
私が使用し、シェアすると動画ではなく、このアイキャッチが添付されてしまいます。動画のスクショをアイキャッチにしない場合もあるので、
動画をシェア先に表示したいのです。。
おそらくアイキャッチが出力されるのが正しい状況だと思います。
動画に付けられている画像を添付!?するにしても、多分TwitterでYoutubeなどが再生されない状況かと思います?これはわいひらさんに伺わないと確認してません。
※youtubeなど高速化とか導入されましたが、投稿画面にリンクだけを置くような対応でしょうか?
※その辺一切見てないので私は不明ですが、次確認する人に情報はあるほうが良いと思ったまでです。
gif画像も反映されたかな?と言った印象で、これがCocoonだったか、前のSimplicityだったかもうろ覚えです。
「パブりサイズ」は外れていて
「共有」は有効になってたので外しました。
了解しました。
確認したところどうやらOGPは消えているようです。
以下の部分と共通しますね。
『残っている場合があった気がするので、その上で念のためChromeではcontrol+Shift+Cボタンを開いて添付画像の部分が消えてる事をご確認いただけたら。と思います。』
上記のご説明の意味が、、すみません、初心者で「添付画像の部分が消えてる事をご確認」の意味がわからないのですが、、、
それで私のページのAll in one SEO Packを開いたら
下記のスクショのような状態で、、、
先ほど書いた通りもうJetPackのOGPは無効になっているようです。
なのでこの項目はスルーしても良いと思います。
たくさん書いたのでアップアップされたと思います。ご確認お疲れさまでした ?
cocoon にはAll in one SEO Packは不要、とのご意見も読みましたが。。。
朝だったか、チェックさせてもらったんですが、重複されてる部分があったように思います。アナリティクスやカノニカルタグとか。多分コチラのサイトさんだった認識です。
特にこだわりなければ、要らないように思います。
返信の冒頭に書いた?どうだっけ?Youtubeの詳細は、私は全く確認してません。
このトピックの初めにせめてアイキャッチだけでも。と言った書き込みもあったように思います。ですが、希望はyoutubeをTwitterやSNSにって事でしたね!
その辺はその状況に詳しい方にお任せします。
わいひら reacted
2018年12月7日 13:54
Cocoonのツイッターカード設定のままだとサマリータイプ、大きな画像タイプしか選べないので
プレーヤーカード用のメタタグが入らないと思うんですが
この状態だとプレーヤータイプのカードってポスト出来ないんじゃないかな?と思うんですがどうなんでしょう!?
プラグインを使いますが、こういう物があるみたいですよ
個別ページごとにTwitterカードのカードタイプを変更する方法
この方法を使う場合Cocoonのツイッターカード設定は無効にしないとメタダグが重複しますが
わいひら reacted
Topic starter
2018年12月10日 00:05
haineonsさん、ありがとうございます!
cocoonのtwitterカード無効にして
プラグインインをインストール、Playerにしましたが
アイキャッチ画像になってしまいます、、、
Jet Packのパプリサイズ 共有をon,off,どちらでもやってみましたが
ダメでした。。
申し訳ないのですが、このMeta tag Managerをインストールした場合、
Jet Packとcocoonの設定をもう一度教えていただけるでしょうか?
どうぞよろしくお願いいたします。
chieiwashita
2018年12月10日 13:12
ちょっと自分でも試してみました
Player card — Twitter Developers
一応添付画像のように設定をすれば上記URLでのテストは問題なかったです
Cocoon設定のツイッタカード設定はオフ
Jetpack自体は使っていますがパブリサイズやOGP関係は使っていないので全てオフ
設定をしたらプラグイン、サーバー系共にキャッシュ関係をしっかりと削除してくださいね
キャッシュ削除後にソースを見て添付画像のようなメタタグが入っていることを確認
あとはCard validatorでチェックです
この部分しか試してないので、普段使いは設定の中にあるMetaTagManagerで
アイキャッチ用の設定で全ページにしておけば良いのかーとかは分かりませんが
試してみてください
プレーヤー用カードに必要なメタタグって結構多いんですね(;・∀・)
わいひら reacted
2018年12月10日 13:16
ちょっとミスってた…
一応添付画像のように設定をすれば上記URLでのテストは問題なかったです
この部分はCard Validatorの方でテストすね…
あと添付画像が大きいので新しいタブや窓で開いて拡大してみてください
わいひら reacted
Topic starter
2018年12月12日 09:44
haineonsさん、ありがとうございます!!
それで私はwordpress初心者でして、
Cocoonのマニュアルをみながら一から始めております。
「設定をしたらプラグイン、サーバー系共にキャッシュ関係をしっかりと削除してくださいね
キャッシュ削除後にソースを見て添付画像のようなメタタグが入っていることを確認」
この部分ですが、
前の方が「キャッシュ」削除方法としてサーバー(ロリポップ)の
削除ボタンを押す方法を教えてくださいました。
キャッシュを削除する方法は他にもあるのでしょうか?
なんどもすみません、どうぞよろしくお願いいたします。
chieiwashita
2018年12月12日 13:09
キャッシュ系プラグインを使っていないのでしたらサーバのキャッシュ削除で大丈夫だと思いますよ
ソースは右クリック→ページのソースを表示で確認できます
わいひら reacted
Topic starter
2018年12月15日 00:24
haineonsさん、
ありがとうございました!
添付できました〜〜〜〜!!!感謝です!
それで
cocoonの設定に「全てのキャッシュを削除する」
というのがあったのでそれをおしました。
あとロリポップの方も削除するのスイッチを押したままですが
そのままで大丈夫でしょうか?
chieiwashita
わいひら reacted
2018年12月15日 00:38
上手くいった&お役に立てたようで良かったです><b
通常はキャッシュを有効にしておいても必要な時に削除って出来ませんか?
そこら辺はロリポのヘルプを見てくださいねーとしか…
わいひら reacted
Topic starter
2018年12月15日 09:12
haineonsさん、
必要な時だけ削除、そうですよね、最後までご親切にありがとうございました!o(^▽^)o
chieiwashita
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。