どうも、軍事です。
今回の記事は軍事の戯言では珍しくウェブサービスの紹介。
最近、話題となっているTwitterのつぶやきボタンをブログに設置する方法を紹介します。
と、同時にはてなブックマークなどのボタンを設置する方法も紹介!

![]() |
久しぶりだなぁー。 軍事たちのテストもあって更新頻度が落ちてたけど、これからは復活するぞっ! |
|
軍事のTwitterは更新されてたけど・・・。 ブログの方はさっぱり更新がね。 | ![]() |
![]() |
でも、今日からバリバリ更新するんだってヴぁ! |
|
ちゃんと有言実行しなさいよっ! | ![]() |
![]() |
その証拠にブログのテンプレを多少変更したんだぞー。 前の修正時に直せなかったバグとかを直して さらに記事の見やすさをうpさせるために色々工夫したりしたんだぞ。 |
|
なんだか、そうみたいね。 で、今日はなんの話なの? | ![]() |
![]() |
今日は、最近なにかと話題になって萌風と軍事もやってるTwitterについてだぞ。 それのボタンをWordPress上に表示させるやり方を教えるぞー |
|
軍事がWeb関連の紹介とか珍しいわね。 | ![]() |
Twitterボタンって?
自分のブログで書いた記事をTwitter上につぶやいて貰うためのボタンです。
最近ではニコニコ動画やITmediaでも採用されて、徐々にWebの標準となっいます。
↓の様なボタンです。(前:Toologさん 後:ニコニコ動画)
設置する前に
設置する前には、つぶやきボタンに使用するアイコンをサーバー上にアップしておきます。
つぶやきに使うアイコンは適当なサイズにリサイズしてアップします。
デフォルトの場合はwp-content\themes\imagesのディレクトリに入れておけばいいと思います。
やり方 その1
<a href=”http://twitter.com/home?status=RT ブログタイトルなど-<?php the_title() ?/><<?php the_permalink() ?/><”/><<img src=”<?php bloginfo(‘template_url’); ?/><ファイルのディレクトリ”
width=”幅” height=”高さ” alt=”" /></a>
これをとりあえず、自分のブログ用に作ります。
やり方 その2
そのソースコードをさらに自分のテンプレートの任意の場所に埋め込みます。

こちらのテンプレートではメインインデックス、ページテンプレート、単一記事の投稿のそれぞれのテンプレートの任意の場所に埋め込みました。
これで下のようにつぶやきを投稿できるようになりました。
このソースはTwitterにログインしていなくても、ログイン画面を経て投稿できるという強みもあります。

ブックマークサービスのアイコンの追加もしたい
Twitterだけのボタンだけでは、寂しいですよね。
なので、はてなブックマークなどの便利なブックマークサイトへブックマークしてもらうアイコンを追加しましょう。
これは自ら、画像をアップロードする手間などはなく
プラグインが配布されていますので、それを使います。
wp-hatenaというプラグインで、はてなブックマーク以外にも多数のブックマークサービスが利用できます。
紹介サイトは下から
http://wp.graphact.com/2007/07/11/96/
軍事さんの戯言
みなさん、ブログでは久しぶりになってしまいましたが軍事です。
Twitterの方はちょくちょく更新してはいましたが、こちらは完全に萌風任せでした^^
軍事の近況はテストもいろんな意味で終わって(ハイパー文系状態!)
ひと段落しているところです。
ある意味、これから様々な予定が重なっているのでゆっくり休んでおきたいところなんですwww
らき☆すた泉家の特別住民票交付式典への参加、コミックマーケット77、けいおん!ライブなど。
けいおん!ライブは最後まで受からないかと思いましたが、滑り込みセーフって感じでした。
30日は知り合いのサークルさんとかともかぶっているので、午前にコミケ行こうか、物販行こうか迷っています。
ところで、今日は当ブログのテンプレートの修正・変更を行いました。
萌風、軍事で手分けをして色々やったのですが、なにか不具合やバグなどありましたら
コメントにてお知らせください。
どんどん情報待ってます。(どうもOperaだと作成者CSSを有効にしてないとサブタイトルが表示されないっぽい)
そういえば、軍事はPC漬けの生活をしているせいで腰・首が悪いんですが
昨日整体に行ったところ、首の椎間板が変になっている可能性があるそうで。
いわゆる、頸椎ヘルニアですよね。
今度MRIを取って精密検査することにしました。
だからと言ってはなんですが。
腰や首のことも考えて、エルゴヒューマンのオフィスチェアーを購入しようと思っています。
自分は一日の半分以上をPCの前で過ごしているので、半端なく腰をやられてるので
この際考えた方がいいのかと思ってのことなんですが。
届いたらレビューしますねー。
では、明日はアキバなのでノシ
コメントフォーム
トラックバックURL: http://moesoyo.com/archives/1528/trackback




[...] [WordPress]Twitterのつぶやきボタンを表示させる方法 [...]