画像（アイキャッチみたいなの）が出てこないなぁ…
と気になってたのですが、
遂に解消する方法を発見！
・テンプレートが編集できるタイプ
・HTMLの編集ができるタイプ
・テンプレートが編集できるタイプ
・HTMLの編集ができるタイプ
のサイト・ブログを運営している方は是非試してみてください。
（一般的なブログには標準に搭載されていることが多いみたいです）
<head/></head>タグ内に以下黄色で囲んでいる文言を入れるだけ！
因みに2タイプの表示種類がありまして、
①大きく表示されるタイプ
<meta content=“summary_large_image” name=“twitter:card” />
or
<meta name=“twitter:card” content=“summary_large_image” />
どちらか1行をヘッダタグ内に書くと…
（どちらを使っても動きは変わらないです）
こんな感じで画像が大きく出ます。
下にはブログ記事タイトルとブログタイトルが表示されています。
②小さく表示されるタイプ
<meta content=“summary” name=“twitter:card” />
or
<meta name=“twitter:card” content=“summary” />
どちらか1行をヘッダタグ内に書くと…
こちらは画像サイズが小さく、
右側にブログタイトルとブログ本文が少し表示されます。
どちらの表示タイプがお好みかで使い分けてください。
上記以外にも色々オプションとして設定できるものがあるようです。
私は上手く使いこなせず…
上記の1行だけにしています(;^_^A
0 件のコメント:
コメントを投稿