新・元地方の中規模印刷会社で苦悩する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

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

  関連記事

ワードプレス(WordPress)の記事に簡単に地図や動画を貼り付ける「ショートコード」 #wp

1年以上前の記事です。内容が古い可能性があります。ショートコードって知ってますか …

雇用契約書(労働条件通知書)は日付のちゃんと入っているものを用意してもらおう

このところ、不幸自慢となってしまっている当ブログですが、これを最後に方向転換して …

no image
FireworksのHTML書き出し方法

1年以上前の記事です。内容が古い可能性があります。今となっては昔の話ですが、Fi …

WordPress(ワードプレス)の管理バーの高さを無視させたり、非表示にさせたりする方法

1年以上前の記事です。内容が古い可能性があります。WordPressでデザインを …

「Windows 7(64bit)」に「Photoshop Elements 2.0」をインストールする方法

1年以上前の記事です。内容が古い可能性があります。生徒さんがパソコンを買い換えま …

ライブドアブログ(livedoor Blog)で記事のコピーができるようになっていた

1年以上前の記事です。内容が古い可能性があります。ちょくちょくアップデートしてる …

Dream Weaver CS3はユニコードがお好き

1年以上前の記事です。内容が古い可能性があります。Dream Weaver(ドリ …

WordPress(ワードプレス)で楽に表組み(テーブル)を書くためのプラグイン「Editor Extender」 #wp

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

ボーンツールの支点(基準点)を動かすのは自由変形ツール【Flash】

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

CPUの差し替え(Pentium IIIからPentium 4へ)

1年以上前の記事です。内容が古い可能性があります。前々から調子の悪いPentiu …

血液型オヤジ