Twitter埋め込み方法
ウェブサイトに埋め込みタイムラインを追加するには
- https://publish.twitter.com/に移動します。
- 埋め込みたいタイムラインのリンクを入力します。
- ウェブサイトに合った高さや テーマ(明るいか暗いか) を指定して、デザインをカスタマイズします。
- コードをコピーし、自分のウェブサイトのHTML上で、タイムラインを表示したい場所にペーストします。
- これで完了です。
*Twitter 公式ページ参照
set customization optionsより、タイムラインの幅や高さ、テーマ色、言語の指定可能。
Twitter公式ページだけの情報ではあまりカスタムできないので、下記コードでカスタム。埋め込みコード class=”twitter-timeline”の後ろにコードを追加。
| タイムラインの高さ(px単位) | data-width=”” |
| タイムラインの幅(px単位) | data-height=”” |
| テーマ色を「Darkモード」に | data-theme=”dark” |
| リンク色 | data-link-color=”#” |
| 境界線の色 | data-border-color=”#” |
| ヘッダーを非表示 | data-chrome=”noheader” |
| フッターを非表示 | data-chrome=”nofooter” |
| 境界線を消す | data-chrome=”noborders” |
| スクロールバーを非表示 | data-chrome=”noborders” |
| 背景を透明にする | data-chrome=”noborders” |
