JINカスタマイズ

【WordPress】【JIN】Twitterカードのサイズを設定する方法【便利】大きく設定しよう!

こんにちは😀広瀬ユキです。

WordPressでサイトやブログを作るときに、HTMLコードを入力することで、Twitterを埋め込むことができますよね。

そして、WordPress有料テーマ【JIN】では、Twitterカードを表示するサイズを小さくするか、大きくするか、ボタン一つで簡単に設定できます。

今回は、「Twitterカードのサイズを設定する方法」についてご紹介します。

WordPress有料テーマ【JIN】を使っている方向けの記事です。

Twitterカードって何?

Twitterカードとは、Twitterにリンク(URL)を貼って投稿したときに、そのリンク(URL)のアイキャッチ画像と要約が表示される機能です。

Twitterカードの種類

Twitterカードが表示される種類は、2種類あります。

summary(小)summary_large_image(大)

こうして見てみると、左側はコンパクトな印象で、右側は存在感がありますね。

ただ、summary_large_image(大)にすると、クリック率が1.6%→3%に上がるというデータがあるようです。

WordPress有料テーマ【JIN】では、右側の「summary_large_image(大)」が推奨されています。

Twitterじゃなくて、WordPressで設定するの?

はい。

広瀬ユキ
広瀬ユキ
私も疑問に思ったのですが、Twitterで設定するのではなく、WordPressでTwitterの設定をすることで、Twitterカードの表示サイズが変更できます。

Twitterカードのサイズを設定する方法

では、Twitterカードのサイズを設定してみましょう。

  1. WordPressの編集画面から、「外観」→「カスタマイズ」を開きます。
  2. 「SNS設定(OGP)」を開きます。
  3. 「Twitterのユーザー名」「Twitterのカードタイプ」「TwitterのURL」を設定します。
    ・「Twitterのユーザー名」→@を付けて入力してください
    ・「Twitteのカードタイプ」→summary_large_imageにチェックを入れてください
    ・「TwitterのURL」→https://twitter.com/ + @を除いたTwitterユーザー名
  4. 最後に画面上の「公開」を押します。

Twitterカードのサイズを設定できました‼

【WordPress】Twitterの埋め込み方【WordPress】Twitterの埋め込み方についての解説を書きました。...

Twitterカードの表示を確認する方法

下記のサイトで記事のURLを入力すると、その記事のTwitterカードが、Twitter上でどのように表示されるかが確認できます。

Twitterカードを設定しなおすとどうなるの?

Twitterカードの設定を、例えばsummary(小)からsummary_large_image(大)に設定しなおした場合、Twitterカードの表示は設定しなおした方に徐々に自動で変わっていきます。(全部変換されるまで何日かかかります。)

summary_large_image(大)からsummary(小)へ変更しても同じく徐々に自動で変わっていきます。

編集後記

JINで設定しておきたい項目です。

【WordPress】【JIN】シンタックスハイライターって何?説明&設定方法&使い方【WordPress】有料テーマ【JIN】シンタックスハイライターの説明、設定方法、使い方について書きました。...
【WordPress】表を横スクロールするためのコード【便利】【WordPress】表をスクロールするためのコードについて書きました。【便利】CSSとfunctions.phpにコードを追加します。...
【WordPress】【JIN】ハンバーガーメニューの閉じるボタンが表示されないときの対処法:2種類【WordPress】【JIN】スマホのハンバーガーメニューの閉じるボタンが表示されないときの対処法について書きました。...

☆クリックで応援お願いします☆

PVアクセスランキング にほんブログ村

ブログランキング・にほんブログ村へ にほんブログ村 スイーツブログ コンビニスイーツへ にほんブログ村 ブログブログ ブログ初心者へ