أدخل Chrome مفهوم لون المظهر لموقعك في عام 2014. لون التصميم هو إشعار من صفحة الويب يُعلم المتصفّح باللون الذي يجب استخدامه في عناصر واجهة المستخدم، مثل شريط العناوين.
على سبيل المثال، في ما يلي هذا الموقع الإلكتروني مع تطبيق لون المظهر أو بدونه.
تكمن المشكلة في أنّه عليك تحديد لون المظهر في كل صفحة، وإذا كان لديك موقع إلكتروني كبير أو موقع إلكتروني قديم، قد لا يكون إجراء الكثير من التغييرات على مستوى الموقع الإلكتروني ممكنًا في بعض الأحيان.
بدءًا من Chrome 46 (الإصدار التجريبي من أيلول (سبتمبر) 2015)، ستؤدي إضافة سمة theme_color
إلى البيان إلى تطبيق اللون تلقائيًا على كل صفحة يزورها المستخدم على نطاقك عند تشغيل الموقع من الشاشة الرئيسية.
إذا كانت صفحتك تحتوي على علامة وصفية بلون المظهر، على سبيل المثال <meta name="theme-color" content="#2196F3">،
سيتم استخدام الإعدادات على مستوى الصفحة بدلاً من القيمة الواردة في البيان.
ما عليك سوى إضافة سمة theme_color إلى البيان وتحديد لون HTML.
"theme_color": "#2196F3"
للاطّلاع على تفاصيل هذه التجربة، يمكنك زيارة Airهورن - أفضل بوق للهواء وإضافته إلى شاشتك الرئيسية. أو يمكنك الاطّلاع على بيان الموقع الإلكتروني.
الأسئلة الشائعة
- هل ينطبق ذلك إذا لم يتم تشغيل موقعي الإلكتروني من الشاشة الرئيسية؟
نعم. - هل سيتم تطبيقه على موقعي الإلكتروني بأكمله، مثلاً عندما يتصفّح المستخدم المحتوى فقط؟
من غير المرجّح في الوقت الحالي أن يتم ذلك، لأنّه يعني أنّ المتصفّح سيضطر إلى تنزيل البيان بمعدل أكبر بكثير، وهو حاليًا مادة عرض ذات أولوية منخفضة. من المفترض أن يتم تحليل هذا العنوان عندما يضيف المستخدم الموقع الإلكتروني إلى الشاشة الرئيسية.