日ごろのコンサルティングでお客さまからいただく質問をやんわり噛みくだいて、いつかどこかのWeb集客に悩む方へ送るブログです。ブログにサムネイル付き画像リンクを挿入す方法をご紹介します。はてなブログのブログカード機能を使うことで、簡単にブログカードをつくることができます。今回の記事では、下の画像のようなサムネイル付き画像リンクのつくり方についてご紹介します。ヘルプ」より最近さまざまなブログで使われているので目にしたことも多いのではないでしょうか。一般的なテキストリンクと異なり、サイト名やアイキャッチ画像、説明文が添えられているカード型リンクは見た目も良いですし訴求力が上がります。今回紹介する方法では、はてなブログの「ブログカード機能」を利用しています。事前にちょっとした設定は必要ですが、一回行えばあとは右クリックだけで自在にカード型リンクをつくれます。以下よりかみ砕いてご説明していくのでご安心ください。つくり方それでは、ブログカードのつくり方について見ていきましょう。Chromeに拡張機能を追加するここでご紹介する方法では、ブラウザソフトのChromeを使います。Link」という拡張機能(エクステンション)を追加してください。Linkを検索してインストールします。LInkのボタンがあらわれたでしょうか?これでインストール完了です。拡張機能の設定をする次に、Chromeに追加した拡張機能の設定をします。一度設定したら終わりなので頑張りましょう。Linkのボタンを押すと表示されるメニューから、「Configure」(設定のことです)をクリックします。メニューは全て英語なのでビックリするかもしれませんが、一度使ったらもう使いません。気にせず進めましょう。下の画面がひらいたでしょうか。上の方に「+」ボタンがありますね。ボタンが小さいので押しにくいのですが、押すと入力欄があらわれます。表示されたところに、下のように入力していってください。長いですがFormat欄のコードはそのままコピペしてOKです。Linkの設定ページは閉じてしまってかまいません。ブログカードを追加するそれでは実際にブログカードをつくってみましょう!ブログカードをつくりたい記事をひらいてください。ここでは、当ブログの下の記事でブログカードをつくってみます。記事をひらいたら、適当なところで右クリックしてください。Linkで先ほど登録した「ブログカード」のメニューが表示されます。こちらをクリックしてみてください。クリックしても何も起こりませんよね?それで大丈夫です。記事の編集画面でペーストしてみてください。先ほど設定で追加したものと似た文章が出てきましたね。※WordPressであれば記事投稿の「ビジュアル」ではなく「テキスト」のタブでペーストします。無料ブログであれば「編集」ではなく「HTML編集」の画面です。プレビュー画面で記事を見てみてください。ブログカードが表示されましたね!おめでとうございます。あとがきブログカードはこのように簡単につくることができます。見栄えも良いのでぜひ活用してみてくださいね。ちなみに先ほどの記事のリンクを参考までに貼っておきます。」で、初対面の方でも5分は話せるのですが、次に続く鉄板の雑談ネタがないのがここ10年来の悩みです。ninoya」この記事はいかがでしたか?いいね!と思ったらボタンを何度でもタップ!いいね数はライターに届きます。売れるHPとデザインと。週1回&酒と泪と女と女更新時にメルマガをお届けしています。*入力内容にエラーがあります。post自由なご感想をお待ちしています。reservedpagetop『ふりむかせる技術。