不少 Tableau 企業用戶咨詢：Tableau Server 登錄頁面的背景可以自定義嗎？我們想換一個符合我公司風格的背景。

其實，Tableau Server 登錄頁面的背景是可以自定義的（如下圖），只是方法有點特別。

今天，我們來分享：如何自定義 Server 登錄頁背景，讓你的登錄頁面更個性！

本期《舉個栗子》，阿達要給大家分享的 Tableau 技巧是：如何自定義 Server 登錄頁背景。

具體步驟如下：

1、準備背景圖片

根據主要屏幕的分辨率（例如 1920*1080 ），準備一張背景圖片。這里，圖片文件的大小建議不超過 100 k。我們將栗子需要的背景圖片，名稱修改為：login-bg.jpg。

2、復制圖片到目錄

將背景圖片復制到 Tableau Server 安裝目錄中。注意：不同版本的產品，復制路徑略有不同。

Windows-------------------------------
如果安裝在D盤，目錄：
【2018.1 及以下版本】
D:\ProgramFiles\Tableau\Tableau Server\版本\vizportalclient\public\img

【2018.2 及以上版本】
D:\Program Files\Tableau\Tableau Server\packages\vizportalclient.版本\public\img

Linux-------------------------------------
目錄：
【2018.1 及以下版本】
/opt/tableau/tableau_server/packages/vizportalclient.版本/public/img

【2018.2 及以上版本】
/opt/tableau/tableau_server/packages/vizportalclient.版本/public

3、編輯文件

接著，我們編輯文件：

【2018.1及以下版本】
vizportalclient\public\vizportal.css

【2018.2及以上版本】
packages\vizportalclient.版本\public\vizportal.css

Windows----------------------------------

用 Notepad++打開

Linux---------------------------------------

用 vi 打開

定位到 .tb-app-inner，在里面增加：
background: url(img/login-bg.jpg) no-repeat fixed;
background-size:100% 100%;
最終結果如下：
.tb-app-inner {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
background: url(img/login-bg.jpg) no-repeat fixed;
background-size: 100% 100%;
}

4、壓縮文件

壓縮修改后的 vizportal.css 文件，
生成 vizportal.css.gz。

Windows----------------------------------------

使用 7z 壓縮，軟件下載地址：
https://www.7-zip.org/

Linux-------------------------------------------

執行命令：
tar -czf vizportal.css.gz vizportal.css

5、重啟瀏覽器

最后，清除瀏覽器緩存，關閉再重新打開瀏覽器。

再次訪問 Tableau Server ，可以看到：登錄頁面已變成我們想要的背景了。

Tips

為方便學習，栗子使用了靜態圖片自定義 Server 登錄頁背景。如果你希望背景效果更炫酷，可以嘗試使用動圖（ Gif 格式）哦！

本期的 Tableau 技巧，你 Get 到了嗎？趕快試試看吧！

下一期，再會~

文章部分信息來源于網絡，如有侵權請告知

總結

以上是生活随笔為你收集整理的举个栗子！Tableau 技巧（107）：如何自定义 Server 登录页背景的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。