HOME > > > WordPressに「はてなブックマーク」のボタンを設置する方法

WordPressに「はてなブックマーク」のボタンを設置する方法

はてなブックマーク

はてなブックマークのボタンは何をするものなの?

はてなブックマークのボタンを記事に設置するとどんな事が出来るのでしょうか?
はてなブックマークを記事に設置しおくと、記事を読んだユーザーが面白いと感じたらボタンを押してくれます。
ボタンを押されると、ユーザーにブックマークされた事になり、より多くのユーザーに読んでもらえる可能性が高くなります。
記事を書いてもあまり読んでもらえないのも悲しいので、ぜひはてなブックマークボタンをつけましょう。
ただそのままコードを設置しただけだと、記事ではなくトップページのみがブックマークされてしまいます。
ここでは、WordPressの各記事がブックマークされる方法をご紹介します。

基本コード

はてなブックマークボタンの基本コードです。
通常に設定するとこんな感じです。

<a href="http://b.hatena.ne.jp/entry/http://www.sample.com" class="hatena-bookmark-button" data-hatena-bookmark-title="サイトタイトル" data-hatena-bookmark-layout="standard-balloon" data-hatena-bookmark-lang="ja" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only@2x.png" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>

パーマリンクの設定

まずはパーマリンクを設定します。
「http://www.sample.com」を下記のソースに変更します。
これで各ページのURLが入る様に設置できました。

<?php the_permalink() ?>

サイトタイトル部分を変更します

次にサイトタイトル部分を設定します。
「サイトタイトル」を下記のソースに変更します。
これで各ページのタイトルが入る様に設置できました。

<?php the_title(); ?>

これで完成

設定は以上です。
WordPressテーマのシングル他必要な箇所に設定して完成です。

このページを共有する

Facebook
twitter
Line
googleプラス
はてなブックマーク
Pocket

はてなブックマークの記事を読んだ人にオススメ

関連する記事はございません