نکته مهم: این دوره فقط برای دانشجویان دوره جامع وبمستر پلاس و به صورت هدیه در دسترس است و امکان ثبت نام مجزا در آن وجود ندارد. (با ثبت نام در دوره جامع وبمستر پلاس این دوره و تمامی دوره های دیگر وب سایت را به صورت هدیه و رایگان دریافت کنید.) ---> برو به دوره جامع وبمستر پلاس
آموزش طراحی سایت فروشگاهی با قالب فلت سام
در دوره آموزش طراحی سایت فروشگاهی با قالب فلت سام یاد میگیرید که چگونه یک سایت فروشگاهی با طراحی مدرن و کاملا حرفهای را توسط قالب وردپرس فلت سام از صفرتاصد طراحی کنید، در این دوره یاد میگیرید که چگونه امکانات حرفهای را به سایت خود اضافه کنید و سایتی بدون رقیب در زمینه طراحی و امکانات در حوزه فروشگاه آنلاین خود طراحی کنید.
قیمت دوره:
1,95 میلیون تومان
هدیه دوره وبمستر پلاس
مدتدوره
550+ دقیقه
تعدادجلسات
62 جلسه
تعداددانشجویان
136 دانشجو
با کلیک روی دکمه زیر میتوانید پیشنمایش وبسایت طراحی شده را مشاهده کنید.
توضیحات دوره
در این دوره به صورت کاملا پروژه محور و از صفر تا صد یک وب سایت فروشگاهی کامل با تمامی امکانات مورد نیاز را طراحی میکنیم، طراحی این سایت فروشگاهی بر پایه قالب فلت سام است، توجه داشته باشید که قالب فلت سام پرفروش ترین قالب فروشگاهی وردپرس است که امکانات بسیار جالب توجهی دارد با این حال کدنویسی بسیار بهینهای دارد و همین موضوع باعث شده است که اگر کار اصولی و حرفهای با این قالب را یاد بگیرید، در نهایت میتوانید وب سایت هایی با امکانات فروشگاهی و البته کاملا بهینه از نظر سئو و سرعت طراحی کنید.
نمونه ویدیوها
سرفصلهای دوره
در دوره آموزش طراحی سایت فروشگاهی با قالب فلت سام از صفر کار را آغاز خواهیم کرد و با نصب وردپرس استارت کار را می زنیم.
- راه اندازی لوکال هاست در کامپیوتر شخصی
- دانلود جدیدترین نسخه وردپرس فارسی
- ساخت دیتابیس مورد نیاز سایت
- نصب و پیکربندی وردپرس فارسی در لوکال هاست
در ادامه دوره، کار را با نصب جدیدترین نسخه از قالب وردپرس فلت سام پیش خواهیم برد.
- نصب قالب وردپرس فلت سام روی سایت
- نصب چایلد تم قالب وردپرس فلت سام
- حذف قالب های پیشفرض وردپرس
افزونه های مورد نیاز یک وب سایت فروشگاهی را نصب و پیکربندی خواهیم کرد، در انتخاب و تعداد افزونه ها بسیار سخت گیر خواهیم بود چون نمیخواهیم سرعت سایت تحت تاثیر قرار گیرد.
- انجام تنظیمات حذف و نصب افزونه ها
- نصب افزونه های مورد نیاز قالب فلت سام
- حذف افزونه های پیشفرض وردپرس
برای تبدیل وردپرس به یک سایت فروشگاهی نیاز داریم تا بهترین افزونه فروشگاه ساز وردپرس یعنی پلاگین ووکامرس را نصب و پیکربندی کنیم. پیکربندی صحیح ووکامرس در عملکرد و سرعت سایت تاثیر خواهد داشت.
- انجام تنظیمات حذف و نصب افزونه ها در سیستم مک
- نصب افزونه های مورد نیاز قالب فلت سام
- حذف افزونه های پیشفرض وردپرس
در ادامه دوره آموزش طراحی سایت فروشگاه اینترنتی با قالب وردپرس فلت سام در آکادمی وبکیما، وقت آن است که به سایت خود فونت فارسی اضافه کنیم، البته این کار را بدون نصب افزونه انجام خواهیم داد تا سرعت سایت تحت تاثیر قرار نگیرد.
- افزودن فونت فارسی بدون افزونه
- افزودن کدهای مورد نیاز از طریق چایلد تم
در ادامه دوره فهرست مورد نیاز سایت خود را می سازیم.
- ساخت فهرست اصلی سایت
- افزودن آن به منوی اصلی
در ادامه دوره تنظیمات قالب فلت سام را برای سایت خودمان پیکربندی و شخصی سازی خواهیم کرد.
- آموزش پیکربندی تنظیمات قالب فلت سام
- تنظیم بخش استایل سایت
- تنظیم بخش بلاگ سایت
- و …
در ادامه دوره هدر اصلی سایت را طراحی خواهیم کرد، دقت کنید که هدر سایت را با امکانات قالب فلت سام طراحی خواهیم کرد و البته با افزودن کمی کد کاستومایز طراحی هدر را زیبا تر خواهیم کرد.
- طراحی هدر با امکانات قالب فلت سام
- شخصی سازی هدر سایت از طریق کدهای شخصی و چایلدتم
در ادامه دوره صفحه نمایش نوشته ها یا همان صفحه مقالات سایت را طراحی خواهیم کرد.
- آموزش طراحی صفحه نوشته ها
- کاستومایز کردن صفحه مقالات بر اساس طرح سایت فروشگاهی
در ادامه دوره صفحه اصلی سایت را با تمامی جزئیات مورد نیاز طراحی خواهیم کرد.
- آموزش طراحی بنرهای ریسپانسیو صفحه اول سایت
- آموزش طراحی بخش دسته بندی های سایت
- طراحی بخش شگفت انگیزهای روز
- آموزش طراحی اسلایدر نمایش محصولات
- طراحی بخش خدمات سایت در صفحه اصلی
- آموزش طراحی بخش برندها در صفحه اصلی
- آموزش طراحی بخش نمایش نوشته ها به صورت اسلایدر
- آموزش طراحی بخش عضویت در خبرنامه
در ادامه دوره فوتر سایت را با تمامی جزئیات مورد نیاز طراحی خواهیم کرد.
- طراحی بخش تماس با ما در فوتر
- قرار دادن لینک های مورد نیاز در فوتر
- طراحی بخش شبکه های اجتماعی
در این دوره یک آموزش کامل از نحوه کار با افزونه ووکامرس را خواهیم داشت، و موارد بسیار مهمی مثل موارد زیر را به صورت کامل یاد خواهید گرفت.
- آموزش افزودن محصول ساده در ووکامرس
- آموزش افزودن محصول متغیر در ووکامرس
- آموزش کار با دسته بندی ها و برچسب ها در ووکامرس
- آموزش کار با بخش ویژگی های محصول
- و تمامی موارد مربوط به افزونه ووکامرس
یکی از مهمترین ویژگی های سایت های بزرگ این است که در آن سایت ها شما میتوانید بر اساس رنگ و سایز و برند و … محصولات مورد نیاز خود را فیلتر کرده تا در نهایت به محصول مورد نیاز خود برسید، در این دوره دقیقا این موضوع به صورت کامل آموزش داده شده است و شما یاد خواهید گرفت که چگونه ویژگی های رنگ و سایز و هر نوع ویژگی دیگر را به محصولات خود اضافه کنید تا در نهایت یک وب سایت حرفه ای داشته باشید.
- آموزش افزودن ویژگی رنگ به محصولات
- آموزش افزودن ویژگی سایز به محصولات
- و هر نوع ویژگی دیگر که نیاز داشته باشید
صفحه فروشگاه در سایت های فروشگاهی مهمترین صفحه ممکن است چون قرار است که مشتریان را مجذوب خود کرده تا در نهایت هر بازدید به خرید ختم شود، بنابراین در این دوره به صورت کاملا حرفهای یک صفحه فروشگاه طراحی خواهیم کرد تا تمامی فیلترهای مورد نیاز اعم فیلتر سایز و رنگ و قیمت و … را داشته باشد.
- طراحی حرفهای صفحه فروشگاه
- افزودن فیلترهای مورد نیاز اعم از قیمت، سایز، رنگ و …
در ادامه دوره آموزش طراحی سایت فروشگاهی با قالب فلت سام، یک صفحه زیبا برای ارتباط با ما در سایت خواهیم ساخت که شامل تمامی موارد مورد نیاز اعم از فرم تماس، شماره های تماس، شبکه های اجتماعی، نقشه دفتر کار و … خواهد بود.
- آموزش طراحی صفحه تماس با ما
- قرار دادن شبکه های اجتماعی
- ساخت فرم تماس با ما
- قرار دادن نقشه گوگل دفتر کار بدون افزونه
در ادامه دوره آموزش طراحی سایت فروشگاهی با قالب فلت سام، یک صفحه زیبا درباره ما در سایت خواهیم ساخت که شامل تمامی موارد مورد نیاز خواهد بود.
- آموزش طراحی صفحه درباره ما
- طراحی زیبا و منحصر به فرد
- کاملا ریسپانسیو
در ادامه دوره آموزش طراحی سایت فروشگاهی با قالب فلت سام، یک صفحه زیبا برای نمایش خطای 404 در سایت خواهیم ساخت که شامل تمامی موارد مورد نیاز خواهد بود.
- آموزش طراحی صفحه 404
- طراحی زیبا و منحصر به فرد
- کاملا ریسپانسیو
در این دوره سایتی که طراحی میکنیم کاملا ریسپانسیو خواهد بود و در موبایل و تبلت به صورت کاملا زیبا و حرفه ای نمایش داده می شود.
- طراحی کاملا ریسپانسیو
- آموزش تکنیک های طراحی سایت ریسپانسیو
در نهایت که طراحی سایت به اتمام رسید، یاد خواهید گرفت که چگونه از کل سایت خروجی گرفته و آن را به یک هاست واقعی با یک دامنه واقعی منتقل کنید.
- آموزش بک آپ گیری از سایت
- انتقال سایت به هاست واقعی
نبی عبدی
مدرس دوره
مدیر آکادمی وبکیما، مدرس و محقق در حوزه طراحیسایت و برنامهنویسی، مدرس بیشتر از 10 هزار دانشجو در حوزههای مختلف طراحیسایت.
kingamirrezaahmadi1 –
سلام
ممنون از زحمات شما
یه سوال داشتم.بخش پنل مدیریت که برا هر سایتی استفاده میشود.در وردپرس چگونه هست؟
پشتیبانی –
سلام، برای اطلاع از این موضوع به دوره آموزش وردپرس رایگان وبکیما مراجعه کنید.
عرفان –
سلام و عرض ادب خسته نباشید.
ی سوال داشتم برای توسعه یک وبسایت حالا چ با برنامه نویسی چ با وردپرس همیشه نیاز هست ک UI سایت طراحی بشه ؟
و سوال دومم اینه اگر در ابتدای راه باشیم و همکار برای طراحی UI سایت نداشته باشیم چه کاری بهتره انجام بدیم؟
پشتیبانی –
درود، بله اگر طرح UI را داشته باشید سایتی که طراحی میکنید بسیار حرفهای تر و جذاب تر خواهد بود و کار شما به عنوان طراح سایت بسیار ساده تر و سریعتر پیش خواهد رفت، بهتره که خودتون دست به کار بشید و حداقل مفاهیم اولیه طراحی رابط و تجربه کاربری را یاد بگیرید.
مهدی –
سلام وقت بخیر. امکان طراحی صفحات بلاگ اختصاصی هم وجود داره؟
پشتیبانی –
درود بر شما، داخل همین سایتی که طراحی کردیم، یک صفحه بلاگ طراحی شده است، اگر منظورتان داشتن چند صفحه بلاگ مختلف است، این مورد باید توسط کدنویسی اضافه شود، اما برای محصولات میتوانید صفحات مختلفی را طراحی کنید مثلا محصول شماره یک با صفحه محصول شماره یک نمایش داده شود و الی آخر.
نوروان –
سلام
برای یادگیری بهتر این دوره شما چه پیش نیازی توصیه میکنید ؟
پشتیبانی –
درود بر شما، دوره رایگان آموزش وردپرس وبکیما را حداقل تا 20 جلسه اول مشاهده کنید.
پریسا حسینی –
سلام وقت بخیر مرسی آقای عبدی از زحمت هایی که برای آموزش ها و یادگیری ما میزارین من خیلی از آموزش های شما رو تهیه کردم همشون عالی هستن
داخل اموزش طراحی سایت دیجی کالا که تهیه کردم در کنار المنتور از کد نویسی هم استفاده کردین
می خواستم بدونم برای این طراحی هم از کدنویسی استفاده میشه یا خیر؟
پشتیبانی –
درود بر شما، خوشحالیم که از دورههای وبکیما رضایت کامل دارید، بله در این دوره هم از ترفندهای inspect و استفاده از قطعه کدها استفاده کردهایم که باعث شده دوره موارد خیلی گسترده ای برای یادگیری داشته باشد.
Mr.shad –
با سلام و خسته نباشید
ببخشید جناب عبدی ، این دوره با المنتور طراحی شده؟
میشه یکم بیشتر توضیح بدین که چطور سایت رو بالا آوردید
ممنون
پشتیبانی –
درود بر شما، خیر همانطور که از نام دوره پیداست، در این دوره از قابلیتهای بسیار عالی قالب وردپرس فلت سام برای طراحی استفاده میکنیم بزودی ویدیوی معرفی جامع داخل همین صفحه قرار خواهد گرفت.