رفع مشکل عدم سازگاری قالب با ووکامرس به صورت کامل
- موضوع : مقالات آموزشی وردپرس
- تاریخ : 1400/02/10
- مجموع پسند شده : 3
- بازدید : 2.617 K
خب در این نوشته می خواییم با انجام یک سری تغییرات در قالب وردپرس مون ، سازگاری قالب با ووکامرس رو با هم یادبگیریم و یک قالب فروشگاهی کاملا سازگار با ووکامرس رو راه اندازی کنیم.
خب حتما شما هم هنگامی در طول برنامه نویسی قالب وردپرس وقتی به قسمت فروشگاه سایتتون میرسید یکسری مشکلات براتون پیش میاد.
خب الان دلیل این مشکلات چیا هستن رو با هم دیگه بررسی میکنیم. پس با ما همراه باشید. 😉
در حالت کلی تمامی مشکلاتی که بین قالب شما و ووکامرس وجود داره مربوط به قالب شماست پس دست از سر ووکامرس بردارید و فکری به حال قالب خودتون بکنید. 😆
اما مشکل قالب ما چی می تونه باشه که با ووکامرس نمی تونه سازگار شه؟
این سوالیه که جوابش و امروز توی چند مرحله خدمتتون عرض خواهم کرد.
مشکلات مربوط به عدم سازگاری قالب با ووکامرس در وردپرس
خب الان مرحله به مرحله با هم دیگه میریم جلو که یک سری کار انجام بدیم تا ووکامرس به صورت ۱۰۰% با قالب ما سازگار شه.
۱- استفاده از تابع body_class وردپرس
ببینید دوستان هنگامی که شروع به برنامه نویسی یک قالب وردپرس می کنید اولین کاری که توصیه میکنم که انجامش بدین افزونه تابع body_class به تگ body قالبتون هست.
خب کار این تگ چیه و چه تاثیری بر روی قالبمون میذاره؟
ببینید در حالت کلی کار این تابع اینه که کلاس هایی که برای body توسط خود وردپرس و افزونه ها تعریف شده اند رو به تگ body اضافه میکنه.
خب ووکامرس هم یک سری کلاس هایی داره که توسط این تابع به تگ body قالب اضافه میکنه و اگه این کلاس ها وجود نداشته باشن شما با مشکل بهم ریختگی کل صفحات مربوط به ووکامرس رو خواهید داشت.
حالا بریم که از این تابع استفاده کنیم.
جهت استفاده از این تابع فقط کافیست که تگ body را یافته و به صورت زیر تغییر دهید :
<body <?php body_class(); ?>></body>
توجه : درصورتی که برای body از خاصیت class استفاده کرده اید بایستی خاصیت class را حذف کرده و کلاس های مدنظر خود را به صورت ورودی تابع تعریف نمایید. به صورت زیر :
<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' ); } ?>
خب این تایع هم یکسری مشکلات مربوط به مشکلات فنی قالبتون رو برطرف میکنه.
اینم از رفع مشکل فنی قالب با ووکامرس که یکی دیگر از مشکلات رایج عدم سازگاری قالب با ووکامرس هست.
خب تموم شد! چیه فکر کردید کار دیگه ای هم باید انجام بدیم؟ نه همین ۲ کار کافیه. البته اگه مشکلتون حل نشده از قسمت دیدگاه همین مقاله با ما در میون بذارید تا بررسی کنیم.
موفق و پیروز باشید.
آیا این مقاله برای شما مفید بود ؟
نظر شما کاربر محترم در مورد این مقاله برای ما بسیار اهمیت دارد و ما را در ارائه مقالات مفید دیگر کمک خواهد کرد.
عضویت در خبرنامه
جهت دریافت جدیدترین مطالب در ایمیل خود ، در خبرنامه وب استند عضو شوید.
خیالتان راحت هیچگونه ایمیل تبلیغاتی ارسال نخواهد شد!