تغییر رنگ بندی نوار آدرس در گوگل کروم موبایل برای وردپرس با Browser Theme Color

رنگ بندی نوار آدرس برای وردپرس

با سلام خدمت کاربران همیار وردپرس؛
اگر دقت کرده باشید سایت هایی مانند instagram در گوشی موبایل قسمت آدرس بار رنگی دارند. حتما با خودتان سوال کردید که چطور این سایت ها نوار آدرس رنگی دارند و شما هم تصمیم گرفتید که دنبال راهکاری باشید که رنگ بندی نوار آدرس برای وردپرس را انجام دهید و آن را خاص کنید! پس با این مقاله همراه باشید. یکی از مزیت های رنگی کردن آدرس بار، ایجاد فضای دلپذیر و جذاب برای بازدید کننده است.
توجه: این کار هیچ تاثیری بر روی سئو ی سایت ندارد .

رنگ بندی نوار آدرس برای وردپرس

روش اول) تغییر رنگ نوار آدرس در وردپرس با Browser Theme Color

color address bar-رنگ بندی نوار آدرس برای وردپرس

ابتدا افزونه را از انتهای آموزش دریافت کرده و سپس در سایت خود جهت رنگ بندی نوار آدرس برای وردپرس نصب کنید و در قسمت افزونه ها، افزونه را فعال کنید سپس در قسمت تنظیمات گزینه ای به نام Browser Color اضافه می شود و بر روی آن کلیک کنید .

browser color-رنگ بندی نوار آدرس برای وردپرس

و بعد با همچین صفحه ای مواجه می شوید .

choose color-رنگ بندی نوار آدرس برای وردپرس

حال بر روی گزینش رنگ کلیک کنید و رنگ مورد نظر خود را انتخاب کنید و بر روی ذخیره ی تغییرات کلیک کنید و سپس رنگ آدرس بار گوگل کروم شما تغییر می کند .

روش دوم) تغییر رنگ بندی آدرس بار سایت در وردپرس با کد HTML

این روش بهترین و راحت ترین روش برای رنگ بندی نوار آدرس برای وردپرس است. برای این کار کد زیر را در قسمت head قالب خود جایگذاری کنید.

<meta name="theme-color" content="#0000"/>

به جای #0000  کد رنگ مورد نظر را وارد کنید .

توجه: قبل از وارد کردن این کد به درون قالب خود، یک پشتیبان از قالب خود بگیرید که در صورت بوجود آمدن یک مشکل ناگهانی بتوانید دوباره نسخه قبلی را برگردانید.

برای بدست آوردن کد رنگ مورد نظر می توانید از فتوشاپ یا از سایت color.adobe.com استفاده کنید و رنگ مورد نظر خود را انتخاب کنید و کد آن را تحویل بگیرید .

نتیجه

result-رنگ بندی نوار آدرس برای وردپرس

result2-رنگ بندی نوار آدرس برای وردپرس

همانطور که مشاهده کردید رنگ بندی نوار آدرس برای وردپرس در حالت موبایل تغییر کرده و این مورد فقط در گوشی های اندرویدی و ویندوز فون جوابگو می باشد.

  تغییر دامنه اصلی همیار وردپرس

دانلود افزونه Browser Theme Color

دانلود صفحه افزونه

مشاوره آموزشی رایگان
شما این فرصت را دارید، با تکمیل فرم زیر، قبل از انتخاب دوره آموزشی مناسب خود، از مشاوره رایگان کارشناسان آموزشی مجموعه همیار آکادمی استفاده نمائید.
 
مشاوران آموزشی
همیار آکادمی
پاسخگوی شما هستند
آیا این مقاله برای شما مفید بود؟
تقریبا
خیر

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

دیدگاهتان را بنویسید

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. سلام
    من قالب فلت سام را نصب دارم ولی هیچکدام از دو روش بالا بر رویش جواب نداد
    میشه لطفا راهنماییم کنید.

مطالب زیر را حتما بخوانید

    تغییر دامنه اصلی همیار وردپرس

    سلام خدمت کاربران عزیز و همیشگی همیار وردپرس اول یه تشکر از تمامی کاربرای وفاداری که همیشه به ما سرمیزنند و توی این مدت حدود سه ساله...

دوره‌های آموزشی