はてな風ブログカードのブックマークレットを導入してみた

シェアしてもらえると励みになります!

Aug 25 2015hatena blogcard bookmarklet1

みっきぃ(@miki73_m)です。前回「Emdedlyカード」について紹介しました。

↓こんな感じ

「Embedlyカード」がはてなブログカードと違ってまたいい感じ

はてな風ブログカードと差別化しようと思って取り入れたのですが、やっぱりはてな風ブログカードも気になる・・・

なにかいいのないか探していた所、さらさらり(@sarasaralli)さんがはてな風ブログカードのブックマークレットを紹介してくれていたので、導入してみました。こちらも「Embedly」のようにはてなブログを経由しないみたいです。

はてな風ブログカードのブックマークレット導入方法

スタイルシート(style.css)

WordPressの「管理画面」ー「外観」ー「テーマの編集」の「スタイルシート」(style.css)に下記のコードを追加します。小テーマで編集するのをオススメします。

小テーマについてはこちら

ブックマークレット登録方法

まず以下のコードをコピーします。

Aug 25 2015hatena blogcard bookmarklet2

次にどこでもいいので好きなページをブックマークします。ブックマークしたページの上で右クリックー「編集」をクリックします。

Aug 25 2015hatena blogcard bookmarklet3

名前を変更し、先ほどコピーしたコードを貼り付けます。あとは、リンクを作成したいページでこのブックマークレットをクリックすると、はてな風ブログカードが作成されます。

あとがき

profile

embedlyカードもはてな風ブログカードもどちらもいい感じですね。好みによって使い分けたいです。

以上、みっきぃ(@miki73_m)でした。

参考にした記事

ピンバックを送れる!はてな風ブログカードを作るブックマークレットを見つけたよ。ちょっと改造してみたよ。

はてなブログカードを使ってみてたのですけど、欠点がありました。 参照先のブログにピンバックが飛ばない SearchConsole(旧ウェブマスターツール)やGoogleAnalyticsなどで、リンク


【ブログカード風】シンプルに記事をシェアするブックマークレットを作りました

ブログを書くとき、記事へのリンクをどのように貼っていますか? べた書きですか? ShareHTMLですか? GetTabInfoなんて拡張機能を使っている人もいらっしゃるかもしれません。 最近よく見る