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