自分のWordPressブログにはてブが付いたらChromeにお知らせしてもらう方法

公開日: : 最終更新日:2014/11/22 wordpress

いまさらですが、はてなブックマークを使い始めました。
はてなブックマークを使い始めたので、登録~初ブックマークするまでの手順をまとめてみたよ。

まだあんまり使いこなせてないんですが、とりあえず自分のブログ記事がはてブされたら通知してもらえる方法を仕入れてきたので書いておきます。

はてなブログでブログやってる場合は元々、はてブと連動しているのでちゃんと通知してくれますが、独自ドメインでWordPressでやってる場合ははてブアカウントとの連携の設定が必要になります。

まずはchrome拡張『はてなのお知らせ』をインストール

はてなのお知らせというGoogle Chromeの拡張機能をインストールします。

はてなの各サービスからのお知らせ通知を受け取る、はてなオフィシャルの拡張です。
はてなのお知らせ拡張では、自分のブログにコメントが付いた、ブックマークコメントにスターが付いた、などといったはてなの各サービスからの通知をまとめて受け取ることができます。

hatenaoshirase01

こんな感じで青い吹き出しみたいなのが追加されます。

hatenaoshirase02

クリックしてみるとこんな感じで「新しいお知らせはありません」と出てます。
はてブされるとここに通知されるわけですね。

自分のWordPressにコードを追加する

以下のコードを自分のWordPressブログのどこかに追記します。
<head>要素内がいいと思います。

テーマによると思いますが、基本的にはheader.phpを編集することになるかと。

<rdf:RDF
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:foaf="http://xmlns.com/foaf/0.1/">
<rdf:Description rdf:about="エントリーのリンクあるいはウェブサイトのURL">
<foaf:maker rdf:parseType="Resource">
<foaf:holdsAccount>
<foaf:OnlineAccount foaf:accountName="あなたのはてなID">
<foaf:accountServiceHomepage rdf:resource="http://www.hatena.ne.jp/" />
</foaf:OnlineAccount>
</foaf:holdsAccount>
</foaf:maker>
</rdf:Description>
</rdf:RDF>

『エントリーのリンクあるいはウェブサイトのURL』と『あなたのはてなID』の2カ所だけ、自分の情報に書き換えが必要です。

『エントリーのリンクあるいはウェブサイトのURL』の欄には、そのページのURLを表示するコードに書き換えます。

<?php the_permalink(); ?>

カンタンにこれだけでもいいですが、一応、トップページとアーカイブページと投稿・固定ページとで分けることにしました。

<?php if(is_single() || is_page())://投稿・固定ページ用?>
<?php the_permalink(); ?>
<?php elseif(is_archive())://アーカイブページ用?>
<?php echo esc_url(home_url('','http') . $_SERVER['REQUEST_URI']);?>
<?php elseif(is_front_page()): //トップページ用?>
<?php echo esc_url(home_url('/')); ?>
<?php endif; ?>

そんなわけで最終的なコードは、

<rdf:RDF
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:foaf="http://xmlns.com/foaf/0.1/">
<rdf:Description rdf:about="<?php if(is_single() || is_page()):?><?php the_permalink(); ?><?php elseif(is_archive()):?><?php echo esc_url(home_url('','http') . $_SERVER['REQUEST_URI']);?><?php elseif(is_front_page()): ?><?php echo esc_url(home_url('/')); ?><?php endif; ?>">
<foaf:maker rdf:parseType="Resource">
<foaf:holdsAccount>
<foaf:OnlineAccount foaf:accountName="あなたのはてなID">
<foaf:accountServiceHomepage rdf:resource="http://www.hatena.ne.jp/" />
</foaf:OnlineAccount>
</foaf:holdsAccount>
</foaf:maker>
</rdf:Description>
</rdf:RDF>

となりました。
あなたのはてなIDの欄だけご自身のはてなIDに書き換えてお使いください。

では、実際にはてブしてみましょう!

hatenaoshirase05

はてなブックマークを使い始めたので、登録~初ブックマークするまでの手順をまとめてみたよ。をはてブしてみます。

はてなブックマークのボタンをクリックして、はてブに追加します。

hatenaoshirase03

すると、はてなのお知らせのアイコンに小さく1という数字が出て、お知らせがあるよ~と知らせてくれます。
お知らせが表示されるまでには、数分程度のタイムラグがあるようです。

hatenaoshirase04

アイコンをクリックすると、誰がどの記事をブックマークしたのかということを教えてくれます。

以上、自分のWordPressブログにはてブが付いたらChromeにお知らせしてもらう方法でした。

ではまた!

関連記事

host2

サーバー移転時にDNSの浸透を待たずに新旧サーバーに自在にアクセスする方法

今回は、独自ドメインでwebサイトを運用している方向けのTIPSです。 サーバーの引越時などに、新サ

記事を読む

【WordPress】記事ごとにアドセンスの表示・非表示を設定し、代替広告を表示するカスタマイズ

先日、ブロガーの桃音さんにアドセンスの警告が来たということで話題になっていました。  

記事を読む

【WordPressプラグイン】画像アップロード時に自動で透かしを入れられる『Easy Watermark』で画像の不正利用を防ごう!

サイトやブログに画像をアップする際に、著作権フリーの無料素材画像などならともかく、自分で撮影した

記事を読む

投稿記事内でスマホ用とPC用で出力するコンテンツを条件分岐させる方法

前回は、テーブル表示をPC・スマホ両方に対応させるレスポンシブ化する方法をご紹介しましたが、今回も引

記事を読む

【WordPress】iframeを使わずにはてなのブログカード風に外部リンクをデザインするショートコード

先日、WordPressで自分のブログ内のほかの記事に内部リンクを貼る場合に、はてなブログなんかでよ

記事を読む

facebook-76531_640

【WordPress】Stinger3にFacebookのOGP設定をしたよ。

当ブログもたまにツイッターでシェアしてくれたり、フェイスブックでいいね!してくれたりする記事があ

記事を読む

contactform7-spam5

contact form 7からのうざい迷惑メールを完全に届かなくする方法

WordPressでお問い合わせフォームを設置する際に超便利なプラグイン『contact for

記事を読む

スクリーンショット 2014-11-16 12.07

【WordPress】「下書きを保存しています…」と表示されたまま投稿画面で記事の保存ができなくなる。

先日、いつも通りこのブログを更新しようと記事を書いていたところ、WordPressの投稿画面で、

記事を読む

TablePressにも対応!横長テーブルのスマホ対応はFooTableで決まり。【WordPressプラグイン】

グーグルが「スマホ対応ができているかどうかを4/21からランキング決定要因に加えるよ~。」と異例の事

記事を読む

093

複数のカテゴリ(ターム)に属する投稿を抽出してアーカイブに表示する方法

たとえば、全国の飲食店を紹介するサイトをWordPressで構築するとします。 そのときに、カ

記事を読む

Message

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

CAPTCHA


第一滝本館外観
登別温泉の第一滝本館にて日帰り入浴 ※1,500坪の敷地に35の湯船の大浴場!

北海道旅行5日目に札幌駅前のトヨタレンタカーでプリウスをレンタルして日

ドゥーブルプレート
小樽の洋菓子店「LeTAO(ルタオ)」で極上スイーツ「ドゥーブルプレート」をいただきました。

札幌から少し足を延ばして小樽まで。 小樽のレトロでかわいい町をぶ

「すすきの」で北海道料理をリーズナブルに味わえる海鮮居酒屋『海さくら』

登別温泉に日帰りで行った次の日はお昼までゆっくり寝て、ランチにラマイの

スープカレー(ポーク)
RAMAI(ラマイ)札幌中央店で食べた初スープカレーが美味すぎた!

札幌発祥の道産子のソウルフード『スープカレー』を食べてきましたよ。

すすきの「禅」で海鮮しゃぶしゃぶと北海道の地酒を堪能

札幌・すすきのの狸小路あたりにあるしゃぶしゃぶ・すき焼き専門店「禅」で

→もっと見る

PAGE TOP ↑