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

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

*

ライブドアブログで公式ツイートボタンを完全対応

   

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

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

昨日の記事の続きとして読んでください。
とりあえず、昨日の記事で個別記事に公式ツイートボタンが配置出来ているはずです。
これを、一覧ページ(トップページ、カテゴリーアーカイブ、月別アーカイブ、等)にも対応させる方法です。
ちなみに、昨日の記事のままでは、一覧ページに貼られたツイートボタンを押すと各記事ではなく一覧ページがツイートされてしまいます。

昨日の状態でトップページ一番上の記事のツイートボタンを押すとこんな感じのツイートが生成されます。

地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記 http://t.co/pA9ChBz via @Norisa 

スポンサーリンク
 

さて、ここで重要となってくるのは以下の2つの設定。

  1. 「ツイート内テキスト」の設定
    tweetボタン2
  2. 「URL」の設定
    tweetボタン3

それぞれ下のチェックボックスにチェックを入れてを以下のように設定します。

「ツイート内テキスト」を「<$ArticleTitle  ESCAPE$>」
「URL」を「<$ArticlePermalink$>」

できたソースはこんな感じ。

 <a href="http://twitter.com/share" class="twitter-share-button" data-url="<$ArticlePermalink$>" data-text="<$ArticleTitle  ESCAPE$>" data-count="horizontal" data-via="Norisa" data-lang="ja">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

注)「data-via=”Norisa”」の部分はご自分のアカウントに書き換えてお使いください(追記)

これを昨日同様「ヒつぶやく」のソースと置き換えます。

これで完成。
この状態でトップページ一番上の記事のツイートボタンを押すと今度はこうなります。

「ヒつぶやく」ボタンをTwitter公式のものに変えてみた http://t.co/QzmFecU via @Norisa

これにて一件落着。

 - プログラミング, 覚え書き

アドセンス広告メイン

Message

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

  関連記事

Illustrator(イラストレーター)でマウス操作にSHIFT(シフト)キーやALT(オルト)キーを組み合わせる場合は「マウスクリック」→「キーをプレス」の順番

1年以上前の記事です。内容が古い可能性があります。Illustrator(イラス …

立ち方にも意味がある。謙虚な立ち方、威圧的な立ち方

1年以上前の記事です。内容が古い可能性があります。これ、意識しておくといろいろ役 …

Skypeにもウイルス、不明な添付ファイルは開かないでFA

1年以上前の記事です。内容が古い可能性があります。以前からあったみたいだが、再び …

MacOSX標準の「Mail」はアカウントを消すことで送受信したメールも全て消える

1年以上前の記事です。内容が古い可能性があります。久々に「ぬおぁ~」な行為をして …

節電のために「自動同期」を止めるとGmailでメール送信できなくなる(Android)

1年以上前の記事です。内容が古い可能性があります。SPモードメールでもありました …

「Helvetica(ヘルベチカ)」を安く手に入れたいWindowsユーザーは「Swiss」を手に入れよう【font・書体】

1年以上前の記事です。内容が古い可能性があります。「Helvetica(ヘルベチ …

鼻毛を抜くと死ぬことがある。白髪以外の鼻毛は抜かずに切りましょう

1年以上前の記事です。内容が古い可能性があります。ソースがWikipediaなん …

Skypeで複数アカウントを使い分ける方法

1年以上前の記事です。内容が古い可能性があります。どうも今ひとつ固定客で凝り固ま …

ケータイに掛かってきた電話をiPhoneに転送するようにした

1年以上前の記事です。内容が古い可能性があります。iPhoneを買ってこのかた、 …

電球アイコンが現れたら「5」を長押し【ドコモP905i】

1年以上前の記事です。内容が古い可能性があります。これ、以前も同じことして途方に …

血液型オヤジ