Stay Positive プログラミング奮闘記

誰かしらに何気ない気づきを!

自分のブログにTweetを表示させたい!!!

こんにちは!小林です。

さて今回は、ちょっとだけ技術的なことを話していきまっせ〜

最近、空き時間にブログのデザインをいじることにハマっておりまして、その備忘録のためにもブログを書いていきます!

 

自分のサイトやホームページにTwitterのツイートを表示しているブログを見ていてTwitterヘビーユーザーの自分は黙ってられず、、、

 

導入してみようと思い、調べました。

 

Twitterの自分のブログのホーム画面を表示するには?

Twitterのアカウントが必要です(そりゃ当たり前か〜)

ブロガーたるものTwitterで拡散したほうが良いと思います

いや、してください!

最初のうちは特にTwitterのリンクから記事を読んでくれた人が多いので、必須ですね。

だいぶ記事数が増えてきたらGoogleの検索にも引っかかってくるのですが、最初はTwitterが圧倒的に多いのでぜひ!

 

まず、TwitterのHomeを開いてください

f:id:kobayashinitya:20180717135409p:plain

 

フォロワー少ないの気にしんといて〜

一番上に表示されている自分のTwitterのURLをコピー

Twitter Publish に移動!

Twitter Publish

f:id:kobayashinitya:20180622174311p:plain

自分のTwitterのURLを入力したら

f:id:kobayashinitya:20180622174514p:plain

左のEmbedded Timelineを選び、

高さとか広さとか色を変えられます。

もしこの表示画面があらわれなかったら

That’s all we need, unless you’d like to .

 

の青色の部分を押してもらうと上の画面になります。

 

参考にした記事

実際に作ってみた!

<a class="twitter-timeline" data-lang="ja" data-width="450" data-height="500" data-dnt="true" data-theme="light" data-link-color="#2B7BB9" href="https://twitter.com/kobayashinitya?ref_src=twsrc%5Etfw">Tweets by kobayashinitya</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

 

 

こんな感じ!

f:id:kobayashinitya:20180717135946p:plain