｜HTML｜Match X(twitter) Embed with Site Style
要讓 X(Twitter) 的嵌入內容融入網站風格，可使用 data-chrome 客製化外觀。它可以調整邊框、背景顏色，或隱藏多餘元素，使 X(twitter) 的嵌入更契合網站風格。
Twitter Publish
首先，到官方 Twitter Publish 頁面，在此輸入 X(twitter) URL。
接著滾動到該畫面，並點選左側「Embedded Timeline」選項。
在要「Copy Code」之前，先點選上方的「set customization options」文字。
然後會出現這樣的畫面，可以設定以下4個項目。
| width | 設定嵌入推文的最大 px 寬度 (預設 auto 依容器大小調整)。 |
| height | 設定 px 固定高度。 |
| theme | 設定背景顏色：淺色、深色 (預設 Light)。 |
| Automatic | 設定語言，預設自動匹配觀看者的環境。 |
除了上述 4 個基本設定，還可以透過 data-chrome 自訂其他選項。
| data-chrome=" noborders " | 移除所有邊框。 |
| data-chrome=" noheader " | 隱藏時間軸標頭。 |
| data-chrome=" nofooter " | 隱藏時間軸底部和推文撰寫連結。 |
| data-chrome=" noscrollbar " | 隱藏時間軸的滾動條 (如果可見)。 |
| data-chrome=" transparent " | 背景為透明。 |
| data-border-color=" #000 " | 設定邊框的顏色。 |
| data-tweet-limit=" 1 " | 設定顯示的推文數量，範圍為 1 ~ 20。 |
以下是範例 X(twitter) Embed 的設定：
html
OFFICIAL
圖素來源：
freepik（https://www.freepik.com/）
