هل لاحظت أن العديد من المواقع الشعبية مثل بي بي سي et Facebook استخدام ألوانها الخاصة على شريط العنوان لمتصفحات الجوال. في الآونة الأخيرة ، أبلغنا أحد مستخدمينا عن اهتمامه بهذا الموضوع.

في هذا البرنامج التعليمي ، سوف نوضح لك كيفية تغيير لون شريط العناوين في متصفح الهاتف المحمول ليناسب موقع WordPress الخاص بك.

تخصيص لون شريط العنوان على وورد

لماذا تنسيق لون شريط العنوان لمتصفح الجوال؟

معظم قوالب ووردبريس الشائعة متوافقة مع الأجهزة المحمولة. هذا يُتيح لموقعك مظهرًا رائعًا على الأجهزة المحمولة، مع الحفاظ على مظهره كموقع إلكتروني.

من خلال تكييف لون شريط العنوان مع موقع WordPress الخاص بك ، فإنه يعطي انطباعًا عن تطبيق الهاتف المحمول. يؤدي ذلك إلى تحسين تجربة المستخدم وزيادة المبيعات والتحويلات.

شريط العنوان المعدل لمتصفحات المحمول

ومع ذلك ، تجدر الإشارة إلى أنه في الوقت الحالي يعمل فقط لمتصفح Google Chrome على أجهزة Android التي تستخدم Lollipop أو الإصدارات الأحدث.

قم بتكييف لون شريط العنوان في متصفح الهاتف المحمول مع مظهر WordPress الخاص بك

فقط أضف هذا الرمز إلى الملف " header.php" de موضوعك أو موضوعك الفرعي قبل الإغلاق مباشرة </head> العلامة.


هذا السطر هو وسم HTML ميتا يستخدمه متصفح جوجل كروم على نظام أندرويد لتغيير لون شريط العناوين في متصفح الجوال. يحتوي حقل المحتوى على الرمز السداسي عشر للون الذي ترغب في استخدامه كلون للموضوع.

لا أعرف كيفية الحصول على الرمز السداسي العشري للون؟ يمكنك الحصول على القيمة السداسية للون باستخدام أي برنامج لتحرير الصور مثل Adobe Photoshop و Gimp و Paint وما إلى ذلك.

اللون التخصيص فوتوشوب

يمكنك أيضًا اختيار لون باستخدام أدوات HTML لون منقار. إذا كنت ترغب في اختيار لون من صفحة ويب ، يمكنك استخدام امتداد متصفح مثل ColorZilla.

هذا كل شيئ ! نأمل أن تكون هذه المقالة قد علمتك كيفية تغيير لون شريط العنوان لمتصفحات الهاتف المحمول ليناسب موقع WordPress الخاص بك.

إذا كان لديك أي تعليقات أو اقتراحات ، فيرجى إخبارنا بذلك في القسم المخصص.