やさしいWeb集客の話

初心者でも簡単!ブログ用サムネイル付き画像リンクの作りかた

ブログにサムネイル付き画像リンクを挿入す方法をご紹介します。はてなブログのブログカード機能を使うことで、簡単にブログカードをつくることができます。

 

サムネイル付きのリンクをつくる方法

今回の記事では、下の画像のようなサムネイル付き画像リンクのつくり方についてご紹介します。

つくるもの

サムネイル付き画像リンク
画像は「はてなブログ ヘルプ」より

最近さまざまなブログで使われているので目にしたことも多いのではないでしょうか。

一般的なテキストリンクと異なり、サイト名やアイキャッチ画像、説明文が添えられているカード型リンクは見た目も良いですし訴求力が上がります。ぜひ活用したいですね。

今回紹介する方法では、はてなブログの「ブログカード機能」を利用しています。

事前にちょっとした設定は必要ですが、一回行えばあとは右クリックだけで自在にカード型リンクをつくれます。以下よりかみ砕いてご説明していくのでご安心ください。

つくり方

それでは、ブログカードのつくり方について見ていきましょう。

Chromeに拡張機能を追加する

ここでご紹介する方法では、ブラウザソフトのChromeを使います。まずは、Chromeに「Create Link」という拡張機能(エクステンション)を追加してください。Chromeのウェブストアをひらいて、Create Linkを検索してインストールします。

ChromeにCreate Linkをインストールする

 

ChromeブラウザにCreate LInkのボタンがあらわれたでしょうか?これでインストール完了です。

Create Linkのボタンがあらわれた

拡張機能の設定をする

次に、Chromeに追加した拡張機能の設定をします。一度設定したら終わりなので頑張りましょう。

Create Linkのボタンを押すと表示されるメニューから、「Configure」(設定のことです)をクリックします。メニューは全て英語なのでビックリするかもしれませんが、一度使ったらもう使いません。気にせず進めましょう。

Configureをクリックする

 

下の画面がひらいたでしょうか。

Create LinkのConfigure画面

 

上の方に「+」ボタンがありますね。ボタンが小さいので押しにくいのですが、押すと入力欄があらわれます。

「+」ボタンを押す

 

表示されたところに、下のように入力していってください。

ちょっと長いですがFormat欄のコードはそのままコピペしてOKです。

Name Format
ブログカード

 

下のようになりましたでしょうか?

追加が完了

設定が終わったら、Create Linkの設定ページは閉じてしまってかまいません。

ブログカードを追加する

それでは実際にブログカードをつくってみましょう!

ブログカードをつくりたい記事をひらいてください。ここでは、当ブログの下の記事でブログカードをつくってみます。

ブログカードをつくる記事

 

記事をひらいたら、適当なところで右クリックしてください。Create Linkで先ほど登録した「ブログカード」のメニューが表示されます。

右クリックでCreate Linkのメニューが表示される

こちらをクリックしてみてください。クリックしても何も起こりませんよね?それで大丈夫です。

 

記事の編集画面でペーストしてみてください。先ほど設定で追加したものと似た文章が出てきましたね。

ブログカードを貼りつけた

※WordPressであれば記事投稿の「ビジュアル」ではなく「テキスト」のタブでペーストします。無料ブログであれば「編集」ではなく「HTML編集」の画面です。

 

プレビュー画面で記事を見てみてください。ブログカードが表示されましたね!おめでとうございます。

ブログカードが表示された

あとがき

ブログカードはこのように簡単につくることができます。見栄えも良いのでぜひ活用してみてくださいね。ちなみに先ほどの記事のリンクを参考までに貼っておきます。

古越 幸太

古越 幸太

「もともと何されてたんですか?」→「公務員保育士です」で、初対面の方でも5分は話せるのですが、次に続く鉄板の雑談ネタがないのがここ10年来の悩みです。

記事一覧はこちら

  • BLOG

古越 幸太 からのお知らせ

【参加法人120社超】第39回実践Webマーケティングセミナー

もし、あなたが「自社サイトに見込み客が自然に集まる仕組み」をつくりたいとお考えであれば、このセミナーはあなたのためのセミナーです。

この記事はいかがでしたか?

いいね!と思ったらボタンを何度でもタップ!いいね数はライターに届きます。

3LIKES

LIKE

ライターへ感想を送るライターへ感想を送る

Share

ninoya inc.のお知らせ

Follow on SNS

SNSとメルマガでninoyaの最新情報を配信中

メルマガ登録

メルマガ登録

週1回&酒と泪と女と女更新時にメルマガをお届けしています。

入力内容にエラーがあります。

pagetop