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