Twitterの埋め込みタイムラインの文字サイズを変更する方法

Twitterのタイムラインをサイトに表示したい!

そう思って実装したら、パソコンから見た場合のみフォントサイズが大きかったです。(スマホから見たらちょうどいい感じでした。)

▼そのまま埋め込んだ状態

※公式サイトからタイムライン埋め込みコード作成できます。
https://publish.twitter.com/

Twitterの埋め込みタイムラインの文字サイズを変更する方法

調べてみたら、サイト本文部分の横幅に合わせて、Twitterのタイムラインの横幅が可変するのが原因らしいです。

横幅が広がるとフォントサイズもそれに合わせて大きくなると。

ってことで、Twitterのタイムラインの横幅をフォントサイズが良い感じになるように指定します。

▼横幅を指定した状態

スマホから見ると冒頭のタイムライン埋め込みと違いはありませんが、PCからこのページを見たら良い感じになっているかと思います。

ちなみに、上のタイムラインの横幅は500pxです。

Twitterの埋め込みタイムラインの横幅を指定する方法

▼Twitterのタイムライン埋め込みコード作成画面の「set customization options」のリンクをクリックします。

▼width(横幅)を所定の数字に指定します。

以上です。

最初サイトでTwitterのタイムラインを見た時、戸惑ったんですが、簡単に調整できてよかったです。

なお、直接以下のコードをタイムライン埋め込みコードに追記してもOK…!

data-width="500"
サイト運営
▼おすすめASP3選

A8.net

おそらくアフィリエイターはみんな登録しているんじゃないかな。日本最大級のアフィリエイトサービス「A8.net」。

私もメインで利用中です。

案件が豊富で、私の場合は、”まずA8.netで案件を調べて、なければ他のASPを利用する”という使い方をしています。

登録する際、審査もなくすぐ使い始めることができます。



バリューコマース

こちらも大手ASP。

A8.netにはない「ヤフーショッピング」のアフィリエイトができます。あと、旅行系の案件もバリュコマにしかないものが多い印象。

上記のように、A8.netにない案件が多々あるので、私はA8.netの補完的なかんじで使っています。

登録には審査がありますが、ぜひ登録しておきたいASPです。



アクセストレード
アフィリエイトのアクセストレード
通信系や金融系の案件が多いので、そういったサイトを作るときに利用するのがおすすめです。

私は格安SIMの案件で主に利用中。
ライフノラボ