【コピペで簡単】Twitterのタイムラインをブログに埋め込む!
今回の記事では、自分のブログにTwitterのタイムラインを埋め込む方法について説明します( ゚∀゚)
タイムラインというのはこれですね↓
私のブログでも、現在右下に設置してあります。
これをブログに埋め込むには、
1、コードの作成
2、ブログに設置
という2つの工程が必要です。
コードの作成について
「Twitter Publish」というサービスから自分のTwitterのコードを取得し、ブログに貼り付ける用に調整する必要があります。
▼Twitter Publish
ただ、取得されるコードはID以外は一緒であり、調整する部分も基本的には表示させるツイートの数だけで問題ないと思いますので、コピペして下記コードの赤字部分を自分で書き換えて使用するのが早いです( ゚∀゚)
<a class="twitter-timeline" href="https://twitter.com/ツイッターID"data-tweet-limit="表示させるツイート数" >Tweets by ツイッターID</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
ブログへの設置について
※ここでは「はてなブログ」で設置する場合について説明します。他のブログサービスを使用している場合は、同様の機能、手順を確認してみてください。
[管理画面]→[デザイン]→[カスタマイズ]→[サイドバー]→[モジュールを追加]→「HTML」
と進んでいくと、下記画面が出ます。
(ここではサイドバーに出すことを前提として進めています)
タイトルは「Twitter」など適当に入れ、本文の内容には前述したコードをもとに内容を書き換えたものを入力し、「適用」を押してください。
これでサイドバーにタイムラインが表示されます( ゚∀゚)
まだ表示していないブロガーさんは試してみてください(´▽`)