はてなブックマークを追加してみた。

クリックするだけで『はてなブックマーク』に簡単に登録できてしまう便利なボタン。
せっかくなのでこのサイトにも付けてみました。

導入の仕方は他のブログでもよく書かれていますので、ググれば一発で出てきますが
自分の備忘録として投稿しておきます（・∀・）

はてなブックマークの取り付け方

まず公式サイトの下記のページにアクセスします。
http://b.hatena.ne.jp/guide/bbutton

ちょっと下にスクロールするとこんな画面になりますので
それぞれ入力していきましょう。

①ページ情報を入力してください。
URLとタイトルの入力ですが、サイトのURLをそのまま書いてはいけません。
ページによりURLが変化するのでテンプレートタグを入力します。
　
【URL】
<?php echo get_permalink(); ?>
　
【タイトル】
<?php echo wp_title(); ?>

②タイプを選択してください。
３タイプあるので好きなものを選びましょう。
このブログでは一般的なスタンダードタイプです。

③コードを貼り付けて完了です。
コードが自動で出来上がります。
このままでは正しく表示されないのでちょっといじります。
『&lt;』を『<』に 『&gt;』を『>』に書き替えます。
コード内に２箇所ずつあります。

書き替えたらテンプレートにコードを貼り付けましょう。
・index.php
・archive.php
・single.php
などの
『the_content』タグの上か下あたりが良いでしょう。

読んでて面倒に思った方はこちら

ぶっちゃけ下のコード貼り付けていただければ、それでOKです(`・ω・´)
<!-- ▽はてなぶ --><a href="http://b.hatena.ne.jp/entry/<?php echo get_permalink(); ?>” class=”hatena-bookmark-button” data-hatena-bookmark-title=”<?php echo wp_title(); ?>” data-hatena-bookmark-layout=”standard” title=”このエントリーをはてなブックマークに追加”><img decoding="async" loading="lazy" src="http://b.st-hatena.com/images/entry-button/button-only.gif" 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><!-- △はてなぶ -->

これではてなブックマークボタンの取り付けが完了です！

まぁ、ボタン付けたところでブックマークしてくれるとは限りませんが(*´д｀)