管理員設定 - 主題

您可以透過自訂主題，自訂內嵌 Looker 資訊主頁、Look 和探索的外觀。你可以使用主題自訂字型系列、文字顏色、背景顏色、按鈕顏色、圖塊顏色和其他視覺元素。

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

如要瞭解如何為資訊主頁和探索設定預設主題，或將主題套用至特定資訊主頁或探索，請參閱「開始使用嵌入功能 - 套用自訂主題」說明文件頁面。

您可以透過「管理」面板的「平台」部分，在「主題」頁面中，為內嵌資訊主頁、內嵌探索和內嵌資訊主頁中的圖塊編輯視窗定義主題。

本頁面說明下列事項：

需求條件

如要在 Looker 執行個體上管理主題，您必須符合下列條件：

  • 如果您的執行個體是 Looker (原始版本) 執行個體，您必須啟用 Looker 功能，才能自訂內嵌資訊主頁、Look 圖表和探索的主題。如要更新這項功能的授權，請與銷售專員聯絡 Google Cloud 。
  • 如果執行個體是 Looker (Google Cloud Core) 執行個體，嵌入式主題適用於企業版和嵌入版 版本，但不適用於標準版。
  • Looker 使用者必須具備管理員角色或 manage_themes 權限。

預設主題

系統會在執行個體上自動建立 Looker 預設主題，且無法刪除或編輯。除非 Looker 管理員指定其他主題做為預設主題，否則系統會使用 Looker 主題做為預設主題。

選取主題旁邊的「查看」按鈕，或建立主題副本，即可查看 Looker 主題設定，這些設定會歸入下列各節：

主題

設定名稱 值
名稱 Looker

一般

這個專區中的設定會套用至內嵌資訊主頁和內嵌探索。

設定名稱 值 附註
按鍵顏色 #1A73E8 資訊主頁的主要按鈕和篩選器控制項會使用這個顏色。

「探索」頁面的主要按鈕、橫幅和強調色會使用這個顏色。
文字顏色 #3e3f40
背景顏色 #f6f8fa
字型系列 Roboto、Noto Sans JP、Noto Sans CJK KR、Noto Sans Arabic UI、Noto Sans Devanagari UI、Noto Sans Hebrew、Noto Sans Thai UI、Helvetica、Arial、sans-serif 這些字型由 Looker 應用程式提供，建議使用這些字型，因為瀏覽器和圖片算繪時都會提供這些字型。Looker 會使用字型系列清單中第一個支援字元的字型，因此優先順序較高或專用的字型應列在最前面。如果字型有「UI」變體，Looker 會使用這些變體，稍微修改字元，以便更符合視覺元件的界線。
字型來源 無

資訊主頁頁面

設定名稱 值
顏色集合 無
背景顏色 #f6f8fa

資訊主頁圖塊

設定名稱 值
標題顏色 #3a4245
文字顏色 #3a4245
內文顏色 無
背景顏色 #ffffff
標題對齊設定 置中

資訊主頁控制項

設定名稱 值
顯示資訊主頁標題 是
顯示篩選器列 是

探索頁面

設定名稱 值
顯示標頭 是
顯示標題 是
顯示上次執行作業 是
顯示時區 是
顯示「執行」按鈕 是
顯示「設定」按鈕 是

Look 圖表頁面

設定名稱 值
顯示標頭 是
顯示標題 是
顯示上次執行作業 是
顯示時區 是
顯示「執行」按鈕 是
顯示「設定」按鈕 是

以下是資訊主頁、資訊主頁圖塊的編輯視窗，以及採用 Looker 主題的「探索」範例。

採用 Looker 主題的資訊主頁範例

使用預設 Looker 主題的嵌入式 Looker 資訊主頁。

以 Looker 主題顯示的資訊主頁圖塊編輯視窗範例

內嵌 Looker 資訊主頁中的「編輯圖塊」對話方塊，使用預設 Looker 主題。

範例：採用 Looker 主題的「探索」頁面

使用預設 Looker 主題嵌入的 Looker 探索。

主題和嵌入設定的套用方式

您可以透過自訂主題和網址引數，變更內嵌資訊主頁或探索的預設主題外觀。顯示嵌入式資訊主頁或「探索」時，Looker 會依下列順序套用設定：

  1. 從預設主題的設定開始
  2. 套用網址 theme 引數中指定的自訂主題設定 (如有)
  3. 套用_theme URL 引數中指定的屬性 (如有) (僅適用於資訊主頁)

每個項目都會覆寫先前的項目，也就是說，嵌入設定會覆寫預設主題設定，而自訂主題會覆寫嵌入設定和預設主題。

不過，如果是 _theme 網址引數，只有在 _theme 引數中指定的元素，才會覆寫其他主題或嵌入設定中的元素。系統仍會使用其餘的自訂主題設定和嵌入設定。舉例來說，如果您在內嵌資訊主頁的網址中加入 _theme={"show_filters_bar":false} 引數，即使您已在內嵌設定或自訂主題中開啟「顯示篩選器」，系統也不會顯示篩選器列。但系統仍會使用自訂主題或其他嵌入設定。

下載資訊主頁時，系統會顯示套用的自訂主題。

建立自訂主題

如要建立自訂主題，請選取「新增主題」：

「主題」頁面頂端會顯示「新增主題」按鈕。

接著，在「新主題」頁面中，為每個所需設定新增樣式和顏色規格。

除了主題標題 (不得重複) 以外，所有欄位都會自動填入預設主題的值。您可以變更下列各節所述的任何設定。選取「儲存主題」，保留變更並儲存新主題。

主題

名稱：主題名稱不得重複，且只能包含英數字元和底線。如果您在主題名稱中輸入空格，儲存主題時，空格會替換為底線。

一般

這個專區中的設定會套用至內嵌資訊主頁和內嵌探索。

主要顏色：資訊主頁的主要按鈕和篩選器控制項會使用這個顏色。探索頁面的欄位挑選器連結和圖示、主要按鈕、橫幅和強調色會使用這個顏色。

文字顏色：探索和資訊主頁上文字的十六進位顏色代碼。

背景顏色：探索和資訊主頁背景的十六進位顏色代碼。

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

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

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

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

使用自訂主題的內嵌探索範例

以下範例顯示具有自訂主題的嵌入式探索。「主要顏色」設為 #e82042，「字型系列」設為 Verdana。

在嵌入式設定中執行探索時，探索中的文字會以指定的「字型系列」字型 (Verdana) 顯示。強調色、按鈕和連結會以指定的「主色」顯示，#e82042：

嵌入式「探索」頁面，其中「新增」按鈕、「前往 LookML」按鈕、齒輪選單按鈕和「快速入門」分析的標題都套用了 #e82042 顏色。

執行探索後，「執行」按鈕的外框和文字會以指定的主色顯示，#e82042：

內嵌的「探索」頁面，已將 #e82042 顏色套用至「執行」按鈕。

自訂主題的內嵌資訊主頁動態磚編輯視窗範例

除了上一節所述的「探索」元素外，編輯資訊主頁動態磚時，橫幅會以「主要顏色」設定 (#e82042) 中指定的顏色顯示，並採用「字型系列」設定 (Verdana) 中指定的字型：

嵌入式 Looker 資訊主頁中的「編輯動態磚」對話方塊，橫幅套用 #e82042 顏色，且頁面上的所有文字都套用 Verdana 字型系列。

資訊主頁頁面

顏色集合：您可以選擇顏色集合，也就是一組相互協調的調色盤，將顏色集合指派給資訊主頁後，系統會根據集合中的調色盤，為資訊主頁所有圖塊中的所有資料序列上色，確保整個資訊主頁的資料序列顏色一致。

  • 將顏色集合指派給內嵌主題時，主題的顏色集合會覆寫先前指派給動態磚的任何顏色集合。不過，主題的顏色集合不會覆寫指派給資料序列的自訂顏色，也不會覆寫套用至表格圖表的條件式格式設定。

背景顏色：資訊主頁和文字方塊背景的十六進位顏色代碼。

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

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

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

資訊主頁圖塊

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

  • 資訊主頁標題
  • 資訊主頁圖塊的標題
  • Markdown 圖塊的標題和第 1 層標題文字
  • 單一值視覺化的文字顏色

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

  • 資訊主頁上的文字，包括圖表中的圖例
  • Markdown 資訊方塊的副標題和內文 (不含標題層級 1 的文字)
  • 文字方塊上的標題層級 1、標題層級 2 和一般文字
  • 單一值視覺化中的圖示

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

  • Markdown 圖塊中的內文，標題層級 2 和標題層級 3 的文字除外。
  • 文字圖塊中的內文

背景顏色：所有圖塊 (文字圖塊除外) 的背景十六進位顏色代碼。(文字動態磚與資訊主頁使用相同的背景顏色，這是在「資訊主頁頁面」部分的「背景顏色」中設定)。

標題對齊方式：將動態磚標題對齊左側、右側或中央。

標題字型大小：您可以從預先定義的字型大小 (以像素為單位) 中選擇，調整資訊主頁動態磚的字型大小。

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

欄間距大小：您可以從一組預先定義的大小 (以像素為單位) 中，調整資訊主頁動態磚欄之間的間距大小。

資料列間距大小：您可以從一組預先定義的大小 (以像素為單位) 中，選擇調整資訊主頁圖塊資料列之間的間距大小。

邊框半徑：您可以選擇調整資訊主頁圖塊的邊框半徑，建立方角或圓角。

資訊主頁控制項

顯示資訊主頁標頭：停用這個選項即可隱藏整個資訊主頁標頭，包括所有資訊主頁篩選器和控制項。如果停用這個選項，系統會取消選取並停用所有其他資訊主頁控制選項。

顯示資訊主頁標題：選取核取方塊，即可顯示資訊主頁的標題。

中央資訊主頁標題：選取這個核取方塊，即可在資訊主頁上顯示置中的資訊主頁標題。如果未啟用這個選項，資訊主頁標題會靠左對齊。只有在啟用「顯示資訊主頁標題」選項時，才能使用這個選項。

顯示篩選器列：選取核取方塊，在資訊主頁頂端顯示篩選器列。如果未選取這個選項，「顯示篩選器切換按鈕」選項會取消選取並停用，隱藏資訊主頁篩選器圖示。

顯示篩選器切換按鈕：勾選核取方塊，即可顯示資訊主頁篩選器圖示。

顯示資訊主頁的上次更新時間指標：勾選核取方塊，即可顯示資訊主頁的上次更新時間指標。

顯示「重新載入資料」圖示：勾選核取方塊，即可顯示資訊主頁重新載入資料圖示。

顯示資訊主頁選單：選取核取方塊即可顯示三點資訊主頁選單。取消選取這個選項後，資訊主頁選單選項就會無法使用。

探索頁面

在自訂主題中，您可以調整內嵌「探索」頁面上的下列元素：

顯示標頭：停用這個選項可隱藏內嵌探索的整個標頭，包括標題、上次執行指標、資料時區、「執行」按鈕和「探索動作」齒輪選單。

顯示標題：停用這個選項，即可隱藏內嵌探索的標題。

顯示上次執行作業：停用這個選項，即可隱藏探索作業的執行時間。

顯示時區：停用這個選項，即可在內嵌的探索中隱藏資料的時區。

顯示「執行」按鈕：停用這個選項，即可隱藏內嵌式探索中的「執行」按鈕。

顯示動作按鈕：停用這個選項，即可在內嵌的「探索」中隱藏「探索動作」齒輪選單。

Look 圖表頁面

在自訂主題中，您可以調整內嵌 Look 的下列元素：

顯示標頭：停用這個選項，即可隱藏內嵌 Look 的整個標頭，包括標題、上次執行指標、資料時區、「執行」按鈕和「探索動作」齒輪選單。

顯示標題：停用這個選項，即可隱藏內嵌 Look 的標題。

顯示上次執行作業：停用這個選項，即可隱藏 Look 的執行時間。

顯示時區：停用這個選項，即可在嵌入的 Look 中隱藏資料的時區。

顯示「執行」按鈕：停用這個選項，即可隱藏內嵌 Look 的「執行」按鈕。如果停用「顯示嵌入式 Look 圖表的篩選器」，這個切換按鈕就不會顯示「執行」按鈕。

顯示動作按鈕：停用這個選項，即可在內嵌 Look 中隱藏「探索動作」齒輪選單。

複製主題

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

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

您可以像建立新主題一樣編輯其餘設定。如需設定說明，請參閱先前介紹的主題設定。請務必選取「儲存」，保留所有主題設定。

編輯主題

系統會在執行個體上自動建立 Looker 主題，且無法編輯。(如要修改 Looker 主題，可以建立主題副本，然後編輯副本)。

如果是其他主題，您可以選取相關的「編輯」按鈕來更新主題設定。

編輯設定的方式與建立新主題時相同。如需設定說明，請參閱先前介紹的主題設定。請務必選取「儲存」，保留更新內容。

刪除主題

除了 Looker 主題或設為預設的主題外，您可以刪除任何主題。如要刪除主題，請選取主題的選單，然後選取「刪除主題」。

刪除主題後，凡是網址中指定該主題的內嵌資訊主頁，都會使用預設主題。

為嵌入式資訊主頁和探索設定預設主題

嵌入的 Look 不支援自訂主題。自訂主題僅適用於嵌入式資訊主頁和嵌入式探索。

如要為執行個體中內嵌的資訊主頁和探索指定預設主題，請選取主題的選單，然後選取「設為預設」。

除非您為個別資訊主頁或「探索」指定不同設定，否則 Looker 執行個體中的內嵌資訊主頁和「探索」會使用預設主題。如要進一步瞭解主題和嵌入設定如何套用至嵌入的資訊主頁或「探索」，請參閱本頁面的「主題和嵌入設定的套用方式」一節。

在特定嵌入式資訊主頁和「探索」中套用主題

嵌入的 Look 不支援自訂主題。自訂主題僅適用於嵌入式資訊主頁和嵌入式探索。

如要讓資訊主頁或探索使用預設主題以外的主題，可以在嵌入資訊主頁或探索的網址中指定其他主題。如要這麼做，請在嵌入網址結尾加上 theme= 參數和主題名稱。舉例來說，如果主題名稱為「Red」，請在嵌入式資訊主頁網址結尾加入 theme=Red：

https://example.cloud.looker.com/embed/dashboards/246?theme=red

如果是探索，請在嵌入探索網址的結尾加上 theme=Red： none https://example.cloud.looker.com/embed/explore/model_name/explore_name?theme=red

網址中的主題元素不區分大小寫，因此可以使用 theme=Red 或 theme=red。

使用 _theme 網址引數套用個別資訊主頁主題元素

您可以使用 _theme 網址引數，為內嵌資訊主頁自訂個別主題元素，例如 tile_background_color 和 show_title。

_theme 網址引數的格式如下：

_theme={"<property>":value}

舉例來說，您可以使用 _theme={"show_filters_bar":false} 隱藏內嵌資訊主頁的篩選器列。完整網址可能如下所示：

https://example.cloud.looker.com/embed/dashboards/236?_theme={"show_filters_bar":false}

使用半形逗號指定多個主題屬性：

_theme={"show_title":false,"show_filters_bar":false,"text_tile_text_color":"blue"}

顏色值必須加上引號，並可使用顏色名稱或十六進位顏色代碼表示。如果使用十六進位代碼，請務必使用 # 符號的網址編碼版本，也就是 %23。舉例來說，這兩個網址引數都會指定紅色：

_theme={"title_color":"red","text_tile_text_color":"%23FF0000"}

使用 _theme 物件嵌入資訊主頁時，請注意下列事項：

  • _theme 網址引數中指定的任何元素，都會覆寫其他主題中該元素的設定。因此 _theme 引數是微調主題或嵌入設定的實用方式。舉例來說，假設您有一個隱藏篩選器列的自訂主題，但您有一個資訊主頁顯示篩選器列會比較合適。您可以為資訊主頁套用自訂主題，然後在內嵌資訊主頁的網址中加入 _theme={"show_filters_bar":true} 引數，在該資訊主頁上顯示篩選器列，但保留所有其他自訂主題設定。如要進一步瞭解主題和嵌入設定如何套用至嵌入式資訊主頁，請參閱本頁面的「主題和嵌入設定的套用方式」一節。
  • 如果是程式設計指令碼，您必須將 _theme 引數進行網址編碼。
  • 以 PDF 格式傳送內嵌資訊主頁時，系統不會套用 _theme 引數。
  • 如果您將資訊主頁下載為 PDF，系統會套用 _theme 引數。