نحوه اضافه کردن تصویر قهرمان ووکامرس Storefront

بسیاری از افراد به دلیل مشکلات ناشی از لغزنده های صفحه اصلی از تصاویر قهرمان در سایت های خود استفاده می کنند. استفاده از اسلایدرهای صفحه اصلی ممنوع است، زیرا سرعت فروشگاه ووکامرس شما را کند می کند و نرخ تبدیل خوبی ندارد. اگر از تم Storefront استفاده می کنید و به دنبال جایگزین مناسبی هستید، باید به جای آن یک تصویر قهرمان اضافه کنید.

قهرمان فروشگاه ووکامرس

مهمترین چیز در مورد استفاده از تصویر قهرمان این است که بلافاصله توجه بازدید کننده را جلب می کند. علاوه بر این، مردم به محتوای بصری پاسخ مثبت می دهند. بنابراین، داشتن یک تصویر با وضوح بالا در وب سایت شما راهی عالی برای ترغیب بازدیدکنندگان به کاوش بیشتر در سایت شما است.

یک طراحی خوب بر نظر بازدیدکنندگان از شرکت شما تأثیر می گذارد و نقش مهمی در افزایش تبدیل ها دارد. داشتن تصویر قهرمان مناسب می تواند اعتماد بازدیدکنندگان را ایجاد کند و آنها را به چیزی که ارائه می دهید علاقه مند کند، در حالی که تصویر اشتباه می تواند آنها را از خود دور کند.

از تصاویر قهرمان برای تعامل مستقیم با بازدیدکنندگان سایت استفاده می شود. می‌توانید یک دکمه Call to Action یا یک فرم ثبت‌نام اضافه کنید و از آن‌ها درخواست سرویس آزمایشی کنید. بهترین کار این است که آن را جذاب و نسبت به کل محتوای سایت جلوه دهید.

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

در اینجا چند نکته وجود دارد که می تواند به شما در انتخاب بهترین تصویر قهرمان کمک کند:

• انتخاب تصاویر با وضوح بالا (1920x1080px)
• روی محصولاتی که ارائه می دهید تمرکز کنید
• از تصویری استفاده کنید که بر روی گزاره ارزش تمرکز دارد
• از تصاویری استفاده کنید که تصاویر ساده ای از آنچه فروشگاه شما ارائه می دهد را نشان می دهد

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

برای افزودن یک تصویر قهرمان با عرض کامل به تم Storefront، در اینجا مراحلی وجود دارد که باید دنبال کنید:

• وارد سایت وردپرس خود شوید و به عنوان کاربر مدیریت به داشبورد دسترسی پیدا کنید.
• از منوی داشبورد، روی Appearance Menu > Theme Editor Menu کلیک کنید. هنگامی که صفحه ویرایشگر تم باز شد، به دنبال فایل توابع تم بگردید تا یک تصویر قهرمان در قالب ووکامرس Storefront اضافه کنید.
• کد زیر را به فایل php اضافه کنید. به یاد داشته باشید که پیوند تصویری را که در سایت شما قرار دارد اضافه کنید.

add_action( 'init', 'woa_add_hero_image_init' );

function woa_add_hero_image_init () {

   add_action( 'storefront_before_content', 'woa_add_hero_image', 5 );

}

function woa_add_hero_image() {

   if ( is_front_page() ) :

      ?>

         <div id="hero-image">

             <img src="image-link " width="100%">

         </div>

      <?php

   endif;

}

• اینم نتیجه:

نتیجه

به طور خلاصه، نکاتی را در مورد اینکه چگونه می توانید بهترین تصویر قهرمان را برای فروشگاه ووکامرس خود پیدا کنید، برجسته کرده ام. در این آموزش مشاهده کردید که اضافه کردن تصویر قهرمان بسیار آسان است. تنها کاری که باید انجام دهید این است که بهترین مورد را پیدا کنید که نمایانگر آنچه فروشگاه شما ارائه می دهد باشد.

با این حال، اگر کاربر مبتدی هستید، توصیه می کنیم از افزونه My Custom Functions برای درج کد استفاده کنید. اگر در فایل functions.php خطایی ایجاد کنید، کل سایت شما از کار می افتد.