bloggerにブログカード｜記事にURLを入れると自動で画像付きリンクになる

ブログカードとは

こんな感じでページを紹介するときにリンクと画像サムネイルが一緒に表示されるものをブログカードと言います。

テキストリンクだけよりも、遷移先がどんなページかわかりやすいですね！

ブログカード設置方法

以下のページが参考になります！

上記ページのURL入力欄に、リンク先のURLを入れると、専用のソースコードが自動的に生成されます。

こんな感じ

<iframe class="hatenablogcard" style="display:block;width:100%;height:155px;margin:12px 0;max-width:680px;" title="%title%" src="https://hatenablog-parts.com/embed?url=https://ja.wordpress.org/about-wp-ja/" frameborder="0" scrolling="no"></iframe>

bloggerの投稿画面でHTML編集に切り替えて、上記のソースコードを入れればOKです！

タグの区切りがわかりにくいので、HTMLが少しでも理解があった方が安心ですね💦

以上！