wordpressに新ツイートボタンを設置


投稿日:2012年2月2日
  • 0
  • 0



知らぬ間にツイートボタンが進化している

前回は文字化けする不具合に悩まされてJavaScriptで無理やり書きましたが、現在のツイートボタンはそんなことないようです。
解説も必要ないほど簡単に作成できました。

追記

「最新版」WordPressに各種ソーシャルメディアボタンを追加する方法で最新版の設置方法を詳しく解説しました。


設置方法

1.まずはTwitterの「公式ツイートボタンページ」に行き、好きな形式を選んでコードをコピー。

2.コピーしたコードを好きな場所に設置。今回は「loop-single.php」に設置しました。

<a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

以上で設置完了です。
詳しくどんな仕組みかはわかりませんが、すこし構造が複雑になってますね。


現在のページを共有する



現在のページに関連する記事

wordpressに新ツイートボタンを設置 「最新版」WordPressに各種ソーシャルメディアボタンを追加する方法
wordpressに新ツイートボタンを設置 WordPressのショートコードを利用してSNSのVertical Balloonを設置する方法
wordpressに新ツイートボタンを設置 もう覚えなくても大丈夫!?WordPressの条件分岐タグの使い方まとめ
「つぶやき」に「via」を付けよう 「つぶやき」に「via」を付けよう
facebookのCommentをPukiWikiに追加 facebookのCommentをPukiWikiに追加
公式TweetボタンでURLが化ける 公式TweetボタンでURLが化ける
PukiwikiでGoogle Analyticsを使う PukiwikiでGoogle Analyticsを使う

おすすめの記事

Google Adsenseで配信される詐欺的なサイトのブロック用URLまとめ

Google Adsenseで配信される詐欺的なサイトのブロック用URLまとめ

サーバで管理していたWordPressをローカル環境に移行する方法

サーバで管理していたWordPressをローカル環境に移行する方法

FuckAdBlockを利用して自由自在にAdblock対策をする方法

FuckAdBlockを利用して自由自在にAdblock対策をする方法

Windows 10を32bit版から64bit版に変更する方法

Windows 10を32bit版から64bit版に変更する方法

サーバリソースをリアルタイムに監視するdstatのインストールと使い方

サーバリソースをリアルタイムに監視するdstatのインストールと…

シンプルなスパムコメント対策プラグイン「Simple AntiSpam」を作成しました

シンプルなスパムコメント対策プラグイン「Simple AntiSpam」を…

知らなきゃ損!WordPressの表(テーブル)はExcelで作ろう!

知らなきゃ損!WordPressの表(テーブル)はExcelで作ろう!

GMO VPSを契約してWordPressを安定動作させるまでのサーバ設定方法

GMO VPSを契約してWordPressを安定動作させるまでのサーバ設定…


コメントを残す

コメントは認証制のため、すぐには反映されません。

プログラミングに関する質問は「日本語でプログラミングの悩みを解決するQ&Aサイト sukegra」をご利用ください。