A CAT'S EDEN

ツールや機能の紹介と、ゲームや落語などの趣味について。



【コピペで簡単】Twitterのタイムラインをブログに埋め込む!

今回の記事では、自分のブログにTwitterのタイムラインを埋め込む方法について説明します( ゚∀゚)

 

タイムラインというのはこれですね↓

f:id:hakkyooneko:20170914183545p:plain

 

私のブログでも、現在右下に設置してあります。

これをブログに埋め込むには、

1、コードの作成

2、ブログに設置

という2つの工程が必要です。

 

コードの作成について

「Twitter Publish」というサービスから自分のTwitterのコードを取得し、ブログに貼り付ける用に調整する必要があります。

▼Twitter Publish

https://publish.twitter.com/#

 

ただ、取得されるコードは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」

 と進んでいくと、下記画面が出ます。

(ここではサイドバーに出すことを前提として進めています)

f:id:hakkyooneko:20170914194907p:plain

 

タイトルは「Twitter」など適当に入れ、本文の内容には前述したコードをもとに内容を書き換えたものを入力し、「適用」を押してください。

 

これでサイドバーにタイムラインが表示されます( ゚∀゚)

まだ表示していないブロガーさんは試してみてください(´▽`)