Jetpack の共有ボタンにはてなブックマークと Evernote を追加

jetpack

WordPress のプラグイン Jetpack for WordPress を使うと記事の共有ボタンを簡単に設置することができますが、はてなブックマークと Evernote のボタンがデフォルトでは用意されていません。これを手動で追加したので、方法をメモしておきます。

メニューにないボタンは「新サービスを追加」から

前回の記事 WordPress に施した Facebook との連携あれこれ で書きましたが、Jetpack で共有ボタンを設置するには、WordPress 管理画面の「設定」→「共有」の「共有ボタン」で用意されているボタンの中から好きな物をドラッグします。

メニューに用意されていないボタンを追加したい場合は「新サービスを追加」をクリックします。

photo of screen shoot

ダイアログが表示されるので、「サービス名」に任意の名前を入力。そして「共有 URL」と「アイコン URL」を指定します。

photo of screen shoot

最初はここをどう指定すればよいのか分からなかったのですが、さまざまなサービス別に URL をまとめてくださっている方がいらっしゃいました。

こちらのページを参考に、以下のように URL を埋めます。

はてなブックマーク:

  • 共有 URL: http://b.hatena.ne.jp/bookmarklet?url=%post_url%&btitle=%post_title%
  • アイコン URL: http://b.hatena.ne.jp/favicon.ico

2013-02-07 追記: このアイコン URL ではボタンのデザインが崩れるようになったため、修正方法を次の記事に書きました。(追加記事: Jetpack はてブボタンのデザイン崩れを修正

Evernote:

  • 共有 URL: http://www.evernote.com/clip.action?url=%post_url%&title=%post_title%
  • アイコン URL: http://www.evernote.com/favicon.ico

2013-04-07 追記: こちらも次の通り、記事を書きました。(追加記事: Jetpack の共有ボタンで Evernote のデザイン崩れを修正

2013-05-15 追記: その後、再度デザインが崩れるようになったため Evernote ボタンの利用は休止しました。(追加記事: Jetpack の共有ボタンから Evernote を外す

ライブプレビューでは表示が崩れるのですが、実際にブログ上で確認すると、このように正常に表示されました。

photo of screen shoot

4 thoughts on “Jetpack の共有ボタンにはてなブックマークと Evernote を追加

  1. Pingback: ブログの見た目をプチリニューアル!この2ヶ月間で変更した6つのポイント。 | Feelingplace

  2. Pingback: JetpackとSharekoubeは要注意 | VivaFan通信

  3. Pingback: 【WP】第2弾!スマホ用表示変換プラグインWPtouchをカスタマイズしてみた。 | りんろぐ。

  4. Pingback: 共有ボタンにLINEとはてブを追加 | 佐賀・長崎エリア情報ポータル

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です