デコマガジン

Twitterをホームページに埋め込む

Twitterをホームページに埋め込む画像


Twitterをホームページに埋め込む方法をいろいろと検討してみた。

<div>
<a class="twitter-timeline" href="https://twitter.com/vanDecoJ?ref_src=・・・・" data-chrome="noheader nofooter noborders transparent" data-tweet-limit="10" data-width="520">Tweets by vanDecoJ</a>
</div>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> 

ヘッダ・フッタ消しました。
ボーダー消しました。
背景色透過にしました。
掲載ツィート数10個まで。
表示幅520px。
※レスポンシブにはそのまま対応しているようです。

 

---------

 

【2018.11.21追記】

TwitterのHTML埋め込みに、CSS対応できました。

上記、横並び(641px以上)としてあります。

参考:

http://www.yabi-blog.xyz/20160812_css_twitter/

http://ithat.me/2016/02/09/js-jquery-twitter-widget-timeline-customize

記事一覧


ホームページ制作
について

デコジャパンの
サービス内容

ホームページの
実績紹介

デコマガジン
HP&PC