رنگی کردن نوار آدرس سایت در وردپرس

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

addressbarcolor

امروز می خواهیم به شما ترفندی جالب برای نمایش جذاب تر سایت شما در تلفن های همراه معرفی کنیم. در این ترفند قصد داریم به شما یاد بدهیم که چگونه نوار آدرس(Address Bar) وب سایتتان را تغییر رنگ دهید! با تغییر رنگ آدرس بار، وب سایتتان حس یک اپلیکیشن بومی تلفن همراه را به کاربر منتقل می کند و این حس ممکن است منجر به افزایش بهبود سایت شما گردد.

مثلا اگر دارای یک وب سایت فروشگاهی هستید، احتمالا فروشتان به این کار تا حدودی افزایش خواهد یافت!

نکته مهم : قبل از شروع مراحل آموزش به خاطر داشته باشید که این ترفند در مرورگر Google Chrome تلفن های همراه و در نسخه Lollipop یا بالاتر اجرا خواهد شد.

کد زیر را در header.php – قبل از بسته شدن تگ </head> – جایگذاری کنید.

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

کد فوق یک قطعه کد HTML است که منجر به تغییر رنگ نوار آدرس در مرورگر گوگل کروم می شود. جهت تغییر رنگ، کد هگز #ff6600 را به دلخواه تغییر دهید.

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

colorpicker-photoshop

 

پیشنهاد می کنیم   تبدیل بانک اطلاعاتی وردپرس از utf8mb4 به utf8

ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *