چگونه هدر فروشگاه ووکامرس را شفاف کنیم؟

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

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

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

ویرایش هدر یک پوسته می تواند برای کاربران عادی وردپرس کار دشواری باشد. CSS سفارشی کردن استایل یک بخش خاص را آسان تر می کند.

برای این آموزش، باید مهارت های کدنویسی داشته باشید. قوانین CSS را در قسمت Additional CSS از طریق Customizer اضافه می کنیم.

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

همچنین لازم به ذکر است که تم Storefront هنگام سفارشی سازی باید تم فعال باشد.

با این گفته، اجازه دهید نحوه شفاف سازی هدر Storefront را بررسی کنیم.

مراحل شفاف کردن هدر ویترین فروشگاه

در اینجا مراحلی وجود دارد که باید دنبال کنید:

• وارد سایت وردپرس خود شوید و به عنوان کاربر مدیریت به داشبورد دسترسی پیدا کنید.
• از منوی داشبورد، روی Appearance Menu > Customize کلیک کنید.
• در نوار کناری سمت چپ که ظاهر می‌شود، به قسمت Additional CSS بروید.
• قانون CSS را اضافه کنید.

.storefront-primary-navigation .site header{

position: fixed;  

left: 0;

  top: 0;

  width: 100%;

  z-index: 99;

  background-color: transparent;

  padding: 40px 0;

 transition: 0.3s;

            }

• اگر از تغییرات راضی هستید، بر روی انتشار کلیک کنید.

نتیجه

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

علاوه بر این، من تاکید کرده‌ام که تم Storefront برای سفارشی‌سازی انعطاف‌پذیر است. این یکپارچه با موضوع ووکامرس ادغام می شود. من به شدت توصیه می کنم از یک تم کودک استفاده کنید تا تغییرات شما در به روز رسانی از بین نرود.

با این حال، اگر با مشکلاتی مواجه شدید، لطفاً یک توسعه دهنده وردپرس را استخدام کنید.