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

其實(shí)，Tableau Server 登錄頁(yè)面的背景是可以自定義的（如下圖），只是方法有點(diǎn)特別。

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

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

具體步驟如下：

1、準(zhǔn)備背景圖片

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

2、復(fù)制圖片到目錄

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

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%;
最終結(jié)果如下：
.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-------------------------------------------

執(zhí)行命令：
tar -czf vizportal.css.gz vizportal.css

5、重啟瀏覽器

最后，清除瀏覽器緩存，關(guān)閉再重新打開瀏覽器。

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

Tips

為方便學(xué)習(xí)，栗子使用了靜態(tài)圖片自定義 Server 登錄頁(yè)背景。如果你希望背景效果更炫酷，可以嘗試使用動(dòng)圖（ Gif 格式）哦！

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

下一期，再會(huì)~

文章部分信息來源于網(wǎng)絡(luò)，如有侵權(quán)請(qǐng)告知

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。