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” |