• آموزش ساخت سایت و رساندن آن به درآمد

تغییر رنگ مرورگر موبایل هنگام باز کردن سایت + آموزش ویدیویی

آیا تا کنون متوجه شده اید که بسیاری از وبسایت های معروف مثل بی بی اس یا فیس بوک از رنگ های برند خود برای نوار آدرس در مرورگر خود استفاده می کنند؟در این مقاله ما به شما آموزش خواهیم داد که چگونه رنگ نوار آدرس خود را تغییر دهید.

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

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

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

تغییر رنگ مرورگر موبایل هنگام باز کردن سایت

به راحتی این کد را در فایل header.php قبل از تگ </head>  وارد کنید.

این خط یک تگ متا HTML است که به وسیله Google Chrome در دستگاه های اندروید برای تغییر رنگ نوار آدرس مرورگر موبایل استفاده می شود. در قسمت content  یک کد hex هست برای رنگی که می خواهید به عنوان رنگ قالب استفاده کنید.

نمی دانید چطور این کد را بگیرید؟

می توانید با استفاده از هر نرم افزار ویرایشگر عکس مثل فتوشاپ،گیمپ،پینت و … این کد را تهیه کنید.

برداشتن رنگ از تصاویر

همچنین می توانید برای انتخاب رنگ از HTML color picker آنلاین استفاده کنید.اگر می خواهید رنگی را از یک صفحه سایت بردارید از افزونه ای مثل ColorZilla استفاده کنید.

راستی! برای دریافت مطالب وردپرسی در کانال تلگرام میهن وردپرس عضو شوید.

آنلاین یاد بگیرید

نظرات کاربران

  1. 30 بهمن 1396 ساعت 17:35

    سلام در قالب پابلیشر در قسمت هدر تگ وجود ندارد!
    باید کجا کد را وارد کنم؟

    • رضا حسینی راد
      1 اسفند 1396 ساعت 12:59

      سلام وارد پوشه های زیرین شوید و از پوشه header اینکار را انجام دهید

      • 1 اسفند 1396 ساعت 15:03

        آقای حسینی اصلا در فایل header.php تگ وجود ندارد کلا این قالب خیلی حرفه ای و کدنویسی آن با سایر قالب های قبلی مانند صحیفه فرق دارد و من اصلا سر در نمیاورم، کد نویسی فایل header.php قالب بدین صورت است: باید کد را کجا وارد کنم؟
        <?php
        /**
        * header.php
        *
        * The template for displaying the header.
        *
        * @author BetterStudio
        * @package Publisher
        * @version 3.0.0
        */

        // Prints all codes before tag.
        // Location: “views/general/header/_common.php”
        publisher_get_view( ‘header’, ‘_common’, ‘general’ );

        publisher_get_view( ‘header’, ‘off-canvas’, ‘general’ );

        /**
        * Fires before “.main-wrap” start
        *
        * @since 1.9.0
        */
        do_action( ‘publisher/main-wrap/before’ );

        // Activates duplicate posts removal temporarily for not counting posts inside mega menu
        publisher_set_global( ‘disable-duplicate-posts’, TRUE );
        publisher_set_blocks_title_tag( ‘p’ );

        //
        // Header locked inside page layout
        //
        {
        $_check = array(
        ‘boxed’ => ”,
        ‘full-width’ => ”,
        ‘stretched’ => ”,
        );

        if ( isset( $_check[ publisher_get_header_layout() ] ) ) {
        ?>

        ”,
        ‘out-stretched’ => ”,
        );

        if ( isset( $_check[ publisher_get_header_layout() ] ) ) {
        ?>

        <?php
        }
        }

        • رضا حسینی راد
          2 اسفند 1396 ساعت 09:49

          سلام عرض کردم خدمتتون. بگردید دنبال پوشه ای به نام header در پوشه های قالب

  2. 20 مهر 1396 ساعت 13:01

    عالی بود.مرسی

  3. 20 تیر 1396 ساعت 05:06

    با سلام استاد گرام میخواستم ببینم چرا هیچ عکس العملی نداره من کدی که فرمودید در هدر گذاشتم همه جاهای دیگه هم امتحان کردم تو قالب های دیگه هم تست کردم ولی رنگ عوض نشد که نشد اینم هدر سایت منه؟ لطفا کمک کنید

    <html class=”no-js”>

    <meta charset="” />

    <link rel="pingback" href="” />

    <script src="/js/html5.js”>

    <body >

    • محمد قاسمی
      20 تیر 1396 ساعت 10:12

      درود.

      خب اگر این کدی که پیوست کرده اید، کد هدر شما باشد، در کد Meta Name Color با توجه به آموزش اضافه نکرده اید.

  4. 28 اردیبهشت 1396 ساعت 18:12

    سلام خواستم بپرسم کهمیشه واس هر موضوع فرق کنه؟چون الان سایت من واس هر موضوع من یه رنگ خاصی رو انتخاب کردم بعد با رنگ قالب اصلی فرق دارهنمیشه به صورت اتومات رنگش تغییر کنه یا که واس هر دسته همون رنگشو انتخاب کنم ؟ادرس سایتو نوشتم تو قسمت وب سایت میتونید ببینیدمیشه کمک کنید؟؟

    • رضا حسینی راد
      29 اردیبهشت 1396 ساعت 17:50

      باید با دستورات شرطی رنگ را تغییر دهید که نیاز به php هست

  5. 12 اردیبهشت 1396 ساعت 14:43

    مرسی جالب بود

  6. 10 دی 1395 ساعت 01:23

    افزونه ای اختصاصی ای برای وردپرس برای این کار هست که بتونه همین کارو بکنه و نریم تو قسمت header.php ؟

  7. 30 آذر 1395 ساعت 16:14

    مرسی از شمافوق العاده بود این آموزش

  8. 12 شهریور 1395 ساعت 04:09

    <meta name=”theme-color” content=”#ff6600″/>من همین کد رو می‌زنم ولی برای وبلاگ اما درست اجرا نمی شه یعنی فقط تو مرورگر پیش فرض گوشیم کار می کنه اندرویدم6.0 هست

    • رضا حسینی راد
      12 شهریور 1395 ساعت 09:39

      توی مرورگر پیشفرض و کروم کار میکنه درسته

      • 14 شهریور 1395 ساعت 16:12

        مشکلم اینه که روی کروم کار نمی کنه وبلاگم روی رزبلاگ هست

enamad