【Freo】ブログにツイッターのタイムラインを埋め込んでみた。【レスポンシブ対応】

freo

備忘録的に記録。

Twitter Publish

20200530121420.png

自分のアカウントURLを入力。

タイムラインを選択。

20200530121421.jpg

オプションを選択し、好みのサイズにします。背景色も白or黒の選択が可能。
選択したら「更新」をクリック。

20200530121422.jpg

Freoのテンプレートを修正。
アイフォン用とアンドロイド用の修正が必要です。

  • \emplates\iphones\internals\default\default.html
  • \emplates\androids\internals\default\default.html

3行目あたりに<UL></UL>を追加

{include file='iphones/header.html'}
<ul data-role="listview">
<li data-role="list-divider">twitter</li>
<a class="twitter-timeline" data-height="200" data-theme="dark" href="https://twitter.com/TulossaSPR80?ref_src=twsrc%5Etfw">Tweets by TulossaSPR80</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</ul>
<!--{if !$freo.query.action}-->

アップロードして完了。

20200530125909.png

高さは200pxを指定、幅はレスポンシブにするため指定なしです。

コメント

タイトルとURLをコピーしました