אתם יכולים להשתמש בעיצובים מותאמים אישית כדי להתאים אישית את המראה של מרכזי הבקרה והתצוגות הפנימיים (לא מוטמעים) ב-Looker. אתם יכולים להשתמש בעיצובים כדי להתאים אישית את משפחת הגופנים, צבע הטקסט, צבע הרקע, צבע הלחצנים, צבע המשבצות ואלמנטים חזותיים אחרים. אפשר להחיל עיצובים גם על לוחות בקרה בהגדרת המשתמש וגם על מרכזי שליטה של LookML.
לדוגמה, אתם יכולים ליצור עיצוב "כהה" כדי לשנות את המראה של מרכז הבקרה.
אפשר להגדיר עיצובים בדף Themes בקטע Platform בחלונית ניהול Admin.
בדף הזה מוסבר:
- דרישות לגבי המשתמשים והמכונות
- איך מחילים עיצובים על מרכזי בקרה
- איך העיצובים מוחלים על Looks
- איך העיצובים חלים על מרכזי בקרה שמורידים כקובץ PDF
- איך יוצרים, מעתיקים, עורכים, מוחקים ומגדירים כברירת מחדל עיצוב מותאם אישית
דרישות לגבי משתמשים ומופעים
כדי לנהל עיצובים של מרכזי בקרה פנימיים ושל Looks ב-Looker, אתם צריכים לעמוד בדרישות הבאות:
- האדמין ב-Looker צריך להפעיל את התכונה בגרסת טרום-השקה (Preview) Internal Dashboard Theming.
- למשתמש ב-Looker צריך להיות תפקיד אדמין או ההרשאה
manage_internal_themes.
החלת עיצוב על מרכז בקרה
כדי להחיל עיצוב על מרכז בקרה, מוודאים שמרכז הבקרה נמצא במצב עריכה ולוחצים על סגנון כדי לפתוח את החלונית סגנון. בוחרים עיצוב בשדה עיצוב, והעיצוב יוחל על מרכז הבקרה. אם בוחרים באפשרות ללא, ולמופע יש עיצוב ברירת מחדל, עיצוב ברירת המחדל יופעל.
החלת עיצוב על Look
כדי להחיל עיצוב על Look, מוודאים שה-Look נמצא במצב עריכה ולוחצים על סגנון כדי לפתוח את החלונית סגנון. בוחרים עיצוב בשדה Theme, והעיצוב יוחל על ה-Look. אם בוחרים באפשרות ברירת מחדל, ולמופע יש עיצוב ברירת מחדל, המערכת תחיל את עיצוב ברירת המחדל.
הורדת מרכזי בקרה
הורדות של מרכזי בקרה כקובץ PDF יציגו את העיצוב המותאם אישית שהוחל.
יצירת עיצוב מותאם אישית
כדי ליצור עיצוב בהתאמה אישית, בדף ניהול חשבון ארגוני עיצובים, בוחרים בכרטיסייה פנימי ולוחצים על הוספת עיצוב.
בשלב הבא, מוסיפים מפרטי סגנון וצבע לכל הגדרה שרוצים להתאים אישית בדף עיצוב חדש. אפשר לשנות כל אחת מההגדרות, שמתוארות בסעיפים הבאים. כדי לשמור את השינויים ואת העיצוב החדש, לוחצים על שמירת העיצוב.
עיצוב
שם: שם העיצוב חייב להיות ייחודי ויכול להכיל רק תווים אלפאנומריים וקווים תחתונים. אם תזינו רווחים בשם העיצוב, הם יוחלפו בקווים תחתונים כשתשמרו את העיצוב.
כללי
צבע עיקרי: הצבע הזה משמש בלוחות הבקרה ללחצנים ראשיים ולפקדי סינון. הצבע הזה משמש לקישורים, לכפתורים ראשיים ולכרטיסיות שנבחרו.
צבע הטקסט: קוד הצבע ההקסדצימלי של הטקסט במרכזי הבקרה וב-Looks, ושל הבאנרים והסמלים ב-Looks.
צבע רקע: קוד הצבע ההקסדצימלי של הרקע של תצוגות ומרכזי בקרה.
משפחת גופנים: השם של משפחת הגופנים. הגופן הזה ישמש לכל הטקסט במרכז הבקרה, כולל כותרות של משבצות, משבצות טקסט ומקראות בתצוגות חזותיות. הגופן הזה ישמש גם לכל הטקסט בגיליון ה-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בשדה מקור הגופן.
דף מרכז הבקרה
אוסף צבעים: אפשר לבחור אוסף צבעים, שהוא קבוצה של פלטות צבעים שמתאימות זו לזו. כשמקצים אוסף צבעים למרכז בקרה, כל סדרות הנתונים בכל המשבצות במרכז הבקרה נצבעות לפי פלטות הצבעים שבאוסף, וכך הצבעים של סדרות הנתונים מתואמים בכל מרכז הבקרה.
כשמקצים אוסף צבעים לעיצוב, אוסף הצבעים של העיצוב מבטל כל אוסף צבעים שהוקצה קודם לכן למשבצת. עם זאת, אוסף הצבעים של העיצוב לא יבטל צבעים בהתאמה אישית שהוקצו לסדרת נתונים, וגם לא יבטל עיצוב מותנה שהוחל על תצוגה חזותית של טבלה.
גודל הגופן של הכותרת: אפשר לשנות את גודל הגופן של כותרת מרכז הבקרה מתוך קבוצה של גדלים מוגדרים מראש בפיקסלים.
Margin Top (שוליים עליונים): אפשר להגדיר ערך ספציפי לשוליים בחלק העליון של מרכז הבקרה. בוחרים מתוך אפשרויות מוגדרות מראש בתפריט נפתח. השוליים נמדדים בפיקסלים (px).
Margin Bottom (שוליים תחתונים): אפשר להגדיר ערך ספציפי לשוליים בתחתית של מרכז הבקרה. בוחרים מתוך אפשרויות מוגדרות מראש בתפריט נפתח. השוליים נמדדים בפיקסלים (px).
Margin Sides (שוליים בצדדים): אפשר להגדיר ערך ספציפי לשוליים בצדדים של מרכז הבקרה. בוחרים מתוך אפשרויות מוגדרות מראש בתפריט נפתח. השוליים נמדדים בפיקסלים (px).
משבצות במרכז הבקרה
צבע הכותרת: קוד הצבע ההקסדצימלי של הרכיבים הבאים:
- כותרת מרכז הבקרה
- כותרות של משבצות במרכז הבקרה
- כותרות וטקסט בכותרת ברמה 1 של משבצות Markdown
- צבע הטקסט של תצוגות חזותיות של KPI (ערך יחיד) ותצוגות חזותיות של ערך יחיד (מדור קודם)
צבע הטקסט: קוד הצבע ההקסדצימלי של הרכיבים הבאים:
- טקסט במרכז הבקרה, כולל מקראים בתצוגות החזותיות
- כותרות משנה וטקסט של גוף המסמך, למעט טקסט של כותרת ברמה 1, של משבצות Markdown
- כותרת ברמה 1, כותרת ברמה 2 וטקסט רגיל במשבצות טקסט
- סמלי משבצות בתצוגות חזותיות של מדדי KPI (ערך יחיד) ובתצוגות חזותיות של ערך יחיד (קודם)
צבע גוף הטקסט: קוד הצבע ההקסדצימלי של הרכיבים הבאים:
- גוף הטקסט, למעט טקסט של כותרת ברמה 2 וכותרת ברמה 3, במשבצות Markdown.
- גוף הטקסט במשבצות טקסט
צבע רקע: קוד הצבע ההקסדצימלי של הרקע של כל המשבצות, חוץ ממשבצות הטקסט.
צבע הרקע של הטקסט: הקוד ההקסדצימלי של צבע הרקע של משבצות הטקסט.
יישור הכותרת: מגדירים את היישור של כותרות המשבצות לשמאל, לימין או למרכז.
גודל הגופן של הכותרת: אפשר לשנות את גודל הגופן של המשבצות במרכז הבקרה מתוך קבוצה של גדלים מוגדרים מראש בפיקסלים.
Box Shadow: יצירת צל מסביב למשבצות בלוח הבקרה באמצעות תחביר CSS. אתם יכולים לבחור הצללה מוגדרת מראש או ליצור הצללה בהתאמה אישית. כדי ליצור צללית מותאמת אישית לתיבה, מזינים את ה-horizontal-offset vertical-offset blur-radius spread-radius color הרצוי ובוחרים באפשרות הזנת סגנון מותאם אישית כדי להחיל את ההגדרות. בצד שמאל מוצגת תצוגה מקדימה של הגדרות הצללית של התיבה.
גודל הרווח בין העמודות: אפשר לשנות את גודל הרווח בין העמודות של המשבצות במרכז הבקרה, מתוך קבוצה של גדלים מוגדרים מראש בפיקסלים.
גודל המרווח בין השורות: אפשר לשנות את גודל המרווח בין השורות של המשבצות במרכז הבקרה, מתוך קבוצה של גדלים מוגדרים מראש בפיקסלים.
רדיוס הגבול: אפשר לשנות את רדיוס הגבול של המשבצות בלוח הבקרה כדי ליצור פינות מרובעות או מעוגלות.
עריכת עיצוב
בכל העיצובים, אפשר ללחוץ על הלחצן עריכה שמשויך אליהם כדי לעדכן את הגדרות העיצוב.
אתם יכולים לערוך את ההגדרות בדיוק כמו שיוצרים עיצוב חדש. תיאור של ההגדרות מופיע בקטע הקודם שעוסק בהגדרות העיצוב. חשוב ללחוץ על שמירה כדי לשמור את השינויים.
העתקת עיצוב
כדי להעתיק עיצוב קיים, פותחים את התפריט של העיצוב ובוחרים באפשרות העתקת העיצוב.
כשיוצרים עותק של עיצוב, השם של העיצוב החדש הוא השם של העיצוב שהועתק, ואחריו המילה "(עותק)". חשוב לשנות את השם הזה באופן ידני לשם חדש וייחודי שמכיל רק תווים אלפאנומריים וקווים תחתונים, ולהסיר את הסוגריים.
אתם יכולים לערוך את שאר ההגדרות בדיוק כמו שאתם יוצרים עיצוב חדש. תיאור של ההגדרות מופיע בקטע הקודם שעוסק בהגדרות העיצוב. חשוב ללחוץ על שמירה כדי לשמור את כל הגדרות העיצוב.
מחיקת עיצוב
כדי למחוק עיצוב, לוחצים על התפריט של העיצוב ובוחרים באפשרות מחיקת העיצוב.
הגדרת עיצוב ברירת מחדל
אם מגדירים עיצוב כברירת מחדל, הוא יחול על כל מרכז בקרה שבו המשתמש בוחר באפשרות ללא בשדה עיצובים במצב עריכה.
כדי להגדיר עיצוב כברירת מחדל, פותחים את התפריט של העיצוב ולוחצים על הגדרה כברירת מחדל.
כדי להסיר את הגדרת ברירת המחדל מהעיצוב שמוגדר כברירת מחדל, לוחצים על התפריט של העיצוב ובוחרים באפשרות הסרת ברירת המחדל.