עיצובים ללוחות בקרה מוטמעים, ל-Looks ולניתוחים

אפשר להגדיר עיצובים בדף עיצובים בקטע פלטפורמה בחלונית אדמין. אתם יכולים להשתמש בעיצובים בהתאמה אישית כדי להתאים אישית את משפחת הגופנים, צבע הטקסט, צבע הרקע, צבע הלחצן, צבע האריח ואלמנטים חזותיים אחרים של לוחות בקרה מוטמעים, של תצוגות ושל ניתוחים, וגם של חלון העריכה של אריחים בלוח בקרה מוטמע ובממשקי ניתוח שיחות.

בדף הזה מוסבר:

מידע על הגדרת נושא ברירת מחדל ללוחות בקרה ולניתוחים, או על החלת נושא על לוח בקרה או ניתוח ספציפיים, זמין במאמר תחילת העבודה עם הטמעה – החלת נושאים מותאמים אישית.

דרישות לשימוש בעיצובים מוטמעים

שימו לב לדרישות הבאות לניהול של ערכות נושא מוטמעות במופע Looker:

  • אם המופע שלכם הוא מופע Looker (מקורי), צריך לבקש מ-Looker להפעיל את התכונה שמאפשרת להתאים אישית את העיצובים של לוחות בקרה מוטמעים, טבלאות Look וניתוחים ב-Explore. כדי לעדכן את הרישיון שלכם לתכונה הזו, צריך לפנות ל Google Cloud מומחה מכירות.
  • אם המופע שלכם הוא מופע Looker (Google Cloud core), ערכות נושא להטמעה זמינות במהדורות Enterprise ו-Embed , אבל לא במהדורת Standard.
  • למשתמש ב-Looker צריך להיות תפקיד אדמין או תפקיד שכולל את ההרשאה manage_themes.

מידע על הדף Themes

אפשר לנהל את העיצובים של המופע בדף עיצובים בקטע פלטפורמה בחלונית אדמין.

אם המופע שלכם כולל את תכונת התצוגה המקדימה Internal Dashboard Theming, בדף Themes מוצגות הכרטיסיות Internal ו-Embedded. בעזרתן אפשר לנהל את העיצוב של לוחות בקרה ב-Looker ושל תוכן מוטמע, בהתאמה.

עיצוב שמוגדר כברירת מחדל

עיצוב ברירת המחדל של 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 משתמש בגופן הראשון ברשימת משפחות הגופנים שתומך בתו מסוים, ולכן הגופנים בעלי העדיפות הגבוהה יותר או הגופנים המיוחדים צריכים להופיע ראשונים ברשימה. ‫Looker משתמש בגופנים מסוג 'ממשק משתמש' כשהם זמינים, כך שהתווים משתנים מעט כדי להתאים טוב יותר לגבולות של רכיבים חזותיים.
מקור הגופן ללא

דף מרכז הבקרה

שם ההגדרה ערך
Color Collection ללא
גודל הגופן של הכותרת None
שוליים עליונים None
שוליים תחתונים None
שוליים צדדיים None

כרטיסים במרכז הבקרה

שם ההגדרה ערך
צבע הכותרת #3a4245
צבע טקסט #3a4245
צבע גוף הטקסט ללא
צבע הרקע #ffffff
צבע הרקע של הטקסט None
יישור הכותרת מרכז
גודל הגופן של הכותרת ללא
Box Shadow ללא
גודל המרווח בין העמודות ללא
גודל הרווח בין השורות ללא
רדיוס הגבול ללא

כפתורי בקרה במרכז השליטה

שם ההגדרה ערך
הצגת הכותרת של מרכז הבקרה כן
הצגת הכותרת של לוח הבקרה כן
הצגת הכותרת של לוח הבקרה במרכז לא
הצגת סרגל הסינון כן
החלפת מצב המסננים כן

הדף 'ניתוח נתונים'

שם ההגדרה ערך
הצגת הכותרת כן
כותרת לתצוגה כן
הצגת ההפעלה האחרונה כן
הצגת אזור זמן כן
הצגת לחצן ההפעלה כן
כפתור הגדרות התצוגה כן
הצגת אינדיקטור לעדכון האחרון של לוח הבקרה כן
הצגת סמל של טעינת נתונים מחדש כן
הצגת לחצן האפשרויות הנוספות כן

טבלת Look

שם ההגדרה ערך
הצגת הכותרת כן
כותרת לתצוגה כן
הצגת ההפעלה האחרונה כן
הצגת אזור זמן כן
הצגת לחצן ההפעלה כן
כפתור הגדרות התצוגה כן

בהמשך מופיעות דוגמאות ללוח בקרה, לחלון העריכה של משבצת בלוח בקרה ולחקירה עם העיצוב החזותי של Looker.

דוגמה ללוח בקרה עם העיצוב Looker

לוח בקרה מוטמע של Looker שמוצג עם עיצוב ברירת המחדל של Looker.

דוגמה לחלון עריכה של משבצת בלוח בקרה עם העיצוב Looker

תיבת הדו-שיח Edit Tile (עריכת משבצת) במרכז בקרה מוטמע של Looker עם עיצוב ברירת המחדל של Looker.

דוגמה לדף 'ניתוח נתונים' עם העיצוב Looker

דוח Looker Explore מוטמע שמשתמש בעיצוב ברירת המחדל של Looker.

איך מוחלות הגדרות של עיצובים והטמעה

אתם יכולים לשנות את המראה של לוח בקרה מוטמע או של דף 'ניתוח נתונים' מתוך העיצוב שמוגדר כברירת מחדל באמצעות עיצובים מותאמים אישית וארגומנטים של כתובות URL. כשמציגים לוח בקרה מוטמע או Explore, מערכת Looker מחילה את ההגדרות לפי הסדר הבא:

  1. ההגדרות הראשוניות הן אלה של עיצוב ברירת המחדל
  2. הגדרות שחלות מהעיצוב המותאם אישית שצוין בארגומנט theme של כתובת ה-URL, אם יש כזה
  3. הפונקציה מחילה מאפיינים שצוינו בארגומנט כתובת ה-URL‏ _theme, אם יש כאלה (רק במרכזי בקרה)

כל פריט מבטל את הפריטים הקודמים, כלומר הגדרות ההטמעה מבטלות את הגדרות ברירת המחדל של העיצוב, ועיצובים בהתאמה אישית מבטלים את הגדרות ההטמעה ואת עיצובי ברירת המחדל.

עם זאת, במקרה של ארגומנט כתובת ה-URL‏ _theme, רק הרכיבים שצוינו בארגומנט _theme מחליפים רכיבים מתוך העיצובים האחרים או מתוך הגדרות ההטמעה. שאר ההגדרות של העיצוב המותאם אישית וההגדרות להטמעה עדיין ישמשו אתכם. לדוגמה, אם מוסיפים את הארגומנט _theme={"show_filters_bar":false} לכתובת ה-URL של לוח בקרה מוטמע, סרגל המסננים לא יוצג, גם אם הפעלתם את האפשרות הצגת מסננים בהגדרות ההטמעה או בערכת נושא בהתאמה אישית. אבל ההגדרות האחרות מהעיצוב בהתאמה אישית או מההגדרות להטמעה עדיין ישמשו אתכם.

בהורדות של מרכזי בקרה יוצג כל עיצוב מותאם אישית שהוחל.

יצירת עיצוב מותאם אישית

כדי ליצור עיצוב בהתאמה אישית למרכזי בקרה, ל-Looks ול-Explores שמוטמעים, בדף האדמין עיצובים, בוחרים בכרטיסייה הטמעה ולוחצים על הוספת עיצוב.

בשלב הבא, בדף New Themes (עיצובים חדשים), מוסיפים הגדרות של סגנון וצבע לכל אחת מההגדרות שרוצים להתאים אישית.

מלבד שם הנושא, שחייב להיות ייחודי, כל השדות מתמלאים אוטומטית בערכים מנושא ברירת המחדל. אפשר לשנות את כל ההגדרות שמתוארות בקטעים הבאים. כדי לשמור את השינויים ואת ערכת הנושא החדשה, לוחצים על שמירת ערכת הנושא.

עיצוב

שם: השם של ערכת הנושא צריך להיות ייחודי ויכול להכיל רק תווים אלפאנומריים וקווים תחתונים. אם תזינו רווחים בשם העיצוב, הרווחים יוחלפו בקווים תחתונים כשתשמרו את העיצוב.

כללי

ההגדרות בקטע הזה חלות גם על לוחות בקרה מוטמעים וגם על חקירות מוטמעות.

צבע ראשי: הצבע הזה משמש בלוחות בקרה לכפתורים ראשיים ולכלי בקרה של מסננים. הצבע הזה משמש ב-Explores לקישורים ולסמלים של בוחר השדות, ללחצנים ראשיים, לבאנרים ולצבעים משניים.

צבע הטקסט: קוד הצבע ההקסדצימלי של הטקסט בלוחות בקרה ובדפי ניתוח.

צבע רקע: קוד הצבע ההקסדצימלי של הרקע בדפים של התכונה 'ניתוח נתונים' ושל לוחות הבקרה.

משפחת גופנים: השם של משפחת הגופנים. הגופן הזה ישמש לכל הטקסט בלוח הבקרה, כולל שמות המשבצות, משבצות טקסט ומקראים בהדמיות. הגופן הזה ישמש גם לכל הטקסט ב-Explore. אם יש רווח בשם הגופן, צריך להוסיף מרכאות מסביב לשם, כמו "Open Sans".

  • אם אתם משתמשים בגופן נפוץ שמתאים לשימוש באינטרנט, אתם יכולים פשוט להקליד את שם הגופן בשדה Font Family (משפחת גופנים) ולהשאיר את השדה Font Source (מקור הגופן) ריק. אם רוצים להשתמש בגופן פחות נפוץ, מזינים את שם הגופן בשדה משפחת גופנים ואז משתמשים בשדה מקור הגופן, שמתואר בהמשך, כדי לספק כתובת URL להגדרה של הגופן שרוצים להשתמש בו.

מקור הגופן: משאירים את השדה הזה ריק אלא אם רוצים להשתמש בגופן מותאם אישית – גופן שהוא לא גופן נפוץ ובטוח לשימוש באינטרנט. מקור הגופן חייב להיות כתובת URL מלאה שמתחילה ב-https ומפנה לערך url שצוין בארגומנט src של @font-face. מומלץ להשתמש בקובץ בפורמט גופן פתוח לאינטרנט (.woff), כי קובצי .woff2 לא נתמכים ב-Internet Explorer 11.

  • לדוגמה, כדי להשתמש בגופן PT Sans Narrow, אפשר להזין 'PT Sans Narrow' בשדה Font Family ואז להזין https://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4RdbPw3QSf9R-kE0EsQUn2A.woff בשדה Font Source.

דוגמה לניתוח נתונים מוטמע עם עיצוב בהתאמה אישית

בדוגמה הבאה מוצג ניתוח נתונים מוטמע עם עיצוב מותאם אישית. הערך של Key Color מוגדר ל-#e82042, והערך של Font Family מוגדר ל-Verdana.

כשמריצים חיפוש באמצעות התכונה 'חיפוש והצגה מקדימה' בהגדרה מוטמעת, הטקסט שמופיע בחיפוש מוצג בגופן Font Family שצוין, Verdana. הצבעים המשניים, הכפתורים והקישורים מופיעים בצבע העיקרי שצוין, #e82042:

תצוגה מוטמעת של 'אפשרויות נוספות' עם הצבע ‎#e82042 שהוחל על הלחצן 'הוספה', על הלחצן 'מעבר אל LookML', על לחצן תפריט ההגדרות ועל הכותרות של ניתוחי ההתחלה המהירה.

אחרי שמריצים את הניתוח ב-Explore, המתאר והטקסט של הלחצן הפעלה מופיעים בצבע המרכזי שצוין, #e82042:

תצוגה מוטמעת של 'אפשרויות נוספות' עם הצבע ‎#e82042 שהוחל על הלחצן 'הפעלה'.

דוגמה לחלון עריכה של משבצת בלוח בקרה מוטמע עם עיצוב בהתאמה אישית

בנוסף לאלמנטים של התכונה 'חיפוש נתונים' שמתוארים בקטע הקודם, כשעורכים משבצת בלוח הבקרה, הבאנר מופיע בגוון שצוין בהגדרה צבע ראשי (#e82042), ובגופן שצוין בהגדרה משפחת גופנים (Verdana):

תיבת הדו-שיח 'עריכת כרטיס' בלוח בקרה מוטמע של Looker עם הצבע ‎#e82042 שהוחל על הבאנר, ומשפחת הגופנים Verdana שהוחלה על כל הטקסט בדף.

דף מרכז הבקרה

אוסף צבעים: אפשר לבחור אוסף צבעים, שהוא קבוצה של פלטות צבעים מתואמות שמשתלבות היטב. כשמקצים אוסף צבעים ללוח בקרה, כל סדרות הנתונים בכל המשבצות בלוח הבקרה מקבלות צבעים לפי הפלטות באוסף. כך הצבעים של סדרות הנתונים מתואמים בכל לוח הבקרה.

  • כשמקצים אוסף צבעים לעיצוב מוטמע, אוסף הצבעים של העיצוב יבטל כל אוסף צבעים שהוקצה קודם למשבצת. עם זאת, אוסף הצבעים של העיצוב לא יבטל צבעים מותאמים אישית שהוקצו לסדרת נתונים, ולא יבטל עיצוב מותנה שהוחל על טבלת נתונים.

צבע רקע: קוד הקסדצימלי של צבע הרקע של לוח הבקרה ושל הרקע של משבצות הטקסט.

Margin Top (שוליים עליונים): אפשר להגדיר ערך ספציפי לשוליים בחלק העליון של לוח הבקרה. בוחרים מתוך אפשרויות מוגדרות מראש בתפריט נפתח. השוליים נמדדים בפיקסלים (px).

Margin Bottom (שוליים תחתונים): אפשר להגדיר ערך ספציפי לשוליים התחתונים של לוח הבקרה. בוחרים מתוך אפשרויות מוגדרות מראש בתפריט נפתח. השוליים נמדדים בפיקסלים (px).

Margin Sides (שוליים בצדדים): אפשר להגדיר ערך ספציפי לשוליים בצדדים של לוח הבקרה. בוחרים מתוך אפשרויות מוגדרות מראש בתפריט נפתח. השוליים נמדדים בפיקסלים (px).

משבצות במרכז הבקרה

צבע הכותרת: קוד הצבע ההקסדצימלי של האלמנטים הבאים:

צבע הטקסט: קוד הצבע ההקסדצימלי של האלמנטים הבאים:

צבע גוף הטקסט: קוד הצבע ההקסדצימלי של האלמנטים הבאים:

  • טקסט בגוף המסמך, למעט טקסט בכותרת ברמה 2 ובכותרת ברמה 3, במשבצות Markdown.
  • גוף הטקסט באריחי טקסט

צבע רקע: קוד הצבע ההקסדצימלי של הרקע של כל האריחים, למעט אריחי טקסט. (הרקע של משבצות הטקסט הוא בצבע הרקע של לוח הבקרה, שמוגדר באמצעות צבע הרקע בקטע דף לוח הבקרה).

יישור הכותרת: הגדרת היישור של כותרות המשבצות לשמאל, לימין או למרכז.

גודל הגופן של הכותרת: אפשר לשנות את גודל הגופן של משבצות בלוח הבקרה מתוך קבוצה של גדלים מוגדרים מראש בפיקסלים.

Box Shadow: יצירת צללית מסביב למשבצות בלוח הבקרה באמצעות תחביר CSS. אפשר לבחור מתוך צל מוגדר מראש או ליצור צל בהתאמה אישית. כדי ליצור צל מותאם אישית לתיבה, מזינים את הערך הרצוי horizontal-offset vertical-offset blur-radius spread-radius color ובוחרים באפשרות Enter Custom Styling (הזנת סגנון מותאם אישית) כדי להחיל את ההגדרות. בצד שמאל מוצגת תצוגה מקדימה של הגדרות הצללית של התיבה.

גודל הרווח בין העמודות: אפשר לשנות את גודל הרווח בין העמודות של משבצות בלוח הבקרה מתוך קבוצה של גדלים מוגדרים מראש בפיקסלים.

גודל המרווח בין השורות: אפשר לשנות את גודל המרווח בין השורות של המשבצות בלוח הבקרה מתוך קבוצה של גדלים מוגדרים מראש בפיקסלים.

רדיוס הגבול: אפשר לשנות את רדיוס הגבול של משבצות בלוח הבקרה כדי ליצור פינות מרובעות או מעוגלות.

בקרות של מרכז השליטה

הצגת הכותרת של לוח הבקרה: משביתים את האפשרות הזו כדי להסתיר את כל הכותרת של לוח הבקרה, כולל כל המסננים ואמצעי הבקרה של לוח הבקרה. כשהאפשרות הזו מושבתת, כל שאר אפשרויות הבקרה של מרכז הבקרה לא מסומנות ומושבתות.

הצגת כותרת מרכז הבקרה: מסמנים את תיבת הסימון כדי להציג את הכותרת של מרכז הבקרה.

הצגת הכותרת של לוח הבקרה במרכז: מסמנים את תיבת הסימון הזו כדי שהכותרת של לוח הבקרה תוצג במרכז לוח הבקרה. אם האפשרות הזו לא מופעלת, הכותרת של לוח הבקרה מיושרת לימין. האפשרות הזו זמינה רק אם האפשרות הצגת שם מרכז הבקרה הופעלה.

הצגת סרגל המסננים: מסמנים את תיבת הסימון כדי להציג את סרגל המסננים בחלק העליון של לוח הבקרה. אם האפשרות הזו לא נבחרת, האפשרות הצגת מתג המסננים לא נבחרת ומושבתת, וסמל המסננים של מרכז הבקרה מוסתר.

החלפת מצב של הצגת מסננים: מסמנים את תיבת הסימון כדי להציג את סמל המסננים של לוח הבקרה.

הצגת האינדיקטור של העדכון האחרון של מרכז הבקרה: מסמנים את תיבת הסימון כדי להציג את האינדיקטור של העדכון האחרון של מרכז הבקרה.

הצגת סמל לטעינת נתונים בלוח הבקרה: מסמנים את התיבה כדי להציג את הסמל לטעינת נתונים בלוח הבקרה.

הצגת לחצן אפשרויות נוספות: מסמנים את תיבת הסימון כדי להציג את תפריט לוח הבקרה עם סמל האפשרויות הנוספות (3 נקודות). אם מבטלים את הסימון של האפשרות הזו, אפשרויות התפריט של לוח הבקרה לא זמינות.

הדף 'ניתוח נתונים'

בתוך עיצוב בהתאמה אישית, אפשר לשנות את הרכיבים הבאים בדפי ניתוח מוטמעים:

הצגת הכותרת: משביתים את האפשרות הזו כדי להסתיר את כל הכותרת של תצוגת Explore מוטמעת, כולל השם, האינדיקטור של ההפעלה האחרונה, אזור הזמן של הנתונים, הלחצן הפעלה ותפריט גלגל השיניים פעולות ב-Explore.

כותרת לתצוגה: משביתים את האפשרות הזו כדי להסתיר את הכותרת של ניתוח נתונים מוטמע.

הצגת ההרצה האחרונה: משביתים את האפשרות הזו כדי להסתיר את משך הזמן שעבר מאז ההרצה האחרונה של הניתוח.

Display Timezone (הצגת אזור זמן): משביתים את האפשרות הזו כדי להסתיר את אזור הזמן של הנתונים בניתוח מוטמע.

הצגת לחצן ההפעלה: משביתים את האפשרות הזו כדי להסתיר את הלחצן הפעלה ב'חיפוש נתונים' מוטמע.

הצגת לחצן הפעולות: משביתים את האפשרות הזו כדי להסתיר את תפריט ההגדרות של הפעולות ב'חיפוש' בחיפוש מוטמע.

טבלת Look

בתוך עיצוב מותאם אישית אפשר לשנות את הרכיבים הבאים בדוחות Look מוטמעים:

הצגת הכותרת: משביתים את האפשרות הזו כדי להסתיר את הכותרת המלאה של Look מוטמע, כולל השם, האינדיקטור של ההרצה האחרונה, אזור הזמן של הנתונים, הלחצן הרצה ותפריט גלגל השיניים פעולות ב-Explore.

כותרת לתצוגה: משביתים את האפשרות הזו כדי להסתיר את הכותרת של Look מוטמע.

הצגת ההפעלה האחרונה: משביתים את האפשרות הזו כדי להסתיר את משך הזמן שעבר מאז ההפעלה האחרונה של ה-Look.

Display Timezone (הצגת אזור זמן): משביתים את האפשרות הזו כדי להסתיר את אזור הזמן של הנתונים ב-Look מוטמע.

הצגת לחצן ההפעלה: השבתת האפשרות הזו תסתיר את לחצן ההפעלה ב-Look מוטמע. כשההגדרה הצגת מסננים בדוחות מוטמעים מושבתת, המתג הזה לא מציג את הלחצן הפעלה.

הצגת לחצן הפעולות: משביתים את האפשרות הזו כדי להסתיר את תפריט גלגל השיניים של הפעולות ב-Look מוטמע.

העתקת עיצוב

כדי להעתיק עיצוב קיים, בוחרים את התפריט של העיצוב ולוחצים על העתקת העיצוב.

כשמעתיקים ערכת נושא, השם של ערכת הנושא החדשה הוא כברירת מחדל השם של ערכת הנושא שהועתקה, ואחריו (עותק). חשוב לשנות את השם הזה באופן ידני לשם חדש וייחודי שמכיל רק תווים אלפאנומריים וקווים תחתונים, ולהסיר את הסוגריים.

אפשר לערוך את שאר ההגדרות בדיוק כמו כשיוצרים ערכת נושא חדשה. הסבר על ההגדרות מופיע בקטע הקודם שמתאר את הגדרות העיצוב. חשוב ללחוץ על שמירה כדי לשמור את כל הגדרות העיצוב.

עריכת עיצוב

העיצוב Looker נוצר באופן אוטומטי במופע שלכם, ואי אפשר לערוך אותו. (אם רוצים לשנות את העיצוב של Looker, אפשר ליצור עותק של העיצוב ואז לערוך את העותק).

בכל שאר העיצובים, אפשר ללחוץ על לחצן עריכה שמשויך לעיצוב כדי לעדכן את ההגדרות שלו.

אפשר לערוך את ההגדרות בדיוק כמו כשיוצרים ערכת נושא חדשה. הסבר על ההגדרות מופיע בקטע הקודם שמתאר את הגדרות העיצוב. חשוב ללחוץ על שמירה כדי לשמור את השינויים.

מחיקת עיצוב

אפשר למחוק כל עיצוב, חוץ מעיצוב Looker או העיצוב שמוגדר כברירת מחדל. כדי למחוק עיצוב, לוחצים על התפריט של העיצוב ובוחרים באפשרות מחיקת העיצוב.

אחרי שמוחקים את העיצוב, כל לוח בקרה מוטמע שהעיצוב הזה מצוין בכתובת ה-URL שלו ישתמש בעיצוב ברירת המחדל.

הגדרת עיצוב ברירת מחדל ללוחות בקרה ולדוחות Explore שמוטמעים

אין תמיכה בעיצובים בהתאמה אישית ב-Looks מוטמעים. ערכות נושא בהתאמה אישית זמינות רק ללוחות בקרה מוטמעים ולניתוחים מוטמעים.

כדי לציין את עיצוב ברירת המחדל עבור לוחות בקרה ו-Explores מוטמעים במופע, בוחרים בתפריט של העיצוב הרצוי באפשרות הגדרה כברירת מחדל.

עיצוב ברירת המחדל משמש לניתוחים וללוחות בקרה מוטמעים במכונה של Looker, אלא אם מציינים הגדרות שונות לניתוח או ללוח בקרה ספציפיים. מידע נוסף על האופן שבו ערכות נושא והגדרות הטמעה מוחלות על לוח בקרה מוטמע או על Explore זמין בקטע איך ערכות נושא והגדרות הטמעה מוחלות בדף הזה.

החלת עיצוב על לוחות בקרה וניתוחים מוטמעים ספציפיים

אין תמיכה בעיצובים בהתאמה אישית ב-Looks מוטמעים. ערכות נושא בהתאמה אישית זמינות רק ללוחות בקרה מוטמעים ולניתוחים מוטמעים.

אם רוצים להשתמש בלוח בקרה או בניתוח עם נושא שונה מנושא ברירת המחדל, אפשר לציין נושא אחר בכתובת ה-URL של לוח הבקרה או הניתוח המוטמעים. כדי לעשות את זה, מוסיפים את הפרמטר theme= עם שם העיצוב לסוף כתובת ה-URL להטמעה. לדוגמה, אם יש לכם נושא שנקרא 'אדום', תוכלו להוסיף theme=Red בסוף כתובת ה-URL של לוח הבקרה להטמעה:

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

במקרה של ניתוחים, מוסיפים theme=Red בסוף כתובת ה-URL של הניתוח שרוצים להטמיע: none https://example.cloud.looker.com/embed/explore/model_name/explore_name?theme=red

האלמנט של הנושא בכתובת ה-URL לא תלוי באותיות רישיות, כך שאפשר להשתמש ב-theme=Red או ב-theme=red.

שימוש בארגומנט _theme URL כדי להחיל רכיבים נפרדים של ערכת נושא של לוח בקרה

אפשר להשתמש בארגומנט _theme URL כדי להתאים אישית רכיבים ספציפיים של ערכת הנושא בלוח הבקרה המוטמע, כמו tile_background_color ו-show_title.

.

זהו הפורמט של ארגומנט כתובת ה-URL‏ _theme:

_theme={"<property>":value}

לדוגמה, אפשר להשתמש ב-_theme={"show_filters_bar":false} כדי להסתיר את סרגל המסננים של לוח הבקרה המוטמע. כתובת ה-URL המלאה יכולה להיראות כך:

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"}

ערכי הצבע חייבים להיות במירכאות, ואפשר להשתמש בשם הצבע או בקוד הצבע ההקסדצימלי. אם משתמשים בקוד הקסדצימלי, חשוב להשתמש בגרסה המקודדת של הסימן # בכתובת ה-URL, שהיא %23. לדוגמה, שני הארגומנטים האלה של כתובת URL מציינים את הצבע אדום:

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

ריכזנו כמה נקודות שכדאי לזכור כשמשתמשים באובייקט _theme עבור לוח בקרה מוטמע:

  • כל אלמנט שמצוין בארגומנט של כתובת ה-URL _theme יבטל את ההגדרות של האלמנט הזה בכל ערכת נושא אחרת. כך הארגומנט _theme מאפשר לכם לשנות את העיצובים או להטמיע הגדרות. לדוגמה, נניח שיש לכם נושא בהתאמה אישית שמסתיר את סרגל המסננים, אבל יש לכם לוח בקרה אחד שבו הגיוני להציג את סרגל המסננים. אתם יכולים להשתמש בערכת הנושא המותאמת אישית עבור לוח הבקרה, ואז להוסיף את הארגומנט _theme={"show_filters_bar":true} לכתובת ה-URL של לוח הבקרה המוטמע כדי להציג את סרגל המסננים בלוח הבקרה הזה, אבל לשמור את כל ההגדרות האחרות של ערכת הנושא המותאמת אישית. מידע נוסף על האופן שבו עיצובים והגדרות הטמעה מוחלים על לוח בקרה מוטמע זמין בקטע איך עיצובים והגדרות הטמעה מוחלים בדף הזה.
  • בסקריפטים לתכנות, צריך לבצע קידוד כתובת URL של הארגומנט _theme.
  • הארגומנט _theme לא חל כששולחים לוחות בקרה מוטמעים בפורמט PDF.
  • הארגומנט _theme מוחל אם מורידים את מרכז הבקרה כקובץ PDF.