عدم نیاز
57,000+
مدیرعامل سایت “وبنوس” ارائه دهنده کلیه خدمات طراحی سایت و طراحی گرافیکی در ایران
یادگیری به آموزش خوب هم نیاز دارد ، این دوره کاملترین آموزش المنتور به زبان فارسی می باشد که مدرسین خبره تدریس شده است. در آموزش المنتور وردپرس تمامی نکات لازم ( از صفرتاصد) را برای شما تدریس خواهیم کرد و امیدواریم که ایرانیان عزیز بتوانند از آن به خوبی بهره مند شوند.
هر بار خرید محصول برای یک دامنه قابل استفاده است. (قوانین)
1
2
3
4
5
6
7
8
9
10
11
12
اگر به تازگی وارد دنیای طراحی سایت شده باشید می دانید که افزونه صفحه ساز المنتور یکی از بهترین صفحه ساز های دنیا وردپرس است. برای اینکه بدون یک خط کدنویسی بتوانید سایت ایده آل خود را طراحی کنید به این افزونه نیاز اساسی خواهید داشت. اولین قدم برای طراحی سایت حرفه ای آموزش و تمرین و تکرار است؛ با ما در ادامه همراه باشید تا به بررسی و آموزش افزونه المنتور بپردازیم.
```اگر به تاریخ عرضه افزونه المنتور توجه کنید متوجه می شوید که این صفحه ساز خارق العاده در سال ۲۰۱۶ میلادی عرضه شد و در مدت زمان بسیار کوتاهی موفق شد از رقبای خود جلو بزند و تبدیل به پرطرفدارترین افزونه صفحه ساز وردپرس شود. استفاده از این افزونه بسیار راحت و آسان است و شما فقط با دراگ و دراپ می توانید شروع به افزودن امکانات موردنظر خود به صفحات وب شوید.
این افزونه دارای دموهای بسیار زیبایی است که می توانید طرح مورد علاقه خود را شخصی سازی کنید. شما بدون یک خط کدنویسی می توانید با سرعت نور شروع به طراحی سایت ایده آل خود کنید و گرافیک های جذاب و خاصی به صفحات سایت خود اضافه کنید.
افزونه Elementor یار و یاور سئو است و شما در زمان کوتاهی می توانید در رتبه های بالای گوگل شناخته شوید. المنتور هیچ مشکلی با ایران و زبان فارسی ندارد و اگر مسلط به زبان انگلیسی نیستید با خیال راحت می توانید با زبان مادری خود شروع به طراحی کنید. به کمک المنتور می توانید صفحات بسیار جذابی برای فروشگاه اینترنتی خود طراحی کنید و شاهد افزایش فروش نجومی خود باشید.
از مزیت ویژه افزونه صفحه ساز المنتور امکان طراحی وب سایت به صورت زنده و لایو است که شما بلافاصله پس از افزودن المان ها شاهد تغییرات در همان لحظه خواهید بود که با این امکان شما می توانید سرعت کار خود را بیشتر کنید. المنتور کاملا ریسپانسیو و واکنش گرا است و صفحات سایت تان روی انواع دستگاه های هوشمند از جمله گوشی، تبلت، کامپیوتر دیده خواهد شد و مشکلی برای کاربران ایجاد نمی کند. به کمک افزونه المنتور شما می توانید شروع به ساخت صفحات پاپ آپ کنید و به طور هوشمندانه بازاریابی دیجیتال خود را آغاز کنید. در ادامه با ما همراه باشید تا آموزش المنتور را توضیح دهیم.
```قصد داریم افزونه المنتور را به صورت قدم به قدم آموزش دهیم. شما با این آموزش به راحتی می توانید شروع به طراحی صفحات یک وب سایت کنید. کار با افزونه المنتور بسیار راحت است ولی باید تمرین و تکرار مداوم داشته باشید. خب معطل چی هستید با هم شروع می کنیم. این دوره آموزشی از پایگاه دانش المنتور نیز الگو گرفته است.
همان طور که می دانید افزونه المنتور دارای 2 نسخه رایگان و پریمیوم است که اگر می خواهید از امکانات جذاب و پیشرفته این افزونه صفحه ساز استفاده کنید بهتر است نسخه پریمیوم اورجینال آن را تهیه کنید. برای نصب فایل وارد پیشخوان وردپرس شوید و سپس از قسمت افزونه ها گزینه افزودن و بارگذاری افزونه را انتخاب کنید و فایل خود را آپلود کنید. پس از نصب شما شاهد پیغام نصب موفقیت آمیز خواهید بود. در این دوره آموزشی البته به صورت کامل در این مورد هم توضیح داده ایم.
سمت راست پیشخوان می توانید گزینه المنتور را ببینید؛ روی آن کلیک کنید و وارد تنظیمات این افزونه شوید. بخش های مختلف افزونه المنتور را با هم بررسی می کنیم.
افزونه المنتور ۴ قسمت در تنظیمات خود دارد که عبارت است از: کلی، استایل، یکپارچه سازی و پیشرفته.
۱. انواع نوشته: در این بخش گزینه هایی مثل: نوشته ها، برگه ها، محصولات، نمونه کار، بازخورد مشتریان، چیدمان شبکه، سربرگ ها، قالب های محتوا، بخش بلوک ها که با تیک زدن گزینه مدنظر خود مشخص می کنید در این صفحات قصد استفاده از المنتور را دارید.
۲. غیر فعال کردن رنگ های پیش فرض: با انتخاب این گزینه رنگ پیش فرض المنتور غیر فعال می شود و رنگ خود قالب وردپرس جایگزین خواهد شد.
۳. غیر فعال کردن فونت های پیش فرض: با انتخاب این گزینه تمامی فونت های پیش فرض المنتور غیر فعال شده و فونت های قالب شما فعال خواهد شد.
۴. بهبود المنتور > رهگیری استفاده از داده ها: با فعال سازی این گزینه اطلاعات شما در زمینه استفاده از المنتور به شرکت توسعه دهنده ارسال خواهد شد و این کار باعث بهبود کارکرد افزونه المنتور می شود.
در این قسمت می توانید شروع به تنظیمات رنگ های عمومی، فونت ها، دکمه ها، تصاویر، پس زمینه، طرح بندی و تنظیمات سفارشی CSS کنید. به طور کلی این قسمت ویژه تغییرات ظاهری و زیبایی صفحات وب سایت است.
رنگ های عمومی: ویژه شخصی سازی تمامی رنگ های اولیه، ثانویه، متن ها و تمامی رنگ های استفاده شده است؛
فونت ها: ویژه شخصی سازی تمامی فونت ها؛
فن چاپ: تنظیم رنگ تمامی قسمت ها مثل متن ها، سربرگ ها و پیوندها؛
دکمه: تنظیم رنگ پس زمینه تمامی دکمه ها، قابلیت ایجاد سایه و کادر برای دکمه ها؛
تصاویر: تنظیمات کادر، شفافیت و سایه کادر برای عکس ها؛
فیلدهای فرم: سفارشی سازی تمامی رنگ های برچسب ها، کادرها، سایه ها و فیلدها؛
هویت سایت: انتخاب نام، توضیحات اختصاصی و لوگو و آیکن مورد نظر برای سایت؛
پس زمینه: انتخاب پس زمینه بر اساس انواع رنگ ها و ویژگی ها؛
طرح بندی: در این بخش می توانید تنظیمات عرض محتوا، فاصله بین اجزا، نوع انتخابگر، تعیین اندازه صفحات را انجام دهید؛
لایت باکس: با تنظیم این گزینه به کاربران اجازه می دهید که با کلیک روی عکس های سایت شما آنها را به صورت جعبه ببیند؛
CSS سفارشی: اگر مسلط به کدنویسی باشید در این قسمت می توانید کد مورد نظر خود را بنویسید تا در سایت دیده شود.
شما در این بخش می توانید کدهای اختصاصی انواع سرویس های معروف مثل گوگل، فیسبوک، میل چیمپ، دریپ و… را قرار دهید. تمامی این تنظیمات را بدون یک خط اطلاعات کدنویسی می توانید با المنتور روی سایت خود اعمال کنید.
در این بخش شاهد تنظیمات پیشرفته صفحه ساز المنتور هستید. بخش های آن عبارت اند از: روش پرینت CSS ، تغییر روش بارگذاری ویرایشگر، فعال سازی بارگذاری بی پالایه پرونده، خروجی بهینه شده ساختار اچ تی ام ال، بارگذاری پشتیبانی Font Awsome 4 که در ادامه به توضیح هر یک می پردازیم.
روش پرینت CSS : شما در این بخش می توانید کد CSS را به ۲ صورت فایل قالب و فایل خارجی به کار بگیرید. از این قسمت برای عالی شدن گرافیک سایت می توانید استفاده کنید.
تغییر روش بارگذاری ویرایشگر: اگر این گزینه را فعال کنید تمامی عیب و اشکالات موجود را خواهید دید. فوق العاده است نه؟
فعال سازی بارگذاری بی پالایه پرونده: اگر از فایل هایی با فرمت SVG استفاده می کنید می توانید با فعال سازی آن شروع به استفاده این نوع فایل ها در سایت کنید.
خروجی بهینه شده ساختار اچ تی ام ال: اگر یک سری از کدهای شخصی سازی شده شما در المنتور اجرا نمی شود می توانید با فعال سازی این گزینه تمامی کدها را ببینید.
بارگذاری پشتیبانی Font Awsome : اگر از نسخه ۵ استفاده می کنید با فعال سازی این بخش می توانید آیکن های نسخه ۴ را ببینید.
المنتور دارای المان ها و ویژگی های جذابی است که با دراگ و دراپ (کشیدن و رها کردن) هر کدام از این المان ها را می توانید اجرا کنید. امکانات المنتور از جمله: قسمت داخلی، سربرگ، تصویر، ویرایشگر متن، ابزار ویدیو، ابزار دکمه، ابزار جدا کننده، ابزار نقشه گوگل و ابزار آیکن که در ادامه توضیح داده می شوند.
قسمت داخلی: در این بخش می توانید ساختارهای مطالب و متون را بسازید.
سربرگ: این ابزار بهترین سرتیترها را برای پاراگراف های شما ایجاد می کند.
تصویر: با این ابزار می توانید یک محتوای چند رسانه ای با انواع تصویر بسازید.
ویرایشگر متن: در این بخش محتواهای سایت خود را به جای استفاده از ویرایشگر کلاسیک یا گوتنبرگ وردپرس وارد می کنید.
ابزار ویدیو: شما با کمک این ابزار می توانید محتواهای ویدیویی در سایت خود بارگذاری کنید.
ابزار دکمه: شما با این ابزار قابلیت افزودن دکمه های جذاب و زیبا در صفحات خود خواهید داشت.
ابزار جدا کننده: به کمک این ابزار می توانید انواع خط چین مرئی یا نامرئی در صفحات خود ایجاد کنید و فاصله های ایده آل داشته باشید.
ابزار نقشه گوگل: با این ابزار می توانید نقشه گوگل را روی صفحات خود اجرا کنید.
ابزار آیکن: اگر خلاق هستید با این ابزار قابلیت افزودن آیکن های جذاب به سایت را خواهید داشت.
المنتور دارای بیش از ۴۰+ ویجت متفاوت و جذاب است که با آن ها می توانید امکانات بیشتری روی سایت خود اضافه کنید. ویجت های مختلف المنتور عبارت است از:
ویجت شمارنده متحرک؛
ویجت گرداننده شانس؛
ویجیت سایدبار؛
ویجت درج لوگو؛
ویجت افزودن کادر برای تصاویر؛
ویجت درج آیکن شبکه های اجتماعی؛
ویجت درج دیدگاه مشتریان؛
ویجت درج آکاردئون؛
ویجت درج کاروسل برای تصاویر؛
ویجت درج کد کوتاه؛
ویجت ساخت نوار پیشرفت؛
ویجت باکس هشدار؛
ویجت ایجاد تب؛
ویجت ساخت فهرست مطالب؛
ویجت تیتر متحرک؛
ویجت لنگر فهرست؛
ویجت تمپلیت؛
ویجت اسلایدر
افزونه صفحه ساز المنتور یک کتابخانه بسیار پیشرفته و بزرگ از انواع طرح های آماده و بسیار جذاب برای کاربران خود قرار داده است که شما می توانید به کمک آنها شروع به ساخت سایت مورد نظر خود کنید. با درون ریزی هر یک از این دموها می توانید صفحات را با سلیقه شخصی خود سفارشی سازی کنید. در ادامه با انواع دموهای آماده المنتور آشنا می شویم.
۱. دموی سایت آماده خدماتی؛
۲. دموی سایت آماده فروشگاهی؛
۳. دموی سایت آماده آموزش آنلاین؛
۴. دموی سایت آماده توریستی؛
۵. دموی سایت آماده فست فود؛
۶. دموی سایت آماده پزشکی؛
۷. دموی سایت آماده دکوراسیون داخلی؛
۸. دموی سایت آماده وبلاگ شخصی؛
۹. دموی سایت آماده شرکتی؛
۱۰. دموی سایت آماده کافی شاپ؛
۱۱. دموی سایت آماده روانشناسی؛
۱۲. دموی سایت آماده بیمه؛
۱۳. دموی سایت آماده باشگاهی؛
۱۴. دموی سایت آماده فریلنسری؛
۱۵. دموی سایت آماده بازی؛
۱۶. دموی سایت آماده املاک؛
۱۷. دموی سایت آماده حیوانات خانگی؛
۱۸. دموی سایت آماده لوازم یدکی خودرو؛
۱۹. دموی سایت آماده آژانس دیجیتال مارکتینگ؛
۲۰. دموی سایت آماده فروشگاه پوشاک؛
و … .
با تهیه نسخه پریمیوم افزونه المنتور خانواده جذابی از فونت های محبوب فارسی مثل ایران سنس، ایران یکان و فونت آوینی خواهید داشت. شما به صورت سفارشی می توانید انواع فونت زیبا و جذاب را نصب کنید و کاربران خود را تحت تاثیر قرار دهید. در ادامه مراحل افزودن فونت در قسمت فونت های سفارشی المنتور را توضیح می دهیم.
۱. در منوی المنتور روی گزینه «فونت های سفارشی» کلیک کنید و وارد صفحه شوید؛
۲. در صفحه بارگذاری شده گزینه «افزودن جدید» را انتخاب کنید؛
۳. یک اسم مناسب برای فونت خود بنویسید؛
۴. فونت خود را بارگذاری کنید؛
۵. از قسمت وزن و استایل نوع بولد بودن و حالت فونت خود را انتخاب کنید. کار تمام است.
الان که با المان ها و ویجت های مختلف المنتور آشنا شدید شروع به کار کنید و اولین صفحه سایت را بسازید. اگر قصد دارید سرعت خود را افزایش دهید می توانید از دموهای آماده استفاده کنید و بعد آن را بر اساس ایده و خلاقیت خود شخصی سازی کنید. وارد پیشخوان وردپرس شوید و روی برگه کلیک کنید و وارد صفحه با ویرایشگر المنتور شوید. در این صفحه با جمله «ابزارک را به اینجا بکشید و رها کنید» مواجه خواهید شد که باید از داخل کادر سمت راست ابزار مورد نظر خود را بگیرید و در داخل کادر رها کنید.
هر المانی که در کادر می بینید یک ویژگی خاص به سایت شما اضافه می کنند. در ادامه مراحل ساخت صفحه را به صورتی جز به جز با افزونه المنتور را شرح می دهیم.
۱. در زیر منوی المنتور گزینه شروع کار را انتخاب کنید و وارد محیط ویرایشگر المنتور شوید؛
۲. در داخل کادر دو آیکن خواهید دید آیکن + و آیکن فایل که روی آیکن فایل کلیک کنید و وارد کتابخانه دموهای قالب سایت آماده المنتور شوید؛
۳. متناسب با حوزه سایت خود یک طرح را انتخاب کنید؛
۴. یک اکانت در کتابخانه قالب های المنتور بسازید و وارد کتابخانه شوید؛
۵. الان می توانید قالب مورد علاقه خود را در سایت خود درون ریزی کنید؛
۶. اکنون توانایی ویرایش هر ستون و تصاویر و.. را دارید؛
۷. شروع به تمرین و تکرار کنید تا ملکه ذهن تان شود.
اگر می خواهید صفحات سایت شما هر کدام دارای هدر و فوتر خلاقانه و متفاوت باشد، به راحتی این کار را با افزونه صفحه ساز المنتور می توانید انجام دهید. برای ایجاد یک هدر سفارشی بعد از اینکه وارد پیشخوان وردپرس خود شد از گزینه template ساخت قالب را انتخاب کنید و در صفحه باز شده نوع قالب خود را روی سربرگ قرار دهید و یک نام برای آن انتخاب کنید.
پس از این کار روی ایجاد قالب کلیک کنید و در بلوک اجرا شده شروع به طراحی هدر خود کنید. بسیاری از انواع هدرهای متفاوت در المنتور وجود دارد که به آسانی می توانید آنها را شخصی سازی کنید.
برای فوتر نیز همین مراحل را طی کنید ولی نوع قالب را فوتر انتخاب کنید.
در این قسمت یاد می گیرید که چطور برای سایت خود بخش ایجاد کنید و ستون ها را تنظیم کنید.
برای ایجاد بخش دو روش را به شما می آموزیم:
۱. روی آیکن + در صفحه ای که ساختید کلیک کنید و بعد تعداد ستون های مدنظر خودتان را انتخاب کنید؛
۲. از سمت راست قسمت المان ها گزینه «بخش داخلی» را بگیرید و در کادر + رها کنید؛ کار تمام شد. طراحی سایت تا الان انقدر لذت بخش و آسان بوده؟
تنظیمات بخش شامل سه تب طرح بندی، استایل و پیشرفته است.
۱. عرض محتوا که می توانید عرض هر یک از بخش ها را مشخص کنید؛
۲. فاصله میان ستون ها که با این گزینه می توانید فاصله بین هر ستون را کم یا زیاد کنید؛
۳. ارتفاع که به راحتی می توانید به صورت دستی ارتفاع بخش ها را تنظیم کنید؛
۴. موقعیت ستون که با این گزینه می توانید موقعیت هر ستون را بررسی کنید؛
۵. تراز عمودی با این گزینه می توانید انتخاب کنید که هر ستون در چه قسمتی قرار بگیرد؛
۶. Overflow با این ابزار می توانید بیرون زدگی بخش را متوجه شوید.
۱. پس زمینه: در این قسمت می توانید برای پس زمینه صفحات خود عکس اضافه کنید؛
۲. روکش پس زمینه: پس از انتخاب پس زمینه با این گزینه می توانید روی آن روکش قرار دهید؛
۳. حاشیه: در این بخش می توانید برای بخش های خود سایه و کادر انجام دهید؛
۴. جدا کننده: با این گزینه قادر به ایجاد افکت های جدا کننده به صورت زیگزاگی یا کوه خواهید بود؛
۵. فن چاپ: با این گزینه می توانید رنگ متن داخل هر بخش و فونت هایی که باید نمایش داده شود را تنظیم کنید.
۱. پیشرفته: با این گزینه می توانید آی دی، پدینگ و کلاس بسازید؛
۲. افکت های متحرک: با این گزینه قادر به افزودن افکت های حرفه ای به بخش های خود هستید؛
۳. واکنش گرا: این قسمت مربوط به تنظیمات نمایش صفه روی گوشی هوشمند و تبلت است؛
۴. CSS سفارشی: اگر برنامه نویسی باشید می توانید کد اختصاصی سی اس اس خود را در این بخش وارد کنید.
تنظیمات ستون شامل سه تب طرح بندی، استایل و پیشرفته است.
با این گزینه می توانید تنظیمات مربوط به عرض ستون، تراز عمودی، هماهنگی افقی، فضای بین ابزارک ها و تگ HTML را اعمال کنید.
۱. پس زمینه: تصویر مورد نظر را با رنگ مورد علاقه می توانید اضافه کنید؛
۲. حاشیه: کادرگذاری و سایه؛
۳. فن چاپ: رنگ متن و فونت.
۱. پیشرفته: فاصله گذاری پدینگ، ساخت آی دی، کلاس؛
۲. افکت های متحرک: ایجاد افکت های حرفه ای؛
۳. واکنش گرا: نمایش حالت ریسپانسیو ستون روی دستگاه های هوشمند
۴. CSS سفارشی: با دانش کدنویسی می توانید کد مورد نظرتان را در این بخش اضافه کنید.
اگر به هنگام طراحی صفحات خود کاملا تصادفی مرتکب اشتباه شوید و یا وسط کار برق قطع شود و… به هیچ وجه ناراحت نشوید چرا که المنتور تاریخچه کارهای شما را به صورت لایه نگه داری می کند. مراحل تاریخچه المنتور را در ادامه توضیح می دهیم.
اگر فروشگاه اینترنتی دارید و قصد دارید نماد الکترونیکی یا ای نماد خود را در فوتر با المنتور قرار دهید این گام ها را دنبال کنید:
پاپ آپ المنتور بسیار هوشمند و عالی است و کاربران را دلسرد نمی کند. شما با کمک قالب های آماده روی افزونه المنتور می توانید شروع به ساخت و ایجاد صفحات پاپ آپ اختصاصی خود کنید.
اگر آموزش وردپرس را مشاهده کرده اید، دانش کافی برای یادگیری المنتور هم دارید. همچنین اگر طراحی سایت را به تازگی آغاز کرده اید و فکر می کنید طراحی صفحات حرفه ای یک چالش بسیار بزرگ است با یادگیری افزونه صفحه ساز المنتور می توانید به راحتی شروع به طراحی صفحات بسیار زیبا کنید.
افزونه المنتور دارای امکانات بسیار جذاب و حرفه ای است که به شما این امکان را می دهد که بدون دانش برنامه نویسی شروع به ساخت بهترین سایت ها برای خود یا مشتریان کنید. ما در این مقاله سعی کردیم امکانات و المان های افزونه المنتور را معرفی کنیم و به صورت گام به گام یک صفحه برای سایت بسازیم.
آیا تجربه استفاده از افزونه المنتور را دارید؟ چه ایده هایی برای طراحی سایت با المنتور دارید؟ می توانید نظرات و تجربیات خود را در بخش دیدگاه های همین بخش، با ما و مخاطبان عزیزمان به اشتراک بگذارید.
بنام خداوند حکیم
عزیزانم ارزش این دوره آموزشی بزرگ در حدود 4 میلیون تومان می باشد.
تنها خواسته من در قبال این آموزش این است که به نزدیکانتان کمک کنید تا زندگی بهتری داشته باشند …
دیدگاه‌ها و پرسش‌ها
سلام وقت شما بخیر،
از همراهی شما بسیار ممنونیم، فرایند ضبط مجدد جلسات آغاز شده است که انشاالله بزودی بصورت آپدیت در دوره اضافه خواهد شدبا تشکر.
سلام وقت شما بخیر،
برای این حالت بهتر است از سازنده کوئری جت انجین استفاده شود.با تشکر.
سلام وقت شما بخیر،
از لطف و محبت شما بسیار ممنونیم و خوشحالیم که آموزش برایتان کاربردی بوده استبا تشکر.
سلام وقت شما بخیر،
از همراهی شما بسیار ممنونیم، با خطای خاصی مواجه میشوید؟با تشکر.
سلام وقت شما بخیر،
میتوانید کمانِ آرش : افزونه افزایش سرعت وردپرس در نت ملی را نصب و تست فرماییدبا تشکر.
سلام وقت شما بخیر،
از همراهی شما بسیار ممنونیم ، این مورد طی روزهای آینده در ادامه دوره اضافه خواهد شد.با تشکر.
سلام وقت شما بخیر،
این مورد با درج کلاس یا آی دی در متن نوشته شده و با استفاده از جی کوئری قابل اجرا خواهد بود.با تشکر.
سلام وقت شما بخیر،
از همراهی شما بسیار ممنونیم، دوره درحال تکمیل است و بزودی آپدیت جلسات اضافه میشود.با تشکر.
سلام وقت شما بخیر،
خواهشمند است از ناحیه کاربری خود اقدام به ارسال تیکت فرمایید تا کارشناسان راهنماییتان کنندبا تشکر.
سلام وقت شما بخیر،
در این خصوص میتوانید با css و ویژگی after before آن به لیست خود عنوان مورد نظر را اضافه کنید تا درصورتیکه لیست وجود نداشت عنوان نیز مخفی شود.با تشکر.
سلام وقت شما بخیر،
از همراهی شما بسیار ممنونیم ، این مورد بزودی اضافه خواهد شد.با تشکر.