読者です 読者をやめる 読者になる 読者になる

南国うまうま日記/バリ島ウブドの生活

南国バリ島のウブドに暮らすもんぶぅのうまうまな毎日を綴った日記です。海外生活豆知識やタイなどの旅行記もあります

にほんブログ村 海外生活ブログ バリ島情報へ   ←クリックよろしくお願いします

ブックマークボタンをWordpressなどに置く方法

前回の記事で「4大ブックマークボタンをサイトに置く方法」を紹介しました。
この記事で紹介しているタグコードを使ってブックマークボタンを設置すると、設置したページのURLを自動取得してブックマークされます。


しかし、場合によっては設置ページのURLではなく、別のURLをブックマークして欲しい場合があります。
例えば、サイトの各ページにブックマークボタンを置くが、ブックマークされるURLはトップページだけにしたいとか・・・


今日はそういう場合のコードを紹介します。


Twitter

<a href="http://twitter.com/share" class="twitter-share-button" 
data-url="***********" data-count="horizontal" data-lang="ja">
Tweet</a><script type="text/javascript" 
src="http://platform.twitter.com/widgets.js"
 charset="utf-8"></script>

コードの中の************に、URLを入れれば、そのURLをブックマークしてくれます。
例えば

<a href="http://twitter.com/share" class="twitter-share-button" 
data-url="http://d.hatena.ne.jp/monbuu01" data-count="horizontal"
 data-lang="ja">Tweet</a><script type="text/javascript" 
src="http://platform.twitter.com/widgets.js"
 charset="utf-8"></script>

というコードで作られたブックマークボタンなら、このブログのトップページのURLがブックマークされます。


同様に
はてブ

<a href="http://b.hatena.ne.jp/entry/http://www.*************"
 class="hatena-bookmark-button" data-hatena-bookmark-layout="standard" 
title="このページをはてなブックマークに追加">
<img 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>


FaceBook

<script src="http://connect.facebook.net/ja_JP/all.js#xfbml=1">
</script>
<fb:like href="*****************" layout="button_count" width="75">
</fb:like>


Google+1>

<script type="text/javascript" 
src="https://apis.google.com/js/plusone.js"></script>
<g:plusone href="**************g"></g:plusone>


となります。


さて、Wordpressは、トップページに、過去の記事が一欄となって出ますね。
リスト化された各々の記事にブックマークボタンを付けるとしたら、どうしますか?
上記の方法で、各々の記事のURLを入れてやればいいのですが、Wordpressの場合、各ページは自動生成されますから、ページデザインのところで

href="<?php echo get_permalink(); ?>"

というようなコードを入れてやればいいのです。
うまく説明できませんが、wordpressのデザインをいじったことがある人なら、判ってもらえると思います。