رنگ دهی به نوار آدرس سایت در موبایل
- آموزش • آموزش html • آموزش وردپرس
- ۱۵ اسفند ۱۴۰۱
- 2,083 بازدید
آنچه در این پست می‌خوانید
رنگ دهی به نوار آدرس
امروز می خواهیم یک روش بسیار جذاب برای زیبا سازی وب سایت شما معرفی کنیم.
در برخی از سایت ها مانند سایت خارجی اینستاگرام زمانی که در گوشی موبایل باز می شوند،
دارای نوار آدرس رنگی در نمایش دستگاه موبایل هستند که فضای زیبا و دلپذیر تری را برای کاربر به نمایش می گذارد.
رنگ بندی نوار آدرس تنها در حالت موبایل تغییر کرده و فقط در گوشی های اندرویدی و ویندوز فون جواب گو می باشد.
باید خاطر نشان شوم که بر روی سئو سایت شما تاثیری نخواهد گذاشت.
اگر شما نیز علاقه دارید که نوار آدرسی با رنگ دلخواه خود در نمایش وب سایتتان در موبایل داشته باشید،
با ما همراه باشید تا در این قسمت از آموزش وردپرس وبیت نحوه ایجاد آن در اختیار شما عزیزان قرار دهم.
رنگ دهی به نوار آدرس سایت در موبایل
برای این کار از دو روش می توانیم اقدام کنیم
- استفاده از افزونه وردپرس Browser Theme Color
- استفاده از کد HTML
روش 1 : رنگ دهی به نوار آدرس سایت در وردپرس با افزونه Browser Theme Color
ابتدا باید افزونه Browser Theme Color را به جهت رنگ دهی به نوار آدرس سایت وردپرس خود دانلود نمایید.
پس از انجام این کار در قسمت تنظیمات پیشخوان وردپرس شما یک قسمت با عنوان Browser Color اضافه می شود بر روی آن کلیک نمایید.
پس از آن قسمتی را برای انتخاب رنگ مورد نظر برای نوار آدرس سایت خود در موبایل مواجه می شوید که در این قسمت باید بر روی گزینش رنگ کلیک نمایید
و رنگ مورد نظر خود را انتخاب نمایید تا ان را در قسمت آدرس بار گوگل کروم خود مشاهده نمایید.
روش 2 : رنگ دهی به نوار آدرس سایت با قرار دادن کد HTML
در این روش بسیار راحت دیگر نیازی به نصب افزونه در سایت وردپرس خود ندارید،
و تنها با قرار دادن یک خط کد (تگ متا) می توانید رنگ بندی نوار آدرس وردپرس خود را تغییر دهید.
برای این منظور تنها کافیست کد زیر را در قسمت head قالب سایت خود (بین <head> و </head>) جایگزاری نمایید.
<meta name="theme-color" content="#0000"/>
برای انتخاب رنگ مورد نظر خود در قسمت content کد رنگ همان رنگ را قرار دهید.
نکته: برای گرفتن کد رنگ می توانید از ابزار فتوشاپ و یا همچنین وب سایت color.adobe.com استفاده نمایید.color-addressbar
