blog.textfile.org結城浩のブログ

blog.textfile.org

OctopressでTweetボタンをカスタマイズする

背景

  • Octopressでブログを運営している。
  • 各エントリページにTweetボタンを設置している。

問題

  • ブログ名が”blog.textfile.org”となっているので、ツイートするとトップページへのリンクも含まれてしまう。
  • そのため、読者にはエントリページに行ってほしいのに、トップページに行く可能性がある。

解決法

  • source/_includes/post/sharing.htmlを修正してdata-textを明示的に書く。

詳細

修正前

source/_includes/post/sharing.html
1
2
3
4
 <a href="//twitter.com/share" class="twitter-share-button"
  data-url="{{ site.url }}{{ page.url }}"
  data-via="{{ site.twitter_user }}"
  data-counturl="{{ site.url }}{{ page.url }}" >Tweet</a> 

修正後

source/_includes/post/sharing.html
1
2
3
4
<a href="//twitter.com/share" class="twitter-share-button"
  data-via="{{ site.twitter_user }}"
  data-text="Reading: {{ page.title}}"
  data-counturl="{{ site.url }}{{ page.url }}" >Tweet</a>

参考にしたサイト