ブログカード風にリンクを表示する便利なブックマークレット

2015年04月03日
follow us in feedly

47614778

ブログカード

ブログカード」とは、はてなブログの便利な機能です。ブログ記事のタイトルや概要、アイキャッチ画像などをカード型のデザインで表示してくれます。

▼こんな感じに
ブログカード

見た目がいいですよね。

ブックマークレット

WordPressでも、ブログカード風にリンクを簡単に貼れないかなとプラグインやら何やらと検索しましたが、どれも一長一短があってですね。

迷っていると便利なブックマークレットを見つけました。

iTopia」さんの記事です。
Share HTMLが不要に!? 外部サイトを美しくシェアできる「ブログカード」のタグを生成するブックマークレットを作ってみた | iTopia

このブックマークレットをブックマークに登録しておけば、リンクしたいページを表示して、さくっとブログカード風に表示できるコードが取得できます。

普段から様々な便利なブックマークレットを利用しているので、これを利用することに決めました。

ブログカード風のリンク表示例

綺麗にブログカード風のデザインで表示されました。

■さいごに

今回紹介したブックマークレットでは、リンク元がはてなになります。

それだとピンバックが送れないから困るという方は「えじの自由帳」さんの記事を参考にしてみて下さい。ピンバックを送ることができるブックマークレットを作ってくれていますよ。

follow us in feedly

関連記事

福岡でホームページ制作を依頼するなら【ハブワークス】

ホームページ制作・リニューアル・スマートフォンサイト制作・ECサイト制作は福岡のハブワークスまでお気軽にどうぞ。WEBサイト制作後の修正・更新・SEO対策もお任せください。リーズナブルな料金設定でサービスをご提供いたします。

webサイト制作・修正に関するお問合せ・ご相談・お見積りはお気軽にどうぞ