كيفية تعيين لون شريط فى مدونة بلوجر ووردبريس متصفح الجوال

كيفية تعيين لون شريط فى مدونة بلوجر ووردبريس متصفح الجوال  


الطريقة التي تصمم بها مدونة Blogger و WordPress تصبح نقطة انطلاق لعدد الوقت الذي سيأخذ فيه الأشخاص مدونتك. إن أفضل طريقة لإعطاء قيمة لجمهورك هي اجتذابها باستخدام ألوان سمات Blogger في شريط عنوان متصفح الجوال وطرق عرض سطح المكتب لتجنبها. كل الخلاصة التي تتوافق مع ألوان النسق تقلل من معدل الارتداد. وبالتالي ، فإن اللون ذو الجودة العالية في شريط عنوان المتصفح والجوال يزيد من تحسين محركات البحث. يغطي الموضوع جميع المتصفحات بما في ذلك Safari و Chrome و Firefox وتطبيقات الويب.
يصمم تصميم لون المظهر الخاص بك في مدونة الطريقة التي يتعامل بها الأشخاص مع مدونة Blogger و WordPress الخاصة بك. تعجبني الطريقة التي يستخدمها مواقع الويب الخاصة بالأشخاص في الشريط العلوي لمتصفح الجوال الذي يتوافق مع لون مواقعهم على الويب. يكون الإعداد سهلاً للغاية من خلال تطبيق شفرة سطر واحد فقط من شأنه أن يغير تلقائيًا لون سمة الخفافيش لعنوان متصفح Blogger و WordPress في وقت واحد. أعلم أنك مهتم بإلقاء نظرة على شكل شريط عنوان متصفح الجوال بالألوان.


لون شريط عنوان متصفح المحمول قبل وبعد.
دعنا نلقي نظرة على مختلف ألوان سمات مدون موقع الويب في الشريط العلوي لمتصفح الجوال لنرى كيف سيبدو بلدنا عند إضافتها. ستلاحظ أن جميع المواقع الناجحة قد عيّنت لون مظهرها على الشريط العلوي لمتصفح الجوال.


كيفية مطابقة لون شريط عنوان متصفح الجوال في متصفح الجوال؟
للقيام بذلك على مدونتك WordPress أو blogger ، يجب أن تعرف لون قالب النموذج الخاص بك والذي يظهر بأكبر قدر ممكن حتى تتمكن من التخصص فيه. من الضروري للغاية معرفة اللون الذي تستخدمه كعلامة تجارية لموقع الويب الخاص بك. إذا كنت تعرف لون موقع الويب الذي يظهر أكثر ما عدا اللون الأبيض ، فسيكون من الرائع استخدام شريط مستعرض الهاتف المحمول للتوافق مع الألوان. من المستحسن استخدام اللون في عناصر قائمة التنقل في المتصفح أو معظم الشريط العلوي حتى يتمكن من الكتابة إليه. على سبيل المثال ، أرفقت موقع أخبار Blogger الخاص بي بموضوع أرجواني ، واستخدمت لون سمة شريط عنوان متصفح الجوال لتثبيته. اختر HTML الملونة CodeFor الخاص بك شريط عنوان متصفح المحمول.

كيفية تعيين مدون ووردبرس] موبايل لون شريط عنوان متصفح الموضوع
لقد حان الوقت لإضافة لون سمة شريط العناوين في Blogger و WordPress Mobile Browser. إنها إضافة علامة وصفية بسيطة في قسم رأسك من كلمتك الصحفية أو مدونة المدون. تحتاج إلى إضافة علامة <meta> في <head> تحتوي على name = "theme-color" ، مع رمز HEX كقيمة المحتوى. فمثلا:

<meta name=”theme-color” content=”#999999″ />

تحتاج فعليًا إلى 3 علامات وصفية لدعم Android و iPhone و Windows Phone

<!– Chrome, Firefox OS and Opera –>
<meta name=”theme-color” content=”#4285f4″>
<!– Windows Phone –>
<meta name=”msapplication-navbutton-color” content=”#4285f4″>
<!– iOS Safari –>
<meta name=”apple-mobile-web-app-status-bar-style” content=”#4285f4″>

كيفية إضافة شريط عنوان متصفح الجوال موضوع اللون في مدون.

الخطوة 1. قم بتسجيل الدخول إلى Blogger واختر موقع الويب الخاص بك لإضافة رمز SEO.
الخطوة 2. الوصول إلى الأوامر اليسرى بالانتقال إليها إلى أمر القالب
الخطوة 3. انقر فوق أمر القالب ، ثم حدد موقع تحرير HTML بجوار التخصيص.
الخطوة 4. انقر في أي مكان في التعليمات البرمجية الخاصة بك ، ثم انقر فوق Ctrl + F في windows أو CMD + F في mac.
الخطوة 5. البحث عن <head>
الخطوة 6.JustBelow رمز أعلاه ، لصق Metacode أدناه

كيفية إضافة شريط عنوان متصفح الجوال موضوع اللون في وورد بريس.

الخطوة 1. قم بتسجيل الدخول لكلمة اضغط على لوحة الإدارة.
الخطوة 2. الوصول إلى لوحة إضافة رمز .NBYou يمكنك إضافة مكون إضافي لرمز الإدخال
الخطوة 3. إضافة الكود أعلاه في قسم الرأس.

يمكنك تغيير علامات ألوان HTML و ثم زيارة موقع الويب الخاص بك بعد إضافة الكود. انها بسيطة جدا وسهلة الإعداد. مثال: #efefef

كيفية تغيير موقع متصفح سفاري شريط الحالة المظهر.
قم بتعيين العلامة الوصفية لمتصفح الجوال apple-mobile-web-app على نعم لتشغيل الوضع المستقل. على سبيل المثال ، تعرض شفرة HTML التالية محتوى الويب باستخدام الوضع المستقل.

<meta name=”apple-mobile-web-app-capable” content=”yes”>

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

<meta name=”apple-mobile-web-app-status-bar-style” content=”black”> 

دعني أريك كيف سيبدو عند تنفيذه.

أتمنى أن تكون قد أحببت البرنامج التعليمي والخطوات السهلة. إذا واجهت أي تحديات في كيفية تعيين لون شريط العنوان الخاص بـ Blogger و WordPress Mobile Browser ، فما عليك سوى تعليق المشكلة أو الاتصال بي حتى أتمكن من الاتصال بك في أي وقت من اليوم.  

Comments

Popular posts from this blog

لماذا يحتاج الذكاء الاصطناعي دائمًا إلى الرقابة البشرية ، لا يهم مدى ذكائه

70 في المائة من جميع مجالات الويب فشل في التجديد بعد عام واحد من الشراء

يخطط مارك زوكربيرج لإطلاق Whatsapp Pay Global