جلسه شصت و دوم – آموزش طراحی سایت فروشگاهی با وردپرس

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

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

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

دسته بندی تصویری برای دسترسی سریع

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

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

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

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

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