新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

「ヒつぶやく」ボタンをTwitter公式のものに変えてみた

   

  • このエントリーをはてなブックマークに追加

1年以上前の記事です。内容が古い可能性があります。

当ブログタイトルのすぐ横に「ヒつぶやく」ボタンがあるのに気づいていますか?
このボタンは、クリックすると該当の記事に対してツイッターで呟くことができるといったものなのですが、実はこれ、自分でかってに作った非公式のボタンです。
そんななか、どうも最近公式ボタンができたらしいとの情報を得たのでさっそく導入してみました。
Twitterブログ: ツイートボタンでリンクを簡単に共有しよう

スポンサーリンク
 

設置は非常に簡単。

  1. まずは以下のサイトに行く。
    Twitter / ツイートボタン
  2. こちらでいろいろ設定。
    ボタンの基本デザインを3つの中から選択
    tweetボタン1
    通常はページタイトルですが自由に設定することも可能。
    tweetボタン2
    ここは大事。リンクを入れることができます。自動で短縮URLに変換。
    tweetボタン3
    ここはもちろん日本語で。tweetボタン4
    @をつけて返信にすることもできます。また、このときフォローを促します。(これは自作ツイートボタンにはない機能)
    tweetボタン5
  3. できたソースをコピー
    tweetボタン6
  4. 今まで「ヒつぶやく」の入っていた部分を該当のソースと入れ替える。 

以上。

旧ツイートボタン
設置前の状態

新ツイートボタン
設置後の状態

「拍手ボタン」を取ってしまったのは「ツイートボタン」は後ろにスペースができるので格好悪くなってしまうから。
もしかするとそのうち、facebookの「いいね!」ボタンを付けるかもしれないし、だとしたら拍手ともかぶるからもう使わないかもと思ったのも原因の一つ。。
それにしても意外とでかいね。もうちょっと絞ってもらっても良かったような。。

で、颯爽とクリックしてみるとちょっと変。
というのも、個別記事に関しては問題ないのですがカテゴリやトップページ等、複数の記事が1ページに含まれるものに関してはそのページ(カテゴリのページ)がツイートされてしまい個別記事がツイートされない。
したがって、個別記事以外は元に戻す。

実は細かい設定をすればできるのですがそれに関しては次回に回します。

 - ユーザビリティ, 覚え書き

アドセンス広告メイン

Message

メールアドレスが公開されることはありません。

  関連記事

no image
【急募】 twitter(ツイッター)とmixiボイスの回答の違い

1年以上前の記事です。内容が古い可能性があります。Twitter2mixiを再び …

GoogleChromeユーザーでFlickrをやっている方は必携。DownFlickrで写真をまとめてダウンロード!

1年以上前の記事です。内容が古い可能性があります。以前、Flickr(フリッカー …

ブログで紹介された商品は売れる!いいものはどんどん紹介していこう

1年以上前の記事です。内容が古い可能性があります。完全な職業ブロガーというわけで …

no image
LZH(LHA)ファイルもZIPライクに解凍したい

1年以上前の記事です。内容が古い可能性があります。圧縮形式というといろいろありま …

Dreamweaver(ドリームウィーバー)で見かける緑の波線の正体とは?

1年以上前の記事です。内容が古い可能性があります。「Dreamweaver」のソ …

ファビコン(icoファイル)をオンラインで作ってくれるサイト

1年以上前の記事です。内容が古い可能性があります。最近、こういった便利サイトが多 …

侮れない! P検3級への道 【プリンタ編】

1年以上前の記事です。内容が古い可能性があります。P検3級への道第2弾。今回はプ …

Yahoo!ポイントはAmazonギフト券に変えられない

1年以上前の記事です。内容が古い可能性があります。しくじりました。 久しぶりにY …

「マルチ充電ケーブル」の使用経過報告

1年以上前の記事です。内容が古い可能性があります。iPhoneの充電用ケーブルの …

ネットワークのトラフィック状況を確認するコマンド

1年以上前の記事です。内容が古い可能性があります。先日pingを紹介しましたがそ …

血液型オヤジ