內部資訊主頁和 Look 圖表的主題

您可以使用自訂主題,自訂內部 (非嵌入) Looker 資訊主頁和 Look 圖表的外觀。您可以使用主題自訂字型系列、文字顏色、背景顏色、按鈕顏色、圖塊顏色和其他視覺元素。主題可套用至使用者定義資訊主頁和 LookML 資訊主頁。

舉例來說,您可以建立「深色」主題,變更資訊主頁的外觀。

您可以在「管理」面板的「平台」部分,透過「主題」頁面定義主題。

本頁面說明下列事項:

使用者和執行個體相關規定

如要管理內部 Looker 資訊主頁和 Look 圖表的主題,必須符合下列條件:

將主題套用至資訊主頁

如要將主題套用至資訊主頁,請確認資訊主頁處於編輯模式,然後按一下「樣式」開啟「樣式」面板。從「主題」欄位選取主題,主題就會套用至資訊主頁。如果選取「無」,且執行個體有預設主題,系統就會套用預設主題。

將主題套用至 Look

如要將主題套用至 Look 圖表,請確認 Look 圖表處於編輯模式,然後點按「樣式」開啟「樣式」面板。從「主題」Theme欄位選取主題,系統就會將主題套用至 Look 圖表。如果選取「預設」,且執行個體有預設主題,系統就會套用預設主題。

下載資訊主頁

下載為 PDF 的資訊主頁會顯示所有套用的自訂主題。

建立自訂主題

如要建立自訂主題,請在「主題」管理頁面中選取「內部」分頁標籤,然後按一下「新增主題」。

接著,在「New Theme」頁面上,為要自訂的每項設定新增樣式和顏色規格。您可以變更任何設定,詳情請參閱下列各節。選取「儲存主題」,保留變更並儲存新主題。

主題

名稱:主題名稱不得重複,且只能使用英數字元和底線。如果在主題名稱中輸入空格,儲存主題時,空格會替換為底線。

一般

主要顏色:資訊主頁的主要按鈕和篩選器控制項會使用這個顏色。Look 圖表的連結、主要按鈕和所選分頁會使用這個顏色。

文字顏色:資訊主頁和 Look 圖表上的文字,以及 Look 圖表上的橫幅和圖示,所使用的十六進位顏色代碼。

背景顏色:圖表和資訊主頁背景的十六進位顏色代碼。

字型系列:字型系列的名稱。這個字型會用於資訊主頁上的所有文字,包括圖塊標題、文字圖塊和圖表中的圖例。「探索」中的所有文字也會使用這個字型。如果字型名稱含有空格,請在名稱前後加上引號,例如「Open Sans」。

如果您使用的是常見的網頁安全字型,只要在「字型系列」欄位中輸入字型名稱,並將「字型來源」欄位留空即可。如要使用較不常見的字型,請在「字型系列」Font Family欄位中輸入字型名稱,然後使用下文所述的「字型來源」Font Source欄位,提供要使用的字型定義網址。

字型來源:除非您想使用自訂字型 (非常見的安全網頁字型),否則請將這個欄位留空。「字型來源」必須是完整網址,開頭為 https,並指向 @font-face 的 src 引數中指定的 url 值。建議使用 Web Open Font Format (.woff) 檔案,因為 Internet Explorer 11 不支援 .woff2 檔案。

  • 舉例來說,如果是 PT Sans Narrow,您可以在「字型系列」欄位中輸入「PT Sans Narrow」,然後在「字型來源」欄位中輸入 https://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4RdbPw3QSf9R-kE0EsQUn2A.woff。

資訊主頁頁面

顏色集合:您可以視需要選擇顏色集合,也就是一組搭配得宜的調色盤。將顏色集合指派給資訊主頁後,資訊主頁中所有圖塊的所有資料序列,都會根據集合中的調色盤上色,確保整個資訊主頁的資料序列顏色協調一致。

將顏色系列指派給主題後,主題的顏色系列會覆寫先前指派給圖塊的任何顏色系列。不過,主題的顏色集合不會覆寫指派給資料序列的自訂顏色,也不會覆寫套用至表格圖表的條件式格式設定。

標題字型大小:可視需要從一組預先定義的大小 (以像素為單位) 中,調整資訊主頁標題的字型大小。

上邊界:可選擇為資訊主頁上邊界設定特定值。從下拉式選單中選擇預先定義的選項。邊界以像素 (px) 為單位。

下邊界:可視需要為資訊主頁下邊界設定特定值。從下拉式選單中選擇預先定義的選項。邊界以像素 (px) 為單位。

左右邊界:可選擇為資訊主頁左右邊界設定特定值。從下拉式選單中選擇預先定義的選項。邊界以像素 (px) 為單位。

資訊主頁圖塊

標題顏色:下列元素的十六進位顏色代碼:

文字顏色:下列元素的十六進位顏色代碼:

Text Body Color:下列元素的十六進位顏色代碼:

背景顏色:所有圖塊 (文字圖塊除外) 背景的十六進位顏色代碼。

文字背景顏色:文字圖塊背景的十六進位顏色代碼。

標題對齊:將圖塊標題設為靠左、靠右或置中對齊。

標題字型大小:視需要從一組預先定義的大小 (以像素為單位) 中,調整資訊主頁圖塊的字型大小。

Box Shadow:使用 CSS 語法在資訊主頁圖塊周圍建立陰影。您可以選取預先定義的方塊陰影,也可以建立自訂陰影。如要建立自訂方塊陰影,請輸入所選horizontal-offset vertical-offset blur-radius spread-radius color ,然後選取「輸入自訂樣式」套用設定。右側會顯示方塊陰影設定的預覽畫面。

資料欄間距大小:可視需要從一組預先定義的大小 (以像素為單位) 中,調整資訊主頁圖塊之間的間距大小。

資料列間距大小:可視需要從一組預先定義的大小 (以像素為單位) 中,調整資訊主頁圖塊資料列之間的間距大小。

邊框半徑:視需要調整資訊主頁圖塊的邊框半徑,建立方形或圓角。

編輯主題

如要更新主題設定,請按一下主題對應的「編輯」按鈕。

您可以按照建立新主題的方式編輯設定。如需設定說明,請參閱前文的主題設定。請務必選取「儲存」,保留更新內容。

複製主題

如要複製現有主題,請選取主題選單,然後選取「複製主題」。

複製主題時,新主題的名稱預設為複製主題的名稱,後面加上「(副本)」。請務必手動將這個名稱變更為新的不重複名稱,且只能使用英數字元和底線,並移除括號。

其餘設定的編輯方式與建立新主題時相同。如需設定說明,請參閱前文的主題設定。請務必選取「儲存」,保留所有主題設定。

刪除主題

如要刪除主題,請選取主題的選單,然後選取「刪除主題」。

設定預設主題

如果將某個主題設為預設主題,當使用者在編輯模式下,從「主題」欄位中選取「無」選項時,系統就會將該主題套用至任何資訊主頁。

如要將某個主題設為預設主題,請選取該主題的選單,然後選取「設為預設」。

如要移除預設主題的預設設定,請選取主題選單,然後選取「移除預設」。