Twitter

【Twitter】Twitterのウィジェットの幅を変更する方法

#17LIVE #PR

雑談なら17LIVE

17LIVEのアプリのDL先はこちら

筆者もここで活動しているよ!

掲載期間 2022年3月22日(火)~2022年4月30日(土)

Twitter

 

自分のブログやHPなどにTwitterのTLのウィジェットの幅を変更する方法をメモる
デフォでは320pxぐらいなので、サイドバーの幅に合わせるために小さく設定する

やり方

  1. まずTwitterにログインする

ログインしたらユーザーのプロフィールをクリック
れいにゃん ミネクラふと  rei2312 さん   Twitter

 

ウィジェットをクリックする
Twitter

幅を指定する

まず、HTMLをコピる

[js]
<a class="twitter-timeline" href="https://twitter.com/rei2312" data-widget-id="524426325428166656">@rei2312さんのツイート</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
[/js]

コピったら、「aタグ」内に「width="150"」みたいに幅を指定してやる

[js]
<a width="150" class="twitter-timeline" href="https://twitter.com/rei2312" data-widget-id="524426325428166656">@rei2312さんのツイート</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
[/js]

「aタグ」の冒頭に「width="150"」が入ってるのがわかる
これで好きなように幅を指定することができる

サイト管理者のプロフィール

AkaMaruServer

ReinyaN

17LIVEを拠点に活動しているストリーマーで活動してる「ReinyaN」です ゲーム配信しながら雑談をしています。 ブログでは配信に関する情報の記事を上げており、参考になる記事がたくさんあると思いますので探してみてください。

関連記事とスポンサーリンク

  • この記事を書いた人
  • 最新記事

ReinyaN

17LIVEを拠点に活動しているストリーマーで活動してる「ReinyaN」です ゲーム配信しながら雑談をしています。 ブログでは配信に関する情報の記事を上げており、参考になる記事がたくさんあると思いますので探してみてください。

-Twitter
-, , , ,


Warning: include(): Filename cannot be empty in /home/reinyanch/25reinyan25.net/public_html/wp-content/plugins/st-lazy-load/templates/wp-template.php on line 11

Warning: include(): Failed opening '' for inclusion (include_path='.:/opt/php-7.4.28/data/pear') in /home/reinyanch/25reinyan25.net/public_html/wp-content/plugins/st-lazy-load/templates/wp-template.php on line 11