آموزش المنتور ، طراحی سایت فروشگاهی پروژه محور + افزونه ها

معرفی دوره

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

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

دوره آموزش رایگان المنتور ، پروژه محور و بدون کدنویسی

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

ویژگی دوره

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

قالب فروشگاهی طراحی شده در این دوره

تضمین بازگشت وجه در صورت نارضایتی
تضمین بازگشت وجه در صورت نارضایتی
پشتیبانی و ارتباط کامل با مدرس دوره
پشتیبانی و ارتباط کامل با مدرس دوره
تضمین بازگشت وجه در صورت نارضایتی
دسترسی رایگان به آپدیت‌های دوره

این دوره برای چه کسانی مناسب است؟

ایکون  تمام کسانی که به فکر راه‌اندازی کسب‌ وکار آنلاین خود و ورود به دنیای مجازی هستند

ایکون کسانی که می خواهند آموزش طراحی سایت رایگان بدون کدنویسی را یاد بگیرند

ایکون مناسب افرادی که شغل جدید میخواهند

ایکون کسانی که می خواهند دانش وردپرس خود را ارتقا دهند

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

این دوره برای چه کسانی مناسب نیست؟

این دوره برای چه کسانی مناسب نیست

ایکون  افرادی که هدفشان کسب‌و‌کار اینترنتی نیست

ایکون کسانی که علاقه‌ای به داشتن سایت ندارند

ایکون افرادی که قالب‌ آماده‌ی فارسی بدون هیچ تغییری را ترجیح می دهند

ایکون کسانی که سایت وردپرسی دارند و می‌توانند به راحتی با آن کار کنند

ایکون کسانی که علاقه مند به آموزش المنتور نیستند

مدرس دوره

مطهره شورمیج
طراح سایت – مدرس و متخصص وردپرس – طراح فرانت‌اند

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

سرفصل های دوره

نمونه اصلی : برای طراحی قالب دوره ها

معرفی اجزای پیشخوان رایگان

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

Private
محتوای این درس خصوصی است. برای دسترسی کامل به محتوای دوره آن را خریداری کنید.
گفتگو مقدماتی

مباحث کلی طراحی سایت رایگان

توضیحاتی درباره انتخاب حوزه کاری سایت ، هاست و دامنه و سیستم مدیریت محتوا

نصب و راه‌ اندازی وردپرس

قسمت اول : خرید هاست و دامنه رایگان

آموزش خرید هاست و دامنه - ثبت دامنه .ir در سامانه nic.ir و دریافت شناسه نیک

قسمت اول آموزش طراحی سایت با المنتور

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

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

سامانه nic.ir

لینک جلسه قسمت اول

قسمت دوم : دانلود وردپرس و نصب آن در سی پنل رایگان

آموزش نصب وردپرس در cpanel ، ساخت ایمیل info

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

برای ورود به سی پنل ، عبارت cpanel/ را به انتهای دامنه اضافه می کنیم. در محیط سی پنل ، فایل زیپ وردپرس را در مسیر public-html ،آپلود می کنیم و مراحل نصب را پیش می بریم.

دانلود آخرین نسخه وردپرس

لینک جلسه قسمت دوم

آشنایی با محیط پیشخوان

قسمت سوم : ورود به پیشخوان و معرفی اجزای آن رایگان

در جلسه قبلی آموزش طراحی سایت با المنتور ، وردپرس را نصب کردیم . در این جلسه ، با اضافه کردن عبارت wp-admin/ به انتهای دامنه به پیشخوان یا ادمین وردپرس که یک پنل مدیریتی قدرتمند است ، ورود کرده و تقریبا تمامی اجزای صفحه پیشخوان را بررسی می کنیم.

قسمت چهارم : نصب افزونه های موردنیاز رایگان

نصب افزونه ویرایشگر کلاسیک ، ایجاد برگه و نوشته ، نصب ووکامرس و درگاه زرین پال

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

لینک جلسه قسمت چهارم

قسمت پنجم : نصب افزونه های مورد نیاز 2 رایگان

نصب افزونه ویرایشگر کلاسیک ، ایجاد برگه و نوشته ، نصب ووکامرس و درگاه زرین پال

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

لینک جلسه قسمت پنجم

ووکامرس

قسمت ششم : پیکربندی ووکامرس

انجام تنظیمات کلی فروشگاه ، محصول ، حمل و نقل و درگاه پرداخت

در جلسه قبلی آموزش طراحی سایت با المنتور ، وردپرس را نصب کردیم . در این جلسه ، با اضافه کردن عبارت wp-admin/ به انتهای دامنه به پیشخوان یا ادمین وردپرس که یک پنل مدیریتی قدرتمند است ، ورود کرده و تقریبا تمامی اجزای صفحه پیشخوان را بررسی می کنیم.

دانلود جلسه ششم

قسمت هفتم : محصول گذاری در ووکامرس

آموزش ساخت محصول ، تعریف دسته بندی و ویژگی برای محصولات و انتشار آن

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

دانلود جلسه هفتم

قسمت هشتم : ایجاد فهرست

آموزش ایجاد فهرست ، ویرایش و حذف آن

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

دانلود جلسه هشتم

نصب قالب و افزونه های المنتور

قسمت نهم : نصب قالب hello elementor

در نهمین جلسه از دوره رایگان المنتور ، می خواهیم قالب رایگان hello elementor را نصب کنیم. این قالب ، یک قالب خام و بدون تنظیمات است و توسط شرکت سازنده افزونه المنتور ، ساخته شده و سازگارترین قالب برای افزونه المنتور می باشد.

برای نصب قالب از بخش نمایش > پوسته ها > افزودن ، استفاده می کنیم.

دانلود جلسه نهم

قسمت دهم : نصب افزونه المنتور - المنتور پرو - ultimate addons for elementor

در جلسه قبلی ، قالب سلام المنتور را در قسمت پیشخوان > نمایش > پوسته ها نصب کردیم و در این جلسه از آموزش ، می خواهیم افزونه های المنتور (نسخه رایگان و پرو) را نصب کنیم. نسخه رایگان افزونه امکانات محدودی دارد. با نصب افزونه المنتور پرو ، امکانات آن را بیشتر می کنیم. البته برای المنتور ، افزودنی های بسیاری ساخته شده که معروف ترین آن افزودنی  ultimate addons for elementor است که ما این افزودنی را هم به سایت اضافه می کنیم تا امکانات المنتور را تکمیل تر کنیم.

دانلود جلسه دهم

قسمت یازدهم : تنظیمات افزونه المنتور و بررسی بخش قالب ها

پیکربندی المنتور ، ایجاد قالب ، نحوه برون بری و درون ریزی قالب ها

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

دانلود جلسه یازدهم

قسمت دوازدهم : آشنایی با محیط ویرایشگر المنتور

نحوه درج ردیف و المان ، بررسی گزینه های موجود در طراحی، تنظیمات صفحه و قالب

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

دانلود جلسه دوازدهم

قسمت سیزدهم : نصب فونت دلخواه به سایت

نحوه افزودن فونت ایرانسنس به کمک افزونه المنتور ، معرفی و تنظیم فونت به کل سایت

در سیزدهمین جلسه از دوره رایگان المنتور ، نحوه افزودن فونت دلخواه به سایت را یاد می گیریم .فایل زیپ فونت باید از قبل خریداری و تهیه شود. انتخاب ما ، فونت ایرانسنس است که آن را به کمک افزونه المنتور به قالب اضافه می کنیم. هر فونت ، فرمت و وزن های مختلفی دارد که باید آن ها رابه قالب بشناسانیم. برای این کار از قسمت پیشخوان > المنتور > add new < custom fonts استفاده می کنیم.

دانلود جلسه سیزدهم

دانلود فونت ایرانسنس (IRANSANS)

طراحی سربرگ یا header

ایجاد ساختار کلی سربرگ ، المان لوگو سایت ، المان منو یا فهرست ناوبری ، المان دکمه و محتوای پویا ، المان سبد خرید ، المان فرم جستجو ، ریسپانسیو سازی هدر

قسمت چهاردهم : طراحی هدر - بخش اول

ایجاد ساختار کلی سربرگ (بخش ، ستون و تنظیمات آن ها )

قسمت چهاردهم : طراحی هدر - بخش دوم

کار با المان لوگو سایت

قسمت چهاردهم : طراحی هدر - بخش سوم

کار با المان فهرست ناوبری یا nav menu

قسمت چهاردهم : طراحی هدر - بخش چهارم

کار با المان دکمه یا button و محتوای پویا

قسمت چهاردهم : طراحی هدر - بخش پنجم

کار با المان فرم جستجو یا search form

قسمت چهاردهم : طراحی هدر - بخش ششم

کار با المان سبد خرید یا cart

قسمت چهاردهم : طراحی هدر - بخش هفتم

تنظیمات واکنش گرایی یا ریسپانسیو سربرگ

طراحی صفحه اصلی

قسمت پانزدهم - بخش اول : کار با المان اسلایدر

کار با المان اسلایدر

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

دانلود

قسمت پانزدهم - بخش دوم : کار با المان تصویر

کار با المان تصویر

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

دانلود

قسمت شانزدهم : کار با المان سربرگ

قسمت هفدهم - بخش اول : کار با المان جعبه آیکن

قسمت هفدهم - بخش دوم : کار با المان کادر تصویر و بخش داخلی

دانلود 

قسمت هجده - بخش اول : پس زمینه گرادیانت

دانلود

قسمت هجدهم- بخش دوم : کار با المان Woo Product

دانلود

قسمت هجده - بخش سوم : ریسپانسیو سازی بخش و تفاوت واحد px , %

قسمت نوزده : ادامه طراحی صفحه اصلی

تکرار کار با المان تصویر و لینک پویا

قسمت بیستم : کار با المان اسلایدر محصولات

قسمت بیست و یکم : کار با المان ویرایشگر متن

قسمت بیست و دوم - بخش اول : کار با المان posts

کار با المان posts در المنتور پرو

در قسمت بیست و دوم از آموزش المنتور ، با المان post آشنا می شویم که برای نمایش مقالات در صفحه اصلی استفاده می شود. برای این کار دو انتخاب داریم. المان post ها ، هم در المنتور پرو وجود دارد و هم در المان ultimate addons elementor که در این قسمت کار با هر دو المان را بررسی می کنیم.

دانلود

قسمت بیست و دوم - بخش دوم : ادامه کار با المان posts

کار با المان posts در المنتور پرو

در قسمت بیست و دوم از آموزش المنتور ، با المان post آشنا می شویم که برای نمایش مقالات در صفحه اصلی استفاده می شود. برای این کار دو انتخاب داریم. المان post ها ، هم در المنتور پرو وجود دارد و هم در المان ultimate addons elementor که در این قسمت کار با هر دو المان را بررسی می کنیم.

دانلود

قسمت بیست و دوم - بخش سوم : ادامه کار با المان posts

کار با المان posts در ultimate addon elementor

در قسمت بیست و دوم از آموزش المنتور ، با المان post آشنا می شویم که برای نمایش مقالات در صفحه اصلی استفاده می شود. برای این کار دو انتخاب داریم. المان post ها ، هم در المنتور پرو وجود دارد و هم در المان ultimate addons elementor که در این قسمت کار با هر دو المان را بررسی می کنیم.

دانلود

قسمت بیست و سه : کار با المان گردونه نظرات مشتریان

طراحی پاورقی یا footer

قسمت بیست و چهارم - بخش اول : کار با المان لیست آیکون

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

دانلود

قسمت بیست و چهارم - بخش دوم : کار با المان شبکه های اجتماعی و آیکون جعبه

قسمت بیست و چهارم - بخش سوم: ریسپانسیو سازی فوتر

طراحی صفحه فروشگاه

قسمت بیست و پنجم : طراحی صفحه فروشگاه

کار با المان های مرتبط با صفحه محصولات

طراحی صفحه محصول

کار با المان های مرتبط با صفحه محصول ( المان تصویر محصول ، المان قیمت ، المان تب محصولات ، المان محصولات مرتبط و ... )

قسمت بیست و ششم - بخش اول

کار با المان های مرتبط با صفحه محصولات

قسمت بیست و ششم - بخش دوم

کار با المان های مرتبط با صفحه محصولات

طراحی صفحه تماس با ما

قسمت بیست و هفتم : کار با المان فرم

طراحی صفحه درباره ما

قسمت بیست و هشتم : کار با المان سوالات متداول

4.7/5 - (12 امتیاز)

دوره‌های مرتبط

9 دیدگاه برای آموزش المنتور ، طراحی سایت فروشگاهی پروژه محور + افزونه ها

  1. محمد مهدی دی (خریدار محصول)

    واقعا عالیه، تماممطالب با جزئیات کافی و ازم ذکر شده، بی نظیره دمتون گرم

    • امیر علی کاسه گری

      سلام
      خواهش میکنیم دوست عزیز
      موفق باشید

  2. Omar (خریدار محصول)

    سلام وقتتون بخیر خسته نباشید .

    ببخشید یه سوال داشتم : بعد از یادگیری این دوره من به وردپرس مسلط میشم و میتونم در شرکت ها استخدام بشم

    الان رفتم خوندم بعضی هاشون میگن باید php هم بلد باشیم و api هم بلد باشیم

    ممنون میشم راهنمایی کنید

    • رضا سردشتی (خریدار محصول)

      بله کاملا مسلط میشید جوری که راحت میتونید پروژه بگیرید و کسب درآمد کنید از طراحی سایت

  3. ماهان شورگشتی (خریدار محصول)

    با سلام و خسته نباشید
    خیلی ممنون بابت این دوره من هنوز دوره را تموم نکردم ولی تا اینجای دوره که هدر تموم شده عالی بوده و مطمئنم بقیه دوره هم به همین شکل خواهد بود. خیلی ممنون♥

    • رضا سردشتی (خریدار محصول)

      سپاس خداروشکر که راضی بودید

  4. فرزاد (خریدار محصول)

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

  5. شهین مرادی (خریدار محصول)

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

  6. شهین مرادی (خریدار محصول)

    ببخشید عذرخواهی میکنم اسم استاد دوره رو اشتباه نوشتم، خانم شورمیج هستند تدریسشون فوق العاده هست امیدوارم همیشه شاد و سلامت باشند

    • رضا سردشتی (خریدار محصول)

      سپاس از شما ، خوشحالیم که مفید بوده

  7. مانی ایمانی (خریدار محصول)

    ممنون از شما عزیزان لطف بزرگی به من کردین پربرکت باشید

    • رضا سردشتی (خریدار محصول)

      سلام
      خواهش میکنیم . موفق و شاد باشید

  8. شهین مرادی (خریدار محصول)

    سلام خسته نباشید
    من یه سوال داشتم اگه امکان داره راهنمایی ام کنید. سرعت لود و بارگذاری المنتور در صفحات سایت بسیار پایینه
    آیا راهکاری برای بالا بردن سرعت المنتور هست؟

  9. hgt

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

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *