آموزش المنتور (Elementor)

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

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

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

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

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

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

چرا به المنتور نیاز داریم؟

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

چرا نباید از سایر صفحه ساز ها استفاده کنیم؟

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

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

چه فرقی بین "ساخت صفحات به صورت کدنویسی" و "ساخت صفحات با المنتور" است؟

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

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

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

همچنین ابزار های فوق حرفه ای و جذاب برای المنتور به شما این اجازه را می‌دهد که جذاب ترین انیمیشن ها و کامپوننت ها که به صورت کدنویسی ساعت ها طول می‌کشد را در کمتر از چند ثانیه راه اندازی کنید.

کاهش هزینه ها با المنتور

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

ساخت صفحات پویا با المنتور

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

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

اهداف آموزش

-تسلط کامل به ابزار های المنتور
-توانایی ساخت یک قالب وردپرسی به صورت صفر تا صد
-توانایی طراحی حرفه ای صفحات وردپرسی
-توانایی ویرایش تخصصی صفحات وردپرسی
-توانایی توسعه وب سایت از طریق المنتور
-تسلط به تبدیل صفحات استاتیک به صفحات پویا
-توانایی بهینه سازی صفحات المنتوری
-توانایی تبدیل کاربری یک سایت وردپرسی(برای مثال تبدیل سایت خبری به فروشگاهی)
-و سایر قابلیت های حرفه ای در المنتور...

پیش نیاز های دوره

بهتر است قبل از دیدن این دوره، دوره مقدماتی و دوره پیشرفته وردپرس را مشاهده نمایید چرا که ما در دو دوره قبلی ریز جزئیات وردپرس را تکمیل کرده ایم.
همچنین برای بازدهی قوی تر در این دوره توصیه می‌شود دوره CSS مقدماتی راکت را مشاهده نمایید. 

چرا دوره پیشرفته المنتور راکت را مشاهده کنیم؟

1.    کامل ترین و قوی ترین دوره المنتور ایران
2.    پروژه محور و دارای تمرین در هر فصل (تمارین توسط مدرس مشاهده میشود)
3.    کاهش هزینه ها برای توسعه دهندگان و مدیران وب سایت های وردپرسی
4.    پیشرفت سریع المنتور و نیاز هر توسعه دهنده وردپرس به تسلط در این صفحه ساز
5.    تغیر کاربری آسان برای توسعه و تغیرات در وردپرس 

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

(سرفصل ها پس از انتشار دوره به صورت تکمیل شده قرار خواهد گرفت)

1-معرفی و شروع دوره

-المنتور چیست؟
-چرا به المنتور نیاز داریم؟
-معرفی افزونه های معروف المنتوری
-ابزار های مورد نیاز ما برای این دوره
-آماده سازی محیط اولیه دوره
-تمرین فصل اول

2-طراحی هدر

-آماده سازی محیط طراحی هدر وب سایت
-طراحی استاندارد اسکلت هدر
-افزودن لوگو و بهینه سازی
-افزودن منو به هدر
-افزودن دکمه های مورد نیاز
-مخفی سازی یک المان
-داینامیک سازی دکمه ورود و حساب کاربری
-ساخت نسخه موبایل هدر
-طراحی مگا منوی حرفه ای سه لایه المنتوری
-تمرین فصل دوم

3-طراحی فوتر

-طراحی استاندارد اسکلت فوتر
-افزودن لوگو به فوتر
-افزودن منو ها به فوتر
-افزودن خبرنامه به فوتر
-بهینه سازی فوتر
-رسپانسیو موبایل و تبلت فوتر
-ساخت Mobile Navigation برای فوتر
-افزودن برخی امکانات به فوتر
-تمرین فصل سوم

4-طراحی لندینگ پیج

5-طراحی صفحه نوشته

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

7-طراحی صفحه سبد خرید و پرداخت

8-طراحی پنل کاربری

9-طراحی صفحات جانبی سایت

10-داینامیک سازی صفحه نوشته

11-داینامیک سازی صفحه محصول

12-داینامیک سازی سایر صفحات جانبی

13-بهینه سازی نهایی پروژه

آپدیت دوره در سال ۲۰۲۴

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

• بررسی کامل به‌روزرسانی‌های Elementor در سال ۲۰۲۴
• بررسی نگهدارنده‌ها در المنتور
• آموزش طراحی اسلایدرها با المنتور
• طراحی و ساخت گریدهای المنتوری
• استفاده از فیلترها جدید المنتور
• آموزش مدیریت المان‌ها در المنتور

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

هدف نهایی دوره

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

اهمیت یادگیری افزونه المنتور برای طراحی سایت وردپرسی چیست؟

اهمیت یادگیری افزونه المنتور برای طراحی سایت‌های وردپرسی در چندین جنبه قابل توجه است:

1. کاربری آسان: المنتور یک رابط کاربری بصری و کشیدن و رها کردن (drag and drop) دارد که استفاده از آن برای کاربران بدون تجربه فنی نیز آسان است. این امر به شما امکان می‌دهد بدون نیاز به دانش برنامه‌نویسی، وب‌سایت‌هایی حرفه‌ای و زیبا ایجاد کنید.
2. طراحی انعطاف‌پذیر و سفارشی: المنتور به شما امکان می‌دهد تقریباً هر جنبه‌ای از طراحی وب‌سایت خود را سفارشی کنید، از جمله رنگ‌ها، فونت‌ها، طرح‌بندی‌ها و المان‌های بصری. این قابلیت‌ها به شما کنترل کامل بر ظاهر وب‌سایت خود را می‌دهند.
3. سازگاری با موبایل: المنتور ابزارهایی را فراهم می‌کند که به شما کمک می‌کنند تا وب‌سایت‌هایی پاسخ‌گو و سازگار با دستگاه‌های موبایل ایجاد کنید. این یک ویژگی مهم است، زیرا بسیاری از کاربران از طریق تلفن‌های همراه به اینترنت دسترسی دارند.
4. کارایی و بهینه‌سازی سئو: وب‌سایت‌های ساخته شده با المنتور معمولاً بارگذاری سریعی دارند و با استانداردهای سئو (بهینه‌سازی موتور جستجو) سازگار هستند. این به بهبود رتبه‌بندی وب‌سایت در نتایج جستجو کمک می‌کند.
5. دسترسی به قالب‌ها و افزونه‌های متعدد: المنتور به شما دسترسی به مجموعه‌ای گسترده از قالب‌ها و افزونه‌های اضافی را می‌دهد، که به شما امکان می‌دهد وب‌سایت خود را بیشتر گسترش دهید و سفارشی‌سازی کنید.
6. به روز رسانی‌های مداوم و پشتیبانی: المنتور به طور مداوم به‌روزرسانی می‌شود تا از جدیدترین روندهای طراحی وب و استانداردهای فناوری پشتیبانی کند. همچنین، پشتیبانی فنی برای حل مشکلات احتمالی وجود دارد.

طراحی سایت ورپرس با المنتور

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

ویژگی‌های پیشرفته المنتور

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

نکات و توصیه‌ها

• یادگیری مستمر: با توجه به به‌روزرسانی‌های مداوم المنتور، همیشه به یادگیری و به‌روز نگه داشتن دانش خود ادامه دهید.
• تمرکز بر UX/UI: هنگام طراحی، تجربه کاربری (UX) و رابط کاربری (UI) را در نظر بگیرید.
• بهینه‌سازی برای سئو: مطمئن شوید که وب‌سایت شما برای موتورهای جستجو بهینه‌سازی شده است

آینده المنتور

المنتور برای آنکه آینده خوب و با دوامی داشته باشد نیاز دارد تا یکسری موارد را رعایت کند. در زیر برخی از این موارد آورده شده است. البته این نکته را در نظر داشته باشید که تاکنون المنتور به تمامی این موارد پایبند بوده است:

1. پیشرفت‌های فناوری و وب: با توجه به تغییرات و پیشرفت‌های مداوم در فناوری وب، المنتور نیز باید خود را با این تغییرات همگام سازد تا همچنان مرتبط و مفید باقی بماند.
2. رقابت با سایر صفحه‌سازها: با وجود رقبای دیگر در بازار صفحه‌سازهای وردپرس، مانند Divi، Beaver Builder و Gutenberg، المنتور باید به نوآوری و بهبود مستمر خود ادامه دهد تا بتواند رقابتی باقی بماند.
3. تمرکز بر کاربردپذیری و تجربه کاربری: ادامه تمرکز بر ارائه یک تجربه کاربری قوی و کاربردپذیری آسان می‌تواند المنتور را به عنوان یکی از محبوب‌ترین افزونه‌ها در نزد طراحان وب حفظ کند.
4. پاسخگویی به نیازهای جدید طراحی وب: با توجه به اینکه طراحی وب مدام در حال تغییر است، المنتور باید به روزرسانی‌ها و ویژگی‌های جدیدی را ارائه دهد که پاسخگوی این تغییرات و نیازهای کاربران باشد.
5. سازگاری با آخرین استانداردهای وب: المنتور باید اطمینان حاصل کند که با آخرین استانداردهای وب، از جمله SEO، امنیت وب و بهینه‌سازی برای موبایل، سازگار است.
6. توسعه اکوسیستم: توسعه اکوسیستمی از افزونه‌ها، ادغام‌ها و جامعه کاربران فعال می‌تواند به تقویت موقعیت المنتور در بازار کمک کند.
7. توجه به بازخوردهای کاربران: توجه به نظرات و بازخوردهای کاربران و واکنش سریع به این بازخوردها برای بهبود محصول می‌تواند نقش مهمی در تعیین آینده المنتور داشته باشد.

المنتور یا ویژوال کامپوسر

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

المنتور

1. کاربری آسان و رابط کاربری بصری: المنتور دارای یک رابط کاربری بسیار کاربرپسند و بصری است که اجازه می‌دهد المان‌ها را به راحتی با کشیدن و رها کردن بچینید.
2. پاسخگویی قوی: ارائه ابزارهای متنوع برای اطمینان از اینکه وب‌سایت در دستگاه‌های مختلف به خوبی نمایش داده می‌شود.
3. سفارشی‌سازی زیاد: امکان تنظیم دقیق تقریباً هر جنبه‌ای از طراحی صفحه.
4. قالب‌ها و بلوک‌های آماده: دسترسی به تعداد زیادی از قالب‌ها و بلوک‌های آماده برای استفاده سریع.
5. پشتیبانی فعال و جامعه کاربری: جامعه بزرگ کاربران و پشتیبانی خوب.

ویژوال کامپوسر

1. رابط کاربری مبتنی بر بک‌اند و فرانت‌اند: ویژوال کامپوسر امکان ویرایش هم در بک‌اند و هم در فرانت‌اند را فراهم می‌کند.
2. پشتیبانی از کدهای کوتاه (Shortcodes): قابلیت تعبیه کدهای کوتاه برای افزودن ویژگی‌ها و عناصر پیچیده.
3. افزونه‌ها و ادغام‌های متعدد: پشتیبانی از انواع مختلفی از افزونه‌ها و ادغام‌ها.
4. انعطاف‌پذیری و سفارشی‌سازی: ارائه گزینه‌های سفارشی‌سازی زیاد برای توسعه‌دهندگان و طراحان وب.
5. قالب‌های متنوع و افزونه‌های اضافی: دسترسی به قالب‌ها و افزونه‌های اضافی برای گسترش قابلیت‌های وب‌سایت.

کسب درآمد از طراحی سایت با المنتور

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

1. ارائه خدمات طراحی وب

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

2. ساخت قالب‌های المنتور و فروش آن‌ها

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

3. آموزش المنتور

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

4. ارائه خدمات نگهداری وب‌سایت

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

بازار کار المنتور

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

1. طراحی و توسعه وب‌سایت‌ها

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

2. آموزش و مشاوره

• مربیگری و کلاس‌های آموزشی: اگر در استفاده از المنتور مهارت دارید، می‌توانید در زمینه آموزش این ابزار به دیگران فعالیت کنید. این شامل برگزاری کارگاه‌های آموزشی، دوره‌های آنلاین یا حضوری و ایجاد محتوای آموزشی است.
• مشاوره وب‌سایت: برخی از کسب‌وکارها به دنبال مشاورانی هستند که بتوانند در زمینه بهینه‌سازی و بهبود وب‌سایت‌های موجود با المنتور کمک کنند.

3. فروش محصولات و خدمات مرتبط

• ساخت و فروش قالب‌ها و افزونه‌ها: ایجاد قالب‌های سفارشی المنتور و فروش آن‌ها در بازارهای آنلاین یک روش عالی برای کسب درآمد است.
• ارائه خدمات پشتیبانی و نگهداری: بسیاری از کسب‌وکارها به دنبال خدمات پشتیبانی و نگهداری مداوم برای وب‌سایت‌های خود هستند.