شخصی‌ سازی صفحات پیشفرض ووکامرس با WooCommerce Customizer

شخصی‌ سازی صفحات ووکامرس شخصی‌ سازی صفحات ووکامرس

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

  1. از قالب‌های سازگار با ووکامرس استفاده کنید. این کار بیش از تمامی روش‌ها پیشنهاد می‌شود. (اگر از قالب‌‌ های وردپرس جدید استفاده کنید، تا حد زیادی این مشکل برطرف خواهد شد، زیرا در حال حاضر اکثر قالب‌ها با ووکامرس هماهنگ هستند.)
  2. قالب موجود را با برنامه نویسی و رفع مشکلات هماهنگ کنیم. (نیازمند وجود یک فرد مختصص هستیم)
  3. به افزونه‌هایی که نصب می‌کنیم دقت کنیم و استاندارد و سازگار بودن آن را بصورت کامل بررسی کنیم.
  4. از ویرایشگر استانداردی برای ووکامرس کمک بگیریم!

شخصی‌ سازی صفحات ووکامرس

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

افزونه WooCommerce Customizer

woocommerce customizer- شخصی‌ سازی صفحات ووکامرس
افزونه WooCommerce Customizer

با استفاده از افزونه‌ای به نام Woocommerce Customizer می‌توان تا حدی عدم هماهنگی را رفع کرد. البته این ویرایش بیشتر روی متن اثرگذار است اما از نظر ظاهری هم می‌توان تغییراتی را ایجاد کرد. ببینیم روش کار به چه صورت است…

نکته!!!  بعضی از قسمت‌های ووکامرس مثل عکس‌ها در تنظیمات ووکامرس امکان تغییر اندازه و … دارند و در نهایت می‌توان هماهنگی نسبی را بین قالب و ووکامرس ایجاد کرد.

نصب و راه‌اندازی افزونه

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

سفارشی‌ساز

customizer- شخصی‌ سازی صفحات ووکامرس
تنظیمات افزونه WooCommerce Customizer

این تب در درون خود دارای چهار بخش اصلی است. این چهار بخش عبارت است از:

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

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

buy- شخصی‌ سازی صفحات ووکامرس
تغییر کمله افزودن به سبد خرید

همان‌طور که می‌بینید متن خرید را وارد کردیم. حال می‌توانیم در صفحه فروشگاه نتیجه را ببینیم:

change to buy hamyarwp- شخصی‌ سازی صفحات ووکامرس
نتیجه نهایی افزونه WooCommerce Customizer

حلقه فروشگاه

گزینه “افزودن به سبد خرید” به خرید تغییر یافت. به همین روش می‌توان سایر گزینه‌ها را نیز تغییر داد. به توضیح مختصر گزینه‌ها می‌پردازیم:

  امکان اجاره تجهیزات در ووکامرس با Bookings for WooCommerce
shop loop- شخصی‌ سازی صفحات ووکامرس
حلقه فروشگاه

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

صفحه محصول

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

product info
تنظیمات صفحه محصول

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

  • عنوان تب‌ها
  • هدینگ‌های محتوای تب‌ها
  • دکمه اضافه کردن به سبد خرید

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

صفحه بررسی

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

checkout
تنظیمات صفحه بررسی ووکامرس

متن پیام “باید وارد شده باشید”: متنی که برای بخش ورود می‌توانید تغییر دهید.
متن کوپن: متن کوپن را از این قسمت می‌توان تغییر داد.
متن ورود: متن ورود به سایت
Create Account checkbox default: ایجاد اکانت کاربری به صورت پیش‌فرض. متن مورد نظر را می‌توان در این بخش تغییر داد.
دکمه ارسال سفارش: دکمه سفارش محصول را می‌توان از این قسمت تعریف کرد.

متفرقه

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

misc
تنظیمات متفرقه ووکامرس

با این کار می‌توانید فروشگاه اینترنتی خود را شخصی‌سازی کنید.

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

ویرایش صفحات ووکامرس

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

آموزش ویدیویی افزونه WooCommerce Customizer

دانلود افزونه WooCommerce Customizer

دانلود افزونه صفحه افزونه

سوالات متداول

ووکامرس یه افزونه وردپرسی است که برای ساخت فرشگاه اینترنتی به کار می رود. در واقع شما با کمک ووکامرس هر نوع فروشگاهی با هر امکاناتی می توانید راه اندازی کنید.
افزونه ای با عنوان Woocommerce Customizer موجود بوده که با کمک آن می توان صفحات پیش فرض ووکامرس را سفارشی سازی کرد.
بعضی از قسمت‌های ووکامرس مثل عکس‌ها در تنظیمات ووکامرس امکان تغییر اندازه و … دارند و در نهایت می‌توان هماهنگی نسبی را بین قالب و ووکامرس ایجاد کرد.
آیا این مقاله برای شما مفید بود؟
تقریبا
خیر

دیدگاهتان را بنویسید

ارسال دیدگاه به معنی این است که شما ابتدا قوانین ارسال دیدگاه را مطالعه کرده‌اید و با آن موافق هستید.

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. 9 سال عضو همیار وردپرس

    سلام من میخوام کالاهای همسان یا کالاهای مرتبط رو تو ادامه مطلب کالاها که میریم پائین کالاها به صورت پیش فرض هستش اونو میخوام حذف کنم کالاهای همسان کلا غیرفعال بشه از کجا باید غیرفعال یا حذف کنم کدوم فایل رو باید ادیت کنم؟! ممنون میشم راهنمائی کنید.

    • 10 سال عضو همیار وردپرس

      سلام
      از داخل فایل single.php این کارو میتونید انجام بدید
      تشکر

    • 9 سال عضو همیار وردپرس

      سلام محمد جواد جان ممنون که جواب دادی ولی از این فایل نشد

    • 10 سال عضو همیار وردپرس

      سلام خواهش میکنم
      بیشتر اوقات داخل این فایل هست
      چون که نمیدونم قالب سایت شما چه فایل هایی داخلش هست
      فایل های دیگه رو هم برسی کنید

  2. 9 سال عضو همیار وردپرس

    سلام
    چطوری میشه برای صفحه example.com/shop برگه ایستای مخصوص گذاشت و ویرایشش کرد؟
    این آموزشی که شما گذاشتید برای صفحه اصلی سایت یعنی example.com هستش.

    • 10 سال عضو همیار وردپرس

      با سلام این صفحه برگه ی ایستای پیشفرض دارد شما می خواهید چکار کنید؟

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

    • 10 سال عضو همیار وردپرس

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

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

    • 10 سال عضو همیار وردپرس

      با سلام این لینک دقیقا چیزی هست که دنبالش هستید: marketwp

  5. با سلام. من بیشتر سوالاتم رو اینجا میپرسم که همیشه جواب های خوبی میگیرم.
    یکی از مشکلاتی که با سایتم دارم اینکه تو هر برگی که میرم فقط عنوان سایت رو نشون میده. به طور مثال وقتی که توی صفحه بازی call of 11 هستم به جایی که اون بالا بنویسه call of 11 عنوان سایت رو نشون میده : خرید بازی کامپیوتر، ایکس باکس
    خب اولا من فروشگاهم با ووکامرس ساخته شده. دوماً آیا این یک مشکل است یا اینکه طبیعی است؟ اگر به همین منوال بمونه توی سئو تاثیر منفی نمیذاره؟ برای نمونه لینک زیر رو امتحان کنید :
    http://www.enterpc.ir/?product=%D8%AE%D8%B1%DB%8C%D8%AF-%D8%A8%D8%A7%D8%B2%DB%8C-%DA%A9%D8%A7%D9%85%D9%BE%DB%8C%D9%88%D8%AA%D8%B1-company-of-heroes-2-ardennes-assault
    اگه بلدین جواب بدین ثواب داره به خدا 🙂

    • 10 سال عضو همیار وردپرس

      با سلام عنوان مطلب شما با خرید بازی… شروع میشه به همین دلیل هم اون بالا این کلمه رو نوشته.

  6. سلام، ووکامرس فارسی چند تا مشکل داره که تا حالا حل نشده. من مطرح می کنم اگه می تونید راه حلش رو بگید تا حل بشه.
    – تاریخ گزارش گیری از محصولات ووکامرس با هر افزونه فارسی که چک کنید میلادی است و فارسی نشده.
    – ایمیل های ارسالی به کاربران و مدیر سیستم راست به چپ نیست و استایل خوبی هم نداره.
    ممنون و موفق باشید

    • 10 سال عضو همیار وردپرس

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

  7. باسلام به شما دوست عزیز و فعال و دوست داشتنی 🙂
    از مطالب سایت به وفور استفاده می کنم و بسیار نیز مفید باشد،بخصوص بخش آموزش ووکامرس!
    می خواستم ببینم،می توانیم در ووکامرس،فقط اعضای سایت بتوانند محصولات رو ببینند! یعنی کاربران را مجبور کنیم که ثبت نام کنند و بعد محصولات برایشان نمایش داده شود!
    در مورد سیستم های توصیه گر در ووکامرس هم اگر راهنمایی کنید،ممنون میشم
    علی آقا 🙂

    • 10 سال عضو همیار وردپرس

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

  8. سلام.
    ووکامرس رو میشه روی ساب دامین هم نصب کرد؟
    برای مثال آدرس سایت hamyarwp.com باشه و فروشگاه رو روی store.hamyarwp.com نصب کرد.اگه راهنمایی کنید واقعا ممنون میشم. نرم دوباره هاست و دامین بخرم.

    • 10 سال عضو همیار وردپرس

      با سلام این کار بسیار مرسوم هست ولی باید روی اون ساب دامین هم وردپرس رو نصب کنید.

  9. سلام داداش حسین.
    من برای محصولام اسم که میزارم تو صفحه فروشگام که میام بعضی از اسم ها تک خطی بغضی هم ۲ خطی هستند که باعث میشه که سایز باکس های ما متفاوت بشه تو یه سطر یا اینکه قیمت حراجی میزنیم هم این حالت پیش می آید برای حل این مشکل به غیر از خلاصه کردن عنوان متن چه میشه کرد؟

    • 10 سال عضو همیار وردپرس

      با سلام راه دیگاه کوچک کردن سایز عنوان هست.

    • سلام آقا حسین منظورم این بود نمیشه کاری کارد که در خط اول که بیشتر شد بقیه مطالب به … تبدیل شود

    • 10 سال عضو همیار وردپرس

      با سلام این مسئله با کد نویسی ممکنه نه با تنظیمات و افزونه.

    • 🙁 حالا هی دست بزترین رو نقطه ضعفمون 😀 اوکی ببینیم میشه درست کرد یا نه دمت گرم بابت آموزشات منتظر بقیه آموزشاتون هستم

  10. مطلب مفیدی بود ممنون