自動でリンクカードを作ってくれる「Embed Code Generator」

サムネイル

先日、このような記事を書きました。

今思い返してみると自作では限りがあります。いくらカスタマイズし放題といってもなかなか難しので、メリットはJavascriptを使っていないことぐらいになってしまします。

そこで今回は、自動でリンクカードを作ってくれるサービス「Embed Code Generator」を紹介したいと思います。はてなブログ以外にBloggerやWordPressでも使えるので興味があったら使ってみてください。

Embed Code Generatorとは？

Embed Code GeneratorURLを入力するだけで自動でリンクカードを作ってくれるサービズです。使い方は簡単で入力欄にURLを入力すると下のような画面になるので、あとは簡単なカスタマイズをするだけです。

キャプチャー1

僕も試しに作ってみました。

上の画像のようにカスタマイズをすると、こんな感じなります。

koblog

高校生のWEBデザインブログ

「Embed Code Generator」はこちらからどうぞ。

Embedly makes your content more engaging and easier to share | Embedly

Embedly delivers the ultra-fast, easy to use products and tools for richer sites and apps.

メリット

メリットはとにかく簡単におしゃれに仕上がるということです。しかしデメリットでも紹介しますがデザインが良い反面、Javascipt を使っているので使いすぎると重くなります。

デメリット

メリットの部分でも触れましたが、Javascriptを使っているので動作が重くなりがちです。しかしこのことについてははてなブログ純正のリンクパーツでもjavascriptを使っているので大して変わらないと思います。

もう一つのデメリットですが、目次に表示されてしまうことです。リンクカードのタイトルに<h4>タグを使っているので、はてなブログやWordPressの目次プラグインを使っている場合は下のように目次に表示されてしまいます。

キャプチャー2

対策として目次を自作するなどがありますが、そこまで手間を掛けるほどのものでは無いと思います。それでも使える人にはとても便利なサービスなので、興味があったら使ってみてください。