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

/, مقالات آموزشی, وردپرس/رنگی کردن نوار آدرس سایت در وردپرس

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

در مقاله ” رنگی کردن نوار آدرس سایت در وردپرس ” قصد داریم جلوه خاص و متفاوت تری به ظاهر مرورگرهای تلفن همراه و تبلت ها بدهیم

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

addressbarcolor

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

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

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

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


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

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

colorpicker-photoshop

نویسنده: |۱۳۹۶/۱۱/۷ ۹:۵۹:۰۹۲۲ اردیبهشت ۱۳۹۶|ترفند وردپرسی, مقالات آموزشی, وردپرس|فاقد دیدگاه

درباره نویسنده:

افتادگی آموز گر طالب فیضی / هرگز نخورد آب، زمینی که بلند است ...

نظر شما چیست