بی شک زیباسازی سایت در چشم مخاطب یکی از مهمترین کارهاییست که شما باید برای جذب بیشتر مخاطبان خود در وب سایت بکار بگیرید. یکی از این کارها که موجب زیباسازی وب سایت شما میشود تغییر رنگ نوار آدرس مرورگر هنگامی فراخوانی سایت توسط موبایل می باشد. با تغییر ررنگ نوار آدرس در مرورگرها، کاربر شما حس بهتری از هماهنگی و تغییر محیط خواهد داشت و این امر میتواند موجب افزایش رضایتمندی مخاطب شما گردد.
آموزش تغییر رنگ نوار آدرس مرورگر در موبایل
تغییر رنگ نوار آدرس مرورگر در موبایل بسیار ساده و با افزودن یک خط کوتاه به زبان HTML ممکن است. همانطور که میدانید هر صفحه HTML در اینترنت از دو بخش HEAD و BODY تشکیل میشوند. عباراتی که در تگ HEAD مورد استفاده قرار میگیرند توسط ربات های خزنده و مرورگرها مورد استفاده قرار میگیرند و عباراتی که در بگ BODY آورده میشوند به کاربر و بازدیدکنندگان وب سایت نمایش داده میشود.
این کد ساده HTML می بایست در فایل header.php وب سایت شما قرار بگیرد. بعنوان مثال اگر شما یک سایت وردپرسی در ریشه هاست خود داشته باشید باید به مسیر قالب های وب سایت خود رفته و فایل های header.php را ویرایش کرده و عبارت زیر را در آن قرار دهید:
|
1 |
<meta name="theme-color" content="#0371D2"/> |
طبیعتا اگر شما از وردپرس استفاده میکنید فایل header.php در هاست شما در دایرکتوری public_html/wp-content/themes/(theme_name)/ قرار خواهد داشت که theme_name در اصل نام قالب شما خواهد بود. پس بعنوان نمونه:
|
1 2 3 4 5 6 7 |
<!doctype html> <html <?php language_attributes(); ?> class="no-js"> <head> <meta name="theme-color" content="#0371D2" /> . . . |
این کار در سایر سیستم های مدیریت محتوا (CMS) نیز قابل پیاده سازیست و بسته به نوع CMS شما مسیر تغییر متفاوت خواهد بود. بعنوان مثال برای تغییر رنگ موبایل در اسکریپت WHMCS می بایست وارد دایرکتوری مربوط به قالب کاربری خود شوید و از آنجا فایل header.tpl را ویرایش کنید.
