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

おすすめの記事

Linuxの基本の基本。Linuxの基本的なディレクトリ構成

Linuxの基本の基本。Linuxの基本的なディレクトリ構成

ImageMagickをWindowsのXAMPPに導入する方法

ImageMagickをWindowsのXAMPPに導入する方法

Excelでセルとセルの間をダブルクリックすると移動する機能を停止する方法

Excelでセルとセルの間をダブルクリックすると移動する機能を停…

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

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

iptablesで設定したパケットフィルタリングが正しく動作しているかテスト

iptablesで設定したパケットフィルタリングが正しく動作してい…

ページ編集の手間を劇的に減らす、Custom Field Templateでカスタムフィールドを作る方法

ページ編集の手間を劇的に減らす、Custom Field Templateでカス…

メールのエラーコードと、メールサーバのmaillog解析方法まとめ

メールのエラーコードと、メールサーバのmaillog解析方法まとめ

ユーザーの環境変数を設定するbashの設定ファイルと、カスタムプロンプトについて

ユーザーの環境変数を設定するbashの設定ファイルと、カスタム…


コメントを残す

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

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