رفع مشکل عدم سازگاری قالب با ووکامرس به صورت کامل

موضوع : مقالات آموزشی وردپرس
تاریخ : 1400/02/10
مجموع پسند شده : 3
بازدید : 2.289 K

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

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

خب الان دلیل این مشکلات چیا هستن رو با هم دیگه بررسی میکنیم. پس با ما همراه باشید. 😉

در حالت کلی تمامی مشکلاتی که بین قالب شما و ووکامرس وجود داره مربوط به قالب شماست پس دست از سر ووکامرس بردارید و فکری به حال قالب خودتون بکنید. 😆

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

این سوالیه که جوابش و امروز توی چند مرحله خدمتتون عرض خواهم کرد.

مشکلات مربوط به عدم سازگاری قالب با ووکامرس در وردپرس

خب الان مرحله به مرحله با هم دیگه میریم جلو که یک سری کار انجام بدیم تا ووکامرس به صورت ۱۰۰% با قالب ما سازگار شه.

۱- استفاده از تابع body_class وردپرس

ببینید دوستان هنگامی که شروع به برنامه نویسی یک قالب وردپرس می کنید اولین کاری که توصیه میکنم که انجامش بدین افزونه تابع body_class به تگ body قالبتون هست.

خب کار این تگ چیه و چه تاثیری بر روی قالبمون میذاره؟

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

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

حالا بریم که از این تابع استفاده کنیم.

جهت استفاده از این تابع فقط کافیست که تگ body را یافته و به صورت زیر تغییر دهید :

<body <?php body_class(); ?>></body>

۱	<body <?php body_class(); ?>></body>

توجه : درصورتی که برای body از خاصیت class استفاده کرده اید بایستی خاصیت class را حذف کرده و کلاس های مدنظر خود را به صورت ورودی تابع تعریف نمایید. به صورت زیر :

<body <?php body_class('class1 class2 class3'); ?>></body>

۱	<body <?php body_class('class1 class2 class3'); ?>></body>

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

۲- استفاده از تابع add_theme_support وردپرس

برای اینکه ما قابلیت هایی رو به قالبمون اضافه کنیم بایستی از از این تابع استفاده کنیم. این تابع یک ورودی ازمون به عنوان قابلیتی که میخواییم به قالبمون اضافه کنیم میگیره و اون قابلیت رو به قالبمون اضافه میکنه. به همین راحتی 🙂

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

استفاده از این تابع هم خیلی آسونه فقط کافیه فایل functions.php قالبتون رو ویرایش کنید و کد زیر رو داخلش قرار بدید :

<?php
add_action( 'after_setup_theme', 'woocommerce_support' );
function woocommerce_support() {
add_theme_support( 'woocommerce' );
}
?>

<?php

add_action( 'after_setup_theme', 'woocommerce_support' );

function woocommerce_support() {

add_theme_support( 'woocommerce' );

}

خب این تایع هم یکسری مشکلات مربوط به مشکلات فنی قالبتون رو برطرف میکنه.

اینم از رفع مشکل فنی قالب با ووکامرس که یکی دیگر از مشکلات رایج عدم سازگاری قالب با ووکامرس هست.

خب تموم شد! چیه فکر کردید کار دیگه ای هم باید انجام بدیم؟ نه همین ۲ کار کافیه. البته اگه مشکلتون حل نشده از قسمت دیدگاه همین مقاله با ما در میون بذارید تا بررسی کنیم.

موفق و پیروز باشید.

کلمات کلیدی

هادی خانزاده

دانش آموخته مهندسی فناوری اطلاعات هستم و بیش از 11 سال سابقه در زمینه طراحی و برنامه نویسی وب دارم. عاشق وردپرس هستم و بیشتر پروژه هام رو بر اساس این سیستم مدیریت محتوای قدرتمند به اجرا در آوردم. همیشه آرزو داشتم یاد بگیرم و دانسته هام و در اختیار همه کسانی که علاقه مند به یادگیری هستند ، قرار بدم. وب استند متولد شده از این آرزوست :)