בשנת 2014, השקנו ב-Chrome את הקונספט של צבע עיצוב לאתר שלכם. צבע העיצוב הוא רמז מדף האינטרנט שמסביר לדפדפן לאיזה צבע לצבוע רכיבי ממשק משתמש, כמו סרגל הכתובות.
לדוגמה: בהמשך מופיע האתר הזה, גם אם לא הוחל עליו צבע העיצוב.
הבעיה היא שצריך להגדיר את צבע העיצוב בכל דף, ואם יש לך אתר גדול או אתר מדור קודם, אי אפשר תמיד לבצע שינויים רבים באתר.
החל מגרסה 46 של Chrome (גרסת בטא ספטמבר 2015), הוספה של מאפיין theme_color למניפסט תשפיע באופן אוטומטי על החלת הצבע על כל דף בדומיין שבו המשתמש מבקר כאשר האתר מופעל ממסך הבית.
אם לדף שלך כבר יש מטא תג של צבע העיצוב – למשל <meta name="theme-color" content="#2196F3"> – המערכת תשתמש בהגדרה ברמת הדף במקום בערך שבמניפסט.
פשוט מוסיפים את המאפיין theme_color למניפסט ומציינים צבע HTML.
"theme_color": "#2196F3"
כדי לראות את זה בפעולה, אפשר לעבור לאתר Airhorer — הדגם הטוב ביותר בעולם ולהוסיף אותו למסך הבית. אפשר גם לעיין במניפסט של האתר.
שאלות נפוצות
- האם זה רלוונטי אם האתר שלי לא מופעל ממסך הבית?
כן. - האם אי פעם היא תחול על כל האתר שלי, למשל כשהמשתמש רק גולש?
ככל הנראה לא בשלב זה, הדפדפן יצטרך להוריד את המניפסט בתדירות הרבה יותר גבוהה, וכרגע הנכס בעדיפות נמוכה. הנתון הזה מיועד לניתוח כשהמשתמש מוסיף את האתר למסך הבית.