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を使う

おすすめの記事

使うであろう文字だけの、HTML・XHTMLエンティティシート

使うであろう文字だけの、HTML・XHTMLエンティティシート

DELL Inspiron 3250のHDDをSSDへ換装して、メモリを16GBへ増設

DELL Inspiron 3250のHDDをSSDへ換装して、メモリを16GBへ増設

初めてでも理解できるようになる「Firefox機能拡張の開発」

初めてでも理解できるようになる「Firefox機能拡張の開発」

初心者でも安全なLAMP環境を構築する方法を解説

初心者でも安全なLAMP環境を構築する方法を解説

WordPressの新・旧ループからカスタムクエリ・アーカイブまで徹底解説

WordPressの新・旧ループからカスタムクエリ・アーカイブまで徹…

Windows 10でネットワークが不安定になった際の対策まとめ

Windows 10でネットワークが不安定になった際の対策まとめ

パソコン用メガネなんていらない!無料でできる5つの疲れ目対策

パソコン用メガネなんていらない!無料でできる5つの疲れ目対策

そのサイト、WordPressじゃなくてWixで十分じゃない?

そのサイト、WordPressじゃなくてWixで十分じゃない?


コメントを残す

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

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