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

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

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

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

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

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

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

מידע על הדף עיצובים

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

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

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

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

הגדרות העיצוב של Looker, שאפשר לראות על ידי לחיצה על הלחצן View לצד העיצוב או על ידי יצירת עותק של העיצוב, מקובצות בקטעים הבאים:

עיצוב

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

דף מרכז הבקרה

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

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

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

אמצעי הבקרה של מרכז הבקרה

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

דף 'Explore'

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

דף Look

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

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

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

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

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

תיבת הדו-שיח "עריכת משבצת" בלוח בקרה מוטמע של Looker, שמשתמש בעיצוב ברירת המחדל של Looker.

דוגמה לדף Explore עם העיצוב של Looker

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

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

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

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

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

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

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

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

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

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

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

עיצוב

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

כללי

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

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

צבע הטקסט: קוד הצבע ההקסדצימלי של הטקסט ב-Explore ובמרכזי הבקרה.

צבע רקע: קוד הצבע ההקסדצימלי של הרקע של דפי Explore ומרכז הבקרה.

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

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

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

  • לדוגמה, עבור PT Sans Narrow, אפשר להזין "PT Sans Narrow" בשדה משפחת גופנים ואז להזין https://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4RdbPw3QSf9R-kE0EsQUn2A.woff בשדה מקור הגופן.

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

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

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

‫Explore מוטמע עם הצבע ‎ #e82042 שמוחל על הכפתור "הוספה", הכפתור "מעבר אל LookML", הכפתור של תפריט גלגל השיניים והכותרות של ניתוחי Quick Start.

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

‫Explore מוטמע עם הצבע ‎ #e82042 שמוחל על הלחצן Run.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

דף 'Explore'

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

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

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

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

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

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

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

דף Look

בעיצוב מותאם אישית, אפשר לשנות את הרכיבים הבאים בתצוגות Look מוטמעות:

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

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

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

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

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

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

העתקת עיצוב

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

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

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

עריכת עיצוב

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

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

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

מחיקת עיצוב

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

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

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

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

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

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

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

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

אם רוצים להשתמש בעיצוב אחר מעיצוב ברירת המחדל בלוח בקרה או ב-Explore, אפשר לציין עיצוב אחר בכתובת ה-URL של לוח הבקרה או ה-Explore המוטמעים. כדי לעשות את זה, מוסיפים את הפרמטר theme= עם שם העיצוב לסוף כתובת ה-URL להטמעה. לדוגמה, אם יש לכם עיצוב שנקרא "Red", אתם צריכים להוסיף את 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 כדי להחיל רכיבים ספציפיים של עיצוב מרכז הבקרה

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

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

_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.