あなたのウェブサイトに単一のつぶやきを統合する方法

Question

今、友人のための簡単なHTML/CSSサイトを構築しています。ホームページは、いくつかのコンテンツを保持する一連のグリッドブロックdivです。

ソーシャルメディアの投稿用にマークしたブロック区画は現在3つあります。たとえば、彼は彼の最新のつぶやきがそれらのdivの1つに現れることを望んでいます。彼の最新のインスタントグラムは、最後に別のfacebookに掲載されます。

私はちょうど今のところtwitter/instagramに集中しているので、当面はfacebookを無視することができます。

私はこのプロジェクトをどこから始めるべきかと苦労しています。過去に私は埋め込まれたTwitterのタイムライン、Instagramの投稿などを使ってウィジェットを作成しました。

しかし、このプロジェクトでは、私は別々に切り離された投稿を必要とします。つまり、twitter div内の彼のツイートのプレーンテキストだけです。 Instagramブロックの背景画像としての彼のInstagramポストからの画像...

私は過去数時間、oEmbedの周りに頭を抱えようとしていました。私は悲惨に失敗していると言うことができます。

私は実際には私が始めた前にもっと混乱しています。もしどんな種類の魂であれ、私がこれに近づける方法についてのダミーガイドを与えることができれば、それは絶対に素晴らしいことでしょう。

ありがとうございました！

Answer 1

埋め込みタイムラインを使用して1つの埋め込みツイートを取得できます。 https://dev.twitter.com/web/embedded-timelines/parameters

例えば：、ちょうど1つぶやきを取得し、ここで説明するよう、embedタグにdata-tweet-limit属性を使用するには

<a class="twitter-timeline" href="https://twitter.com/TwitterDev" data-widget-id="some_id" data-tweet-limit="1"></a>

推奨されるTwitterのドキュメントによると、ウェブサイトにつぶやく方法。ユースケースの説明から、Twitterの公式ウィジェットを使用することを強くお勧めします。

あなたは本当にTwitterのREST APIを使用して、ページのサーバー側を生成したい場合は、私は出発点として、このスタックオーバーフローの問題をチェックアウトしたい： Setting up Twitter API, getting the last few Tweets

希望に役立ちます！