affinger5

【affinger5】Twitterのブログリンクを画像付きにするには? Twitter カードを解説

eyecatch画像

記事概要:ツイートのブログへのリンクを目立たせる”Twitterカード”について解説します!

当サイトの運営はエックスサーバー で行っております。


悩んでる人
ツイートに貼るブログリンクを画像つきで目立たせたい、、
Twitterカードのことだね。

affinger5を使っている人向けにやり方を解説するよ!!

わたし

ブログリンクを画像つきにするTwitter カードとは

twitterカードとは”ツイートに貼られたリンクを目立つように表示する機能”のことです。

カードあり

radio_button_unchecked画像とタイトル付きで分かりやすい

カードあり

カードなし

closeリンクのみで何の記事かわかりにくい

カードなし


設定の仕方

WordPress側の設定

WordPressの[AFFINGER5 管理]

→[SNS]→[Twitter設定]と進みます。

アカウント名の@以下をツイートするアカウントに設定します。

「Twitterカードサイズ」では、

ツイートに載るアイキャッチ画像の大きさを

選ぶことができます。

実際に見比べてみて決めましょう。

記事側の設定

記事側設定

画像右側の[アイキャッチ画像]で、

表示させたい画像を選択します。


ツイートする前に確認

ここまで設定できたら、

実際にツイートしたらどういう形になるか

Card validator

上記のサイトで確認してみましょう。

記事のリンクを貼ると

実際のツイート画面がどうなるか表示されます。

これで良ければ実際にツイートしてみましょう!!


まとめ

affinger5向けのTwitterカードの設定を紹介しました!

Twitterはブログ初心者にとって

必須ツールとなりますので、

是非活用してみてください。

以上、ありがとうございました。

関連記事

affinger5

AFFINGER5 モバイル用ロゴを中央寄せ&サイズ調整 CSSコピペでOK!

AFFINGER5を使っている方、ロゴ画像の大きさや配置に悩んでいませんか?
今回はモバイル用ロゴ画像の設定の仕方や、大きさ・配置・背景色の設定方法を図解で丁寧に解説しています!!

eyecatch

affinger5

記事レイアウトで損してる!直帰率を下げる、コピペでできるaffingerカスタマイズ方法。

PVを上げるために重要な「直帰率」。今回は、5分ほどの簡単作業で直帰率を下げる、レイアウトの変更方法を紹介しています。
AFFINGER限定の方法ですが、他テーマにも応用することは可能なので、是非試してみてください。

よく読まれている記事

プロジェクターアイキャッチ 1

10万円で手が届く、高画質・高機能のプロジェクターの選び方、おすすめの商品を紹介しています。
解像度、コントラスト、明るさ、機能性、値段などからあなたに最適のプロジェクターを紹介します!
最近増えてきた、モバイル用プロジェクターや変わり種も!

motorscooter_eyechatch 2

当サイトの運営はエックスサーバー で行っております。 悩んでる人日常の足になるような電動バイクってどんな種類がある? 通 ...

vezel_eyecatch 3

ツイートのリンクを目立たせる機能”Twitterカード”について丁寧に解説しています!
affinger5のテーマを使っている方向けの記事となっています。
ブログ初心者の方(わたし)がつまずくところだと思います。参考にしてください。

eyecatch 4

当サイトの運営はエックスサーバー で行っております。 悩んでる人affinger5を買ったのはいいけど、カスタマイズの仕 ...

-affinger5
-, ,

Copyright© りくぶろぐ ~ブログ×ガジェット×モビリティ~ , 2020 All Rights Reserved Powered by AFFINGER5.