Tweetボタンが途中で途切れているのを修正してみた

本Blogのエントリには、アフィリエイト広告が含まれています。

TwitterのTweetボタンがリニューアルされており、ちょっとだけデザインの修正をする必要があったので以下のエントリを参考にさせて頂き、デザインの修正をしてみた。

新しくなった公式Twitterボタン(ツイートボタン)のデザインを修正する: 小粋空間

■変更内容
Twitter側の変更によって”Tweetボタン”の”Tweet”が途中までしか表示されなくなったのを、全て表示されるように修正。

■変更前

“Tweet”が途中で途切れてしまっていた

■変更後

“Tweet”が最後まで表示されるようなった

■修正方法
WordPress管理画面 > テーマ編集 > style.css

に、以下のコードを追加。
iframe.twitter-share-button {
width: 60px!important;
}

*好みの問題から英語版のTweetボタンを設置していたので、width:60pxに設定。
冒頭で紹介した、情報元のエントリによると、日本語版ではwidth:65pxとされている。

掲載している内容は公開時点の情報です。Webサイトやサービスの内容変更などにより、情報が古くなっている場合もありますので、ご注意ください。

運営者をフォローする