استخدام بيان تطبيق الويب لتحديد لون مظهر على مستوى الموقع الإلكتروني

طرح Chrome مفهوم لون المظهر لموقعك الإلكتروني في عام 2014. لون التصميم هو إشعار من صفحة الويب يُعلم المتصفّح باللون الذي يجب استخدامه في عناصر واجهة المستخدم، مثل شريط العناوين.

على سبيل المثال، في ما يلي هذا الموقع الإلكتروني مع تطبيق لون المظهر وبدونه.

لون المظهر
لون المظهر

تكمن المشكلة في أنّه عليك تحديد لون المظهر في كل صفحة، وإذا كان لديك موقع إلكتروني كبير أو موقع إلكتروني قديم، قد لا يكون إجراء الكثير من التغييرات على مستوى الموقع الإلكتروني ممكنًا في بعض الأحيان.

بدءًا من الإصدار 46 من Chrome (الإصدار التجريبي في أيلول/سبتمبر 2015)، ستؤدي إضافة سمة theme_color إلى البيان إلى تطبيق اللون تلقائيًا على كل صفحة يزورها المستخدم على نطاقك عند تشغيل الموقع الإلكتروني من الشاشة الرئيسية.

إذا كانت صفحتك تتضمّن علامة وصفية لألوان المظهر، مثل <meta name="theme-color" content="#2196F3">، سيتم استخدام الإعداد على مستوى الصفحة بدلاً من القيمة الواردة في البيان.

ما عليك سوى إضافة سمة theme_color إلى البيان وتحديد لون HTML.

    "theme_color": "#2196F3"

للاطّلاع على كيفية استخدام هذه الميزة، يُرجى الانتقال إلى Airhorner - أفضل صافرة هوائية في العالم وإضافتها إلى شاشتك الرئيسية. أو يمكنك الاطّلاع على بيان الموقع الإلكتروني.

الأسئلة الشائعة

  • هل ينطبق ذلك إذا لم يتم تشغيل موقعي الإلكتروني من الشاشة الرئيسية؟
    نعم.
  • هل سيتم تطبيقه على موقعي الإلكتروني بأكمله، مثلاً عندما يتصفّح المستخدم المحتوى فقط؟
    من غير المرجّح في الوقت الحالي أن يتم ذلك، لأنّه يعني أنّ المتصفّح سيضطر إلى تنزيل البيان بمعدل أكبر بكثير، وهو حاليًا مادة عرض ذات أولوية منخفضة. من المفترض أن يتم تحليل هذا العنوان عندما يضيف المستخدم الموقع الإلكتروني إلى الشاشة الرئيسية.