شاید یک زمانی داشتن یک سایت صرفا آموزشی یا اطلاع رسانی برای افراد کفایت می کرد ولی هر چه قدر که یک سایت بیننده بیشتری داشته باشد به مراتب هزینه های نگهداری آن نیز بالاتر میرود. لذا داشتن یک فروشگاه در کنار سایت فعلی، راه حل مناسبی برای کسب درآمد جهت جبران بخشی از هزینه های یک سایت است. البته سایتهایی که بصورت کامل فقط فروشگاه هستند بحث شان جداست. برای اینکه در کنار سایت فعلی وردپرسی تان یک فروشگاه کامل نیز داشته باشید نصب افزونه ووکامرس میتواند بسیار کار ساز باشد چرا که تقریباً تمام نیازهای یک فروشگاه را تأمین و همچنین در ایران کاملا بومی سازی شده و از بابت داشتن درگاه پرداخت بانکی و محاسبه هزینه های ارسال و غیره مشکلی نخواهید داشت. اما مشکل از آنجایی آغاز میگردد که شما ووکامرس را نصب میکنید و با پیغام “پوسته فعلی شما ووکامرس را پشتیبانی نمی کند” مواجه می شوید. این پیام به این دلیل است که پوسته فعلی شما تنها برای یک سایت وبلاگی طراحی شده و توابع مورد نیاز ووکامرس در آن وجود ندارد. احتمالا با دیدن این پیام از طرف ووکامرس اولین راهی که به ذهنتان خطور میکند، عوض کردن پوسته و نصب یک پوسته ی جدید است. اما برای آن دسته افرادی که روی پوسته فعلی خود تغییرات زیادی ایجاد کرده باشند، انجام این کار عذاب آور خواهد بود. ولی چاره کار آسانتر از آن است که فکرش را بکنید. کافیست راهنمایی های ووکامرس را دنبال کنید تا بتوانید مشکل را برطرف کنید. اما از آنجایی که بسیاری از افراد حوصله خواندن مطالب انگلیسی و انجام آزمایش و خطا را ندارند، ما در این ساعت در وردپرس داغ قصد داریم راه حل هماهنگ کردن پوسته با ووکامرس را با انجام چند حرکت ساده به شما آموزش دهیم.
با ما همراه باشید با آموزش هماهنگ کردن پوسته با ووکامرس
ووکامرس بصورت داخلی یک قالب از پیش تعریف شده عمومی با خود بهمراه دارد ولی این به آن معنی نیست که قالبی زیبا و قابل استفاده باشد. تنها مرزبندیهای احتمالی را مشخص کرده تا از تداخل بعضی عناصر در یکدیگر پیشگیری کند. همچنین اگر شما فایلی را که منسوب به ووکامرس باشد در قالب خود ایجاد کنید، افزونه بصورت خودکار آنرا تشخیص داده و از آن استفاده میکند.
برای شروع کافیست ابتدا یک کپی از فایل page.php قالب فعلی خود تهیه کنید و نام آن را به woocommerce.php تغییر دهید
سپس با کمک یک ویرایشگر آنرا باز کرده و بدنبال شروع و پایان حلقه مطالب ورپرس در آن بگردید
یه کدهای زیر دقت کنید:
get_header(); ?>
<div id="primary" class="content-area col-md-8">
<main id="main" class="site-main" role="main">
<?php while ( have_posts() ) : the_post(); ?> //شروع حلقه مطالب وردپرس
<?php get_template_part( 'template-parts/content', 'page' ); ?>
<?php
if ( comments_open() || get_comments_number() ) :
comments_template();
endif; ?>
<?php endwhile; ?> // پایان حلقه مطالب وردپرس
</main>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
در کدهای بالا ما شروع و پایان حلقه مطالب وردپرس را مشخص کرده ایم. حال شما کافیست این قسمت از کدها را کامل حذف کنید. و قطعه کد زیر را اضافه کنید.
<?php woocommerce_content(); ?>
نتیجه چیزی شبیه زیر خواهد شد.
get_header(); ?>
<div id="primary" class="content-area col-md-8">
<main id="main" class="site-main" role="main">
<?php woocommerce_content(); ?> //این قطعه کد ووکامرس را اضافه کنید
</main>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
بسیار خب فایلتان برای هماهنگ کردن پوسته با ووکامرس آماده ست . حال کافیست این فایل جدید را به ریشه پوسته خود انتقال دهید و آنرا در کنار همان فایل page.php قرار دهید.
حال صفحات حاوی محصولات ووکامرس را آزمایش کنید، خواهید دید که مشکل کاملا برطرف شده است.
ممکن است پیام “پوسته شما از ووکامرس پشتیبانی نمی کند” هنوز هم نمایش داده شود. برای رفع این مشکل کافیست کد های زیر را در فایل functions.php درج کنید تا پیام محو شود.
add_action( 'after_setup_theme', 'woocommerce_support' );
function woocommerce_support() {
add_theme_support( 'woocommerce' );
}
تبریک میگوییم. حال شما صاحب یک پوسته کاملا مناسب ووکامرس هستید.
با کمی خلاقیت میتوانید با توجه به آموزشی که قبلا در خصوص ایجاد ناحیه ابزارک جدید داده بودیم، برای صفحه فروشگاهی خود یک سایدبار اختصاصی نیز ایجاد کنید.
توجه: بعد از هماهنگ کردن پوسته با ووکامرس صورت بروزرسانی پوسته ممکنه است فایلهایی که ایجاد کرده اید یا تغییر داده اید از دست بروند. بهتر است قبل از بروزرسانی قالب از آنها نسخه پشتیبان تهیه کنید.
