6minスポンサーリンクSHAREツイートシェアはてブLINEPocketツイートシェアはてブLINEPocketどうも、トッド(Todd)です。Twitterカードの設定が完了して、反映されるようになりました。何もしていない時はこんな感じで表示されていました。以前までは、Twitter投稿画面で記事タイトルを打ち込み、テキストリンクを貼り付けて、アイキャッチ画像を投稿に添付する方法で投稿していました。「アフター」Twitterカードを設定するとこんな感じになりました。↑【summary_large_imageバージョン】Twitter投稿画面にてページリンクを貼り付けてつぶやくと理想の表示へ!!なお、Wordpressのパブリサイズ共有で、アカウントの設定していてもTwitterカードは表示されません。Twitterの投稿画面で共有したいサイトページのURLを貼り付けた時にTwitterカードは反映されます。img=”https://threefrog.com/wp-content/uploads/2018/08/a0557e1b0c7610f938e5a5d5bad0b60c.png”]知識のない人間からすると意味が分からないことが多すぎる作業でしたが、やっと表示されるようになったので、そこまでのレポートが今回のテーマになります。Pack」の設定で挫折(ていうか、他サイトの説明を見てもプラグインの表示が変わっていて分からない)とりあえずTwitterカードの表示が反映されるようになりたいあぁ~もう無理。色々な方法に振り回されたTwitterカードの設定Twitterカードだけ設定したいのにFacebookありきのOGPこれをやったら反映されました。色々な方法に振り回されたTwitterカードの設定Twitterカードでブログで書いた記事を投稿してみたいと思い始めてから、僕はTwitterカードについて調べるところから始めました。すると、たくさんの情報があり、簡単そうだなと思いながら設定をしていった訳ですが、ここからが迷いの道の始まり。Twitterカードだけ設定したいのにFacebookありきのOGP僕は、Twitterカードを設定したいのに何故かFacebookありきのOGP設定済みでのTwitterカード設定の話が多い。Facebookのアカウントを登録しないとTwitterカードの設定も出来ないものなのかな?という悩みの発生。結果的にその悩みは気にすることの無いものになりました。[adchord]これをやったら反映されました。validatorでちゃんと表示されているかの確認header.phpにコピペする下記のソースコードをコピペして使用する時には、必ずバックアップを取ってから使用してください。Cards--&gt;こちらを↑header.php(テーマヘッダー)のheadから/headまでの部分にコピペをすることで反映されました。テーマによって記載する位置は異なる場合があります。コピペが終わるとそれぞれ変更してもらう箇所があります。content=”summary”>Twitterカードを表示するときの種類の設定になります。コピペ時のデフォルトではsummaryになっています。「summary」contentから始まるところをsummaryにすると上記の表示になります。「summary_large_image」contentから始まるところをsummary_large_imageにすると上記の表示になります。content=”@から始まるユーザー名”>自分のTwitterのユーザーネームに変更してください。@マークを忘れないようにしましょう。これも、変更するところはcontent=”@○○○”のところになります。content=”自サイトのドメイン”>こちらは、自分のサイトのドメイン名に変更してください。これも、変更するところはcontent=”@○○○”のところになります。Validatorに記入して確認します。Validatorこちらに自サイトのURLを記入して以下のような表示なれば完了です。MEDIA』変更しました。MEDIA』ではここで紹介した、OGP設定に関するソースコードなどの編集を行わなくても簡単にTwitterカードを表示させるための設定が出来るのでオススメです。上記に記載されているコードをコピペすることでTwitterカードの表示が反映されるようになりました。Validatorでは、Twitterカードに申請を出すみたいなことは無く、確認ツールのような感覚で使用することが出来ました。FacebookのOGP設定のついでにTwitterカードみたいな話が多く、苦労しました。最後まで読んでいただき有難うございました。Awesome導入でアイコン表示する方法もしも経由でのAmazonカエレバ使用断念/新規約PA-APIの落ち着き所についてこの記事を書いた人トッド(Todd)「ポケサイズム」で気づきを築くをテーマに好きなコト・興味関心に惹かれたテーマに沿った事を書いています。コメントをキャンセルメールアドレスが公開されることはありません。独立したURLでアパレルオンラインストアが持てる【paintory】にてブランド作りました。色々な方法に振り回されたTwitterカードの設定Twitterカードだけ設定したいのにFacebookありきのOGPこれをやったら反映されました。