こんな疑問に答えます。
記事の内容
AFFINGERとTwitterを連携させる方法
ブログ記事をカード型でツイートする方法
ブログ記事内にTwitterカードを表示する方法
この記事を書いている人
はやちゃん Twitter：@s_hayachan1357
おすすめ
【当サイト使用Word Pressテーマ】
AFFINGER6
「稼ぐ」に特化した本格Word Pressテーマ
【AFFINGER6はここからでOK！】
【期間限定】すごいもくじ（ライト）がもらえる！
関連記事
記事内にTwitterカードを載せているブログをよく見かけますね。
Twitterカードは
【お知らせ】
お財布にやさしく、コスパのいいレンタルサーバーでのブログの始め方を【画像付き】で分かりやすく
解説しています。
これを見てブログ仲間になってくれたらうれしいです#ブログ初心者 #WordPress https://t.co/fgFaUKaIlr
— hayachan (@s_hayachan1357) November 23, 2020
このようにツイートをカード式に掲載できる機能のことです。
こうすることによって自分のブログやTwitterを拡散して、知ってもらうのにとても役立ちます。
それでは設定から解説していきます。
AFFINGERとTwitterを連携させる方法
それではAFFINGERと自分のTwitterアカウントを連携させていきます。
設定手順
ダッシュボード → AFFINGER5管理
SNS → Twitter設定
アカウント入力 → カードサイズ選択 → save
管理画面から「AFFINGER5管理」をクリック
SNSをクリック
Twitter設定
Twitterアカウント：Twitterアカウントを入力
Twitterカードサイズを選んでチェックをいれます。
※「小」を選ぶと全体が表示されないので「大」をおすすめします。
入力が終われば「save]をして設定は完了です。
これでブログ記事をTwitterにカード型でツイートを表示させることができます。
確認してみましょう。
card validatorへアクセスします。
ブログ記事のURLを入力して「プレビューカード」をクリック
右の画像のようになればOKです。
これで自分のツイートに記事のURLを入力すると画像のように投稿できます。
記事内にTwitterカードを表示させる方法
それでは記事にTwitterカードを表示させましょう。
設定手順
ツイートのメニューボタン → ツイートを埋め込むをクリック
コードをコピーする
テキスト投稿画面でコードを貼り付ける
プレビューで確認
表示させたいツイートのメニューボタン → </>ツイートを埋め込む をクリック
コードをコピーします。
テキスト投稿画面にしてコードを貼り付けます。
ビジュアル投稿画面ではこのように表示されますがこれでOKです。
プレビュー画面で確認しましょう。
このようになれば完成です。
まとめ：AFFINGERとTwitterは連携させましょう
それでは設定方法をまとめてみます。
AFFINGERとTwitterを連携させる手順
ダッシュボード → AFFINGER5管理
SNS → Twitter設定
アカウント入力 → カードサイズ選択 → save
Twitterカードをブログ記事に表示させる手順
ツイートのメニューボタン → ツイートを埋め込むをクリック
コードをコピーする
テキスト投稿画面でコードを貼り付ける
プレビューで確認
ブログの収益化やPV数を増やすのにTwitterとの連携は、効果的なので設定しときましょう。
今回は以上です。
