DAINASHI YESTERDAY

Twitterウィジェットの幅を指定する方法

twitter_img1-1200x800

ホームページやブログに、気軽にタイムラインを表示できるTwitterウィジェット。

新しいウィジェットになりTwitterの設定画面からコードを生成できるので、以前よりとても簡単に設置できるようになりました。しかし、生成時の設定項目には「幅」の欄がないため、設置するサイドバーの幅に合わせるためには、生成されたコードに幅を指定するソースを書き足す必要があります。

生成されたコードの<a>タグ内にwidthを追加します。

<a class="twitter-timeline"  href="https://twitter.com/studio_freetown"  data-widget-id="260310613195100160" width="220">@studio_freetown からのツイート</a>

なお、新しくなったTwitterウィジェットでは最小220px、最大520pxまでしか指定できません。ちなみに検証してみたところ、高さは最小350pxまでのようです。

現在のホームページはソーシャルメディアと絡めた運営が基本になってきますので、Twitterウィジェットを設置する前提でサイドバーの幅などを決定しておく方がいいかもしれませんね。

投稿者: