ووکامرس، معروف‌ترین و بهترین افزونه‌ی فروشگاه‌ساز سیستم مدیریت محتوای وردپرس است که به وسیله‌ی آن می‌توانید یک فروشگاه اینترنتی تقریباً کامل را راه‌اندازی کنید. مدیریت پیشرفته‌ی محصولات فیزیکی و دیجیتالی، فاکتورها، کوپن‌های تخفیف، تنظیمات مربوط به پُست و باربری، درگاه‌های بانکی مختلف و پشتیبانی فارسی مناسب همگی دست به دست هم دادند تا ووکامرس، به انتخاب اول اهالی وردپرس جهت ساخت یک فروشگاه اینترنتی تبدیل شود.

اما این واقعیت وجود دارد که پوسته‌های وردپرسِ هماهنگ با افزونه‌ی ووکامرس که به صورت رایگان منتشر شده‌اند کم بوده و یا آن‌که از زیبایی خوبی برخوردار نیستند؛ این موضوع باعث شده است تا یک بازار کاری قابل توجه در زمینه‌ی طراحی پوسته‌های ووکامرس به وجود آید.

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

روش اصلی هماهنگ کردن یک پوسته با ووکامرس به این صورت است که بر اساس Document وب‌سایت رسمی خود افزونه‌ی ووکامرس، تمام خروجی‌ها و فایل‌های افزونه، یا از طریق Hook‌های وردپرس و یا جداگانه به صورت هماهنگ با پوسته، طراحی شده تا بر روی فایل اصلی افزونه Override شوند.
همچنین استایل‌ها و کلاس‌های CSS افزونه نیز باید بازنویسی شوند تا از نظر ظاهری هم هماهنگ کاملی به وجود آید.

این روش به صورت مفصل انشالله در مدرسه‌ی فناوری ترفندستان آموزش داده خواهد شد؛ اما در حال حاضر قصد داریم به صورت سریع و بدون دانش برنامه‌نویسی (و صد البته استاندارد) این هماهنگی را ایجاد کنیم.

برای این‌کار:

بعد از نصب افزونه‌ی ووکامرس وارد پنل مدیریت وردپرس شده و از ستون سمت راست، به بخش نمایش -> ویرایش‌گر بروید.
از ستون سمت چپ فایل functions.php را برای ویرایش انتخاب نمایید.

کد زیر را به فایل اضافه کرده و آن را ذخیره کنید.

add_action( 'after_setup_theme', 'woocommerce_support' );
function woocommerce_support() {
    add_theme_support( 'woocommerce' );
}

حالا به مدیریت فایل هاست خود رفته و به مسیر زیر بروید:

public_html/wp-content/themes/XXX

XXX نام پوسته‌ی شماست.

یک فایل جدید به نام woocommerce.php بسازید.

دوباره (ترفندستان) به مدیریت وردپرس و بخش ویرایش‌گر برگشته و حالا محتویات فایل page.php را کپی و در فایل woocommerce.php قرار دهید.

در محتویات پیش روی شما، قسمتی از کد که به شکل زیر است را پیدا کنید:



منظور، یافتن حلقه اصلی صفحه است. بعد از یافتن این بخش، تابع

را به

تغییر دهید.
در انتها فایل را ذخیره نمایید.

کار تمام است و با ایجاد فایل woocommerce.php، تمامی صفحات مربوط به افزونه اعم از سبد خرید، فاکتور محصول، صفحه‌ی فروشگاه، آرشیو و دسته‌بندی محصولات و … از این فایل و طبق خروجی HTML و استایل CSS پیش‌فرض خود افزونه استفاده خواهند کرد.

لازم به ذکر است استایل پیش‌فرض تا حد زیادی مناسب بوده و جلوه‌ی بدی به سایت نمی‌دهد. برای مثال سبد خرید پیش‌فرض به شکل زیر است:

gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== - هماهنگ کردن پوسته‌ی وردپرس با فروشگاه‌ساز ووکامرس در کمتر از 5 دقیقه!

شما می‌توانید ووکامرس فارسی را از این لینک دریافت نمایید.