آموزش هماهنگ سازی قالب با ووکامرس

بدون دیدگاه


دوره آموزش طراحی قالب وردپرس حرفه ای
5/5 - (1 امتیاز)

هماهنگ سازی قالب با ووکامرس

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

هماهنگ سازی قالب با ووکامرس

هماهنگ کردن قالب وردپرس با ووکامرس

ووکامرس محبوب ترین افزونه فروشگاهی در وردپرس است که به سرعت در حال توسعه میباشد و هر روز امکانات و قالب های بینظیری برای آن طراحی میشود، در این آموزش ووکامرس قصد داریم هماهنگ سازی قالب با ووکامرس را به طور کامل و اصولی به شما توضیح دهیم، اما مطالعه این آموزش نیازمند ۳ پیش نیاز زیر است:

  • ۱- روی سایت ( یا لوکال هاست ) خود وردپرس و افزونه ووکامرس را نصب داشته باشید
  • ۲- داشتن آشنایی با HTML , CSS و اصول طراحی قالب
  • ۳-داشتن آشنایی با طراحی قالب وردپرس
نمایش محصولات از یک دسته بندی خاص در ووکامرس بدون افزونه
این آموزش را از دست نده :

در صورت که به ۳ پیش نیاز آشنایی ندارید از لینک زیر اقدام فرمایید.

آموزش نصب وردپرس روی xampp به صورت فیلم آموزشی به زبان ساده

آموزش html از صفر تا ۱۰۰ همراه HTML5

آموزش طراحی سایت HTML5 CSS3 با bootstrap 5

آموزش طراحی قالب وردپرس حرفه ای

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

برای شروع کار یک قالب وردپرس را که با ووکامرس هماهنگ نیست به دلخواه انتخاب کنید و روی سایت یا لوکال هاست خود نصب کنید

نحوه سازگار کردن ووکامرس به قالب وردپرس

نحوه سازگار کردن ووکامرس به قالب وردپرس

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

توابع هماهنگ سازی قالب با ووکامرس

بعد از فعال کردن قالب اگر در بالای پیشخوان با عبارت “پوسته شما توسط پشتیبانی ووکامرس شناسایی نمیشود – اگر با مشکل ناسازگاری طرح مواجه شدید، راهنمای یکپارچگی را مطالعه کنید یا یکی از پوسته های ووکامرس را انتخاب کنید.” مواجه شدید کد زیر را به انتهای فایل functions.php پوسته خود اضافه کنید تا قالب شما با ووکامرس هماهنگ شود.

آموزش بروز رسانی لینک محصولات دانلودی در ووکامرس
این آموزش را از دست نده :

با قرار دادن کد بالا میتوانید خطای ذکر شده را از بین ببرید، این اولین قدم در طراحی قالب ووکامرس میباشد

هماهنگ سازی قالب با ووکامرس

همانطور که میدانید بعد از نصب ووکامرس صفحات زیر به سایت شما اضافه میشوند:

  • برگه تسویه حساب (checkout)
  • برگه سبد خرید (cart)
  • برگه حساب کاربری (my-account)
  • برگه فروشگاه (shop)
  • صفحه داخلی محصولات
  • صفحه آرشیو محصولات (دسته بندی ها و تگ ها)

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

در ابتدا باید از فایل page.php قالب کنونی خود یک کپی تهیه کنید و نام آن را woocommerce.php قرار دهید. سپس آن را با یک نرم افزار ویرایشگر متن باز کنید، سپس محل شروع و پایان حلقه مطلب وردپرس را بیابید.

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

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

آموزش حذف فیلدهای اضافی ووکامرس
این آموزش را از دست نده :

سوالی دارید؟
سوالتون رو در نظرات مطرح کنید 🙂

اشتراک گذاری:

مطالب مرتبط برای شما

نظر یا سوال شما در این مورد چیست؟

توجه داشته باشید که نشانی ایمیل شما منتشر نخواهد شد.

    هیچ دیدگاهی برای این نوشته ثبت نشده است.