امروز : پنج شنبه ۲۷ مهر ۱۳۹۶ شما در سایت وبیت هستید.
دسته ها
سبد خرید شما

محصولی موجود نمی باشد!

Coloring-to-the-address-bar-of-the-site-vebeet رنگ دهی به نوار آدرس سایت در موبایل

رنگ دهی به نوار آدرس سایت: امروز می خواهیم یک روش بسیار جذاب برای زیبا سازی وب سایتتان به شما معرفی کنیم. در برخی از سایت ها مانند سایت خارجی instagram.com ، زمانی که در گوشی موبایل باز می شوند، دارای نوار آدرس رنگی در نمایش دستگاه موبایل هستند که فضای زیبا و دلپذیر تری را برای کاربر به نمایش می گذارد و البته این نکته را در نظر داشته باشید که رنگ بندی نوار آدرس تنها در حالت موبایل تغییر کرده و فقط در گوشی های اندرویدی و ویندوز فون جوابگو می باشد.

 باید خاطر نشان شوم که بر روی سئو سایت شما تاثیری نخواهد گذاشت.

 

Coloring-to-the-address-bar-of-the-site3-vebeet رنگ دهی به نوار آدرس سایت در موبایل

 

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

رنگ دهی به نوار آدرس سایت در موبایل

برای این کار از دو روش می توانیم اقدام کنیم:

 

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

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

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

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

در این روش بسیار راحت دیگر نیازی به نصب افزونه در سایت وردپرس خود ندارید. و تنها با قرار دادن یک خط کد (تگ متا) می توانید رنگ بندی نوار آدرس  وردپرس  خود را تغییر دهید. برای این منظور تنها کافیست کد زیر را در قسمت head قالب سایت خود (بین <head>  و </head>) جایگزاری نمایید.

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

برای انتخاب رنگ مورد نظر خود در قسمت  contentکد رنگ همان رنگ را قرار دهید.

 

Coloring-to-the-address-bar-of-the-site4-vebeet-184x300 رنگ دهی به نوار آدرس سایت در موبایل

 

نکته: برای گرفتن کد رنگ می توانید از ابزار فتوشاپ و یا همچنین وب سایت color.adobe.com استفاده نمایید. در مقاله آموزش مقدماتی ویژگی های Css (قسمت دوم) به طور کامل به معرفی ویژگی color برای تعیین رنگ عناصر پرداخته ایم.

موفق باشید.

 

 

هاست و دامین ندارید!؟ هم اکنون سفارش دهید.

نکته : کپی بردای و انتشار مطالب وبیت با ذکر منبع بلامانع می باشد.

توجه : لطفا مشکلات خود را در انجمن های وبیت مطرح کنيد.

منبع : وبیت

آیا مطلب موثر و مفید بود؟ حالا امتیاز خود ثبت کنید.
بازدید : 231 بار دسته بندی : آموزش ، آموزش css ، آموزش html ، آموزش وردپرس ، افزونه ، افزونه وردپرس دیدگاه : ۱ تاريخ : ۱۱ تیر ۱۳۹۶
به اشتراک بگذارید :
فیسبوک گوگل تویتر کلوب فیسنما
حانیه فراهانی

حانیه فراهانی هستم، فارغ التحصیل رشته IT و در زمینه گرافیک، طراحی و سئو سایت فعالیت می کنم. بنده مفتخرم که چندی از اطلاعات خود در این زمینه را در اختیار شما دوستان عزیز قرار دهم.

دیدگاه کاربران تعداد دیدگاه : ۱

حانیه فراهانی
hadisystemکاربر سایت
پاسخ دهید
جمعه , ۱۶ تیر ۱۳۹۶

ممنون عالی بود