עיצובים למרכזי בקרה פנימיים

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

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

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

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

הדרישות מהמשתמשים ומהמופע

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

החלת עיצוב על מרכז בקרה

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

הורדת מרכזי בקרה

הורדות של מרכזי בקרה בפורמט 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.

דף מרכז הבקרה

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

עריכת עיצוב

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

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

העתקת עיצוב

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

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

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

מחיקת עיצוב

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

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

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

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

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