ساخت فروشگاه
اینترنتی توسط ووکامرس
امروزه با توجه به افزایش چشمگیر در امر خرید و فروش اینترنتی، شاید این روش یکی از بهترین و پربازده ترین روش های خرید فروش می باشد.
در خرید و فروش اینترنتی اجاره ی چندانی پرداخت نخواهید کرد، هر زمان از شبانه روز امکان خرید از فروشگاه شما می باشد، چه برای فروشنده و چه برای خریدار در زمان صرفه جویی می شود و خیلی مزایای دیگه ….
برای راه اندازی یک سیستم خرید و فروش اینترنتی راه های فراوانی پیش روی شما می باشد. از همکاری در یک سایت فروشگاهی گرفته تا فروش محصولات در فروشگاه شخصی خودتان. خیلی از شرکت ها برای طراحی فروشگاه مورد نظر خود از پایه برنامه نویسی می کنند و در نهایت فروشگاه اینترنتی خود را راه اندازی می نمایند. ولی در این میان کاربرانی هستند که چه به لحاظ مالی و چه به لحاظ فنی توانایی ساخت چنین فروشگاه هایی را نخواهند داشت. به همین دلیل یکسری سیستم های مدیریت محتوا برای این دوستان طراحی شده اند تا این کاربران نیز بتوانند به راحتی فروشگاه خود را راه اندازی نمایند.
از سیستم هایی که مخصوص این کار می باشند نظیر Open Cart، Presta Shop و … گرفته تا سیستم های مدیریت محتوای عمومی نظیر وردپرس و جوملا.
سیستم مدیریت محتوای وردپرس با توجه به این که یکی از بهترین ها در این زمینه می باشد. وردپرس برای راه اندازی یک فروشگاه از پلاگین های مختلفی نظیر woocommerce، Easy Digital Download و …. استفاده می نماید. در این میان پلاگین ووکامرس با توجه به امکانات فراوانی که نسبت به سایر پلاگین های مشابه دارد یکی از پر طرفدارترین پلاگین های وردپرس در زمینه ی راه اندازی فروشگاه اینترنتی می باشد.
پلاگین ووکامرس هنگام نصب در واقع نیاز به طراحی یک قالب جدید، جدای از قالب اصلی سایت، دارد. از آن جایی که معمولا در بین سایت های داخلی آموزش های چندانی در این رابطه یافت نمی شود به همین دلیل به درخواست آقا اشکان، از کاربران سایت، تصمیم گرفتیم تا مجموعه ای آموزشی در این رابطه تهیه نماییم.
در این مجموعه ی آموزشی به یادگیری پلاگین ووکامرس پرداخته خواهد شد. در ابتدای کار طرح بسیار ساده ای توسط نرم افزار فتوشاپ طراحی می شود و سپس در جلسات بعدی این طرح کامل و کامل تر شده و در نهایت با کدنویسی مربوط به ووکامرس فروشگاه اینترنتی ساده ای طراحی خواهیم نمود.
در این مجموعه ی آموزشی کد ها به صورت جداجدا توضیح داده می شوند. این که چه کدی وظیفه ی نشان دادن قیمت محصول را برعهده دارد، این که چه کدی وظیفه ی نشان دادن دکمه ی سبد خرید را بر عهده دارد، این که چه کدی وظیفه ی نشان دادن تصویر محصول را برعهده دارد ولی خیلی کدهای دیگر.
خوبی ساخت فروشگاه اینترنتی توسط ووکامرس در این می باشد که به صورت مجزا روی کدهای ووکامرس بحث خواهد شد و از کلی گویی در این مجموعه ی آموزشی پرهیز شده است.
همانطور که می دانید ووکامرس قسمت های مختلفی دارد که عبارتند از:
۱- بخش نمایش محصولات فروشگاه
۲- بخش ادامه مطلب هر محصول
۳- بخش سبد خرید
۴- بخش پرداخت نهایی
۵- بخش اکانت کاربر
هر کدام از این ۵ قسمت خود به قسمت های مختلفی تقسیم خواهند شد. در این مجموعه ی آموزشی که فعلا قسمتی از آن تهیه گردیده است.
نکات قابل ذکر:
۱- اگر مشاهده می کنید که قالب طراحی شده خیلی از لحاظ گرافیکی ساده به نظر می رسد، به این علت می باشد که کاربران زیاد در بین کدها سردگم نشوند و بیشتر روی قالب ووکامرس تمرکز کنند تا فتوشاپ و html و css
۲- کدهایی که در برخی از جلسات استفاده شده اند در پوشه ای به نام Snippest Files موجود می باشد.
۳- این مجموعه فعلا کامل نیست و تا کنون ۴۰ قسمت از آن آماده شده است.
۴- هر از چند گاهی قسمت های جدید آپلود خواهند شد و شما می توانید قسمت های جدید را دانلود نمایید.
۵- فعلا خرید پستی نداریم ولی انشا الله در آینده ای نزدیک امکان خرید پستی نیز برای این محصول افزوده خواهد شد.
سرفصل مطالب این مجموعه ی آموزشی عبارتند از:
۱- طراحی قالب فروشگاه در نرم افزار فتوشاپ – جلسه ۱
۲- طراحی قالب فروشگاه در نرم افزار فتوشاپ – جلسه ۲
۳- طراحی قالب فروشگاه در نرم افزار فتوشاپ – جلسه ۳
۴- نصب سیستم مدیریت محتوای وردپرس + نصب پلاگین فروشگاه ووکامرس
۵- گزینه های منوی ووکامرس – جلسه ۱
۶- گزینه های منوی ووکامرس – جلسه ۲
۷- گزینه های منوی محصولات
۸- کدنویسی قالب ووکامرس – مقدمه
۹- کد نویسی هدر و فوتر
۱۰- طراحی بلاک میانی و بلاک سمت راست – جلسه ۱
۱۱- طراحی بلاک میانی و بلاک سمت راست – جلسه ۲
۱۲- سازگاری قالب، غیر فعال کردن استایل های پیشفرض ووکامرس، فعال سازی استایل های جدید
۱۳- نمایش ساده ی محصولات
۱۴- استایل دهی به محصولات – جلسه ۱
۱۵- استایل دهی به محصولات – جلسه ۲
۱۶- تغییر در عناوین بخش محصولات فروشگاه
۱۷- مرتب سازی محصولات
۱۸- تغییر در کلاس Products
۱۹- بخش های مختلف ادامه مطلب
۲۰- استایل دهی ادامه مطلب – جلسه ۱
۲۱- استایل دهی ادامه مطلب – جلسه ۲
۲۲- استایل دهی ادامه مطلب – جلسه ۳
۲۳- استایل دهی ادامه مطلب – جلسه ۴
۲۴- استایل دهی ادامه مطلب – جلسه ۵
۲۵- استایل دهی ادامه مطلب – جلسه ۶
۲۶- ایجاد سبد خرید
۲۷- استایل دهی صفحه ی سبد خرید – جلسه ۱
۲۸- استایل دهی صفحه ی سبد خرید – جلسه ۲
۲۹- استایل دهی صفحه ی سبد خرید – جلسه ۳
۳۰- صفحه پرداخت نهایی
۳۱- استایل دهی صفحه ی پرداخت نهایی – جلسه ۱
۳۲- استایل دهی صفحه ی پرداخت نهایی – جلسه ۲
۳۳- استایل دهی صفحه ی پرداخت نهایی – جلسه ۳
۳۴- تنظیم صفحه ی اکانت من
۳۵- استایل دهی صفحه ی اکانت من – جلسه ۱
۳۶- استایل دهی صفحه ی اکانت من – جلسه ۲
۳۷- استایل دهی صفحه ی اکانت من – جلسه ۳
و همچنان ادامه دارد….
ساخت فروشگاه اینترنتی توسط ووکامرس
دوره ساخت فروشگاه اینترنتی توسط ووکامرس
