wordpressにプラグインなしでSNSボタンを設置する

Add Thisのプラグインで不具合?が出てしまったので、プラグインを使わずに直接Twitter、Facebookのいいね、はてなブックマーク、Google+ボタンを設置しました。
設置するコードのメモです。

設置したい場所に下記のコードを貼付けます。各公式サイトのボタン発行のページもあります。

•Twitter
Guides — Twitter Developers

<a href="http://twitter.com/share" class="twitter-share-button" data-url="<?php the_permalink(); ?>" data-text="<?php the_title(); ?>" data-count="horizontal" data-via="ツイッターのユーザー名">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

•はてなブックマーク
はてなブックマークボタンの作成・設置について

<a href="http://b.hatena.ne.jp/entry/<?php the_permalink(); ?>" class="hatena-bookmark-button" data-hatena-bookmark-title="<?php the_title(); ?>" 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>

•Facebookいいね
Like Button

<iframe src="//www.facebook.com/plugins/like.php?href=<?php the_permalink(); ?>&amp;send=false&amp;layout=standard&amp;width=100&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:20px;" allowTransparency="true"></iframe>

•google+
+1 をウェブサイトに表示

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'ja'}
</script>
<g:plusone size="medium" href="<?php the_permalink(); ?>"></g:plusone>

•AddThisは下記の記事にあります。
WordPressにAddThisをプラグインなしで導入する

Related Article

No Comments & Tracbacks

Leave a Comment

Emailは公開されません。*は必須項目です。


*


Categorys

Tags

CSS3 ダッシュボード ヘッダー トラブル コードサンプル スライドショー コンテンツ 素材 jQueryプラグイン Facebook php 引っ越し お知らせ JavaScript CSS カテゴリー Shareボタン IE 投稿タイプ seo Photoshop HTML5 レスポンシブ サイドバー ナビゲーション タクソノミー WPセキュリティ Git カスタムメニュー Macアプリ PHPリファレンス SVG query_posts API WP使い方 iTunes データベース コメント function RSS 条件分岐 get_posts() スマートフォン Sass/Compass マルチサイト機能