آموزش المنتور به صورت کاربردی و مرحله به مرحله، که طبق آخرین نسخه المنتور برای شما تهیه و ضبط شده است. افزونه المنتور رابط کاربری راحت و آسانی دارد حتما این افزونه را نصب کنید. و از کار کردن با این ویرایشگر لذت ببرید. با ما در سلام وردپرس همراه باشید.
اگر دنبال آموزش جامع المنتور هستی حتما با سلام وردپرس همراه باش
آموزش وردپرس و المنتور 09351332906 در واتس اپ پیام بگذارید.
ما افزونه های صفحه ساز زیادی داریم مانند: صفحه ساز بی اور بیلدر، صفحه ساز دیوی، صفحه ساز ویژوال کامپوزر و…
اما از بین همه آنها میتونم بهتون بگم در حال حاضر المنتور بهترین صفحه ساز وردپرس جهان هست.
افزونه المنتور به افزونه وردپرسی با قابلیت طراحی زنده معروف است. یعنی اینکه تغییرات هنگام ویرایش با المنتور در لحظه به شما نشان داده میشود که بعد از انتشار کاربرهای سایت هم میتوانید ببینید.
این صفحه ساز با قابلیتهای پیشرفته و رابط کاربری ساده به شما کمک میکند که صفحات بسیار جذاب و گرافیکی تولید کنید و یک UI جذاب برای سایت خود به وجود آورید. این صفحه ساز در دو نسخه رایگان و پرمیوم ارایه شده است، که نسخه رایگان در مخزن وردپرس دارای بیش از 5 میلیون نصب فعال میباشد.
قابلیت طراحی به صورت زنده
بهینه بودن افزونه
دارای سرعت بالا
قابلیت ساخت صفحات “به زودی” ، “در دست ساخت” و “404”
وجود بیش از 100 قالب و الگوی آماده
قابلیت سازگاری با ووکامرس
امروزه بیشتر سایت ها خدمات یا کالایی رو به مخاطب می فروشند. المنتور این امکان رو به طراحان سایت داده تا از ابزار های مفیدش توی طراحی سایت فروشگاهی هم استفاده کنند. صفحه ی سبد خرید ، صفحه ی پرداخت و تشکر و پیگیری خرید هم به با افزونه ی عالی المنتور طراحی می شوند.
امکان تهیه نسخه پشتیبان از ویرایشهای قبلی
(ذخیره یک صفحه طراحی شده و خروجی گرفتن از آن، درون ریزی یک صفحه آماده به سایت)
دارای 30 آیتم مختلف برای استفاده در صفحات
قابلیت کدنویسی استاندارد
طراحی سایت بدون کد نویسی
طراحی تمام بخش های سایت بدون زدن حتی یک خط کد، در واقع شما صفحهی مورد نظر رو در وردپرس ایجاد می کنید و فقط روی دکمهی «ویرایش با المنتور» کلیک می کنید، تمام عناصر داخل المنتور با درگ و دراپ اعمال میشن و تنظیمات مربوط به طراحی (رنگ و فونت و سایز و..) از طریق منوی Style (استایل) انجام میشه و اصلا جای نگرانی نیست که المان ها یک شکل منحصر به فرد داشته باشند.
پشتیبانی از زبان فارسی
قابلیت اعمال فونت دلخواه در المنتور
یکی از بهترین امکانات المنتور این هست که شما می توانید بدون کدنویسی و css زدن، فونت مورد نظر خود را با یک بار آپلود کردن توی تنظیمات المنتور روی تمام بخش های سایت اعمال کنید! تنظیمات فونت دلخواه توی المنتور انقدری پیشرفته هست که بتونید فونت با تمام فرمت های موجود رو با وزن های مختلف اضافه کنید، می توانید داخل تنظیمات سایت نیز برای بخش های مختلف فونت با وزن های مختلف رو Set کنید.
راهنمای بصری طراحی سایت (پرمیوم)
طراحی پاپ آپهای حرفهای (پرمیوم)
دارای بیش از 80 ویجت (پرمیوم)
سازگار با هر نوع قالب و افزونه (پرمیوم)
قابلیت طراحی واکنشگرا
مهمترین اصل طراحی وب سایت و طراحی وب سایت فروشگاهی، واکنشگرا (Responsive) بودن اون وب سایت هست.
موبایل فرندلی و واکنشگرا بودن به این دلیل مهمه چون دیگه بالغ بر ۶۰-۷۰ درصد از کاربرا با موبایل خود وارد سایت شما می شوند.
در المنتور زمانی که دارید نمای Desktop رو طراحی می کنید، به شما این امکان داده شده که حالت موبایل و تبلت اون صفحه رو در لحظه ویرایش و تنظیم کنید.
استفاده از آیکن های دلخواه در المنتور
در صفحه ساز المنتور میشه آیکن های دلخواه را همانند فونت ها به راحتی نصب و استفاده کرد.
برای نصب افزونه رایگان المنتور میتوانید از مخزن وردپرس نسبت به نصب افزونه اقدام نمائید.
برای این کار باید از پیشخوان سایت، بخش افزونه ها، افزودن را کلیک کنید.
در قسمت جستجوی افزونه عبارت elementor را سرچ کنید، سمت راست افزونه المنتور را برای شما نمایش میدهد روی نصب کلیک کنید بعد از نصب افزونه روی فعال کلیک کنید.
پس از نصب و فعالسازی افزونه گزینهای به نام “المنتور” به پیشخوان وردپرس شما افزوده خواهد شد.
برای نصب افزونه المنتور پرو از پیشخوان سایت، بخش افزونه ها، افزودن را کلیک کنید، از قسمت بارگذاری افزونه فایل zip افزونه المنتور پرو را انتخاب کنید و روی نصب کلیک کنید.
بعد از نصب افزونه از قسمت افزونه ها، افزونه های نصب شده، افزونه المنتور پرو را فعال کنید.
تنظیمات المنتور
در قسمت پیشخوان سایت، در بخش المنتور تنظیمات المنتور را میتوانیم انجام دهیم.
بخش تنظیمات
مربوط به تنظیمات افزونه است و دارای 5 سربرگ مجزا میباشد.
سربرگ کلی
این بخش شامل تنظیمات کلی مربوط به صفحه و نوشتهها میباشد.
انواع نوشته: این بخش امکان انتخاب مکان المنتور در نوشتهها، برگهها یا صفحه محصولات ووکامرس را فراهم میکند.
غیرفعال کردن رنگهای پیشفرض:
با انتخاب این گزینه رنگهای موجود در افزونه غیرفعال خواهند شد و رنگ بندی قالب وردپرس شما مورد استفاده قرار خواهد گرفت.
غیر فعال کردن فونتهای پیشفرض:
با انتخاب این گزینه فونتهای موجود در افزونه غیرفعال خواهند شد و فونتهای موجود در قالب وردپرس شما مورد استفاده قرار خواهد گرفت.
همرسانی مصرف داده:
با فعال کردن این گزینه به المنتور اجازه می دهید، اطلاعات سایت شما را برای بهبود عملکرد المنتور دنبال کند. و المنتور تضمین کرده است که هیچ داده حساسی از سمت شما جمع آوری نشود.
سربرگ استایل
بخش بعدی در آموزش تنظیمات المنتور سربرگ استایل هست این سربرگ شامل تنظیمات مربوط به ظاهر و طراحی صفحات میباشد و لازم است برای ویرایش و اعمال تغییرات تنظیمات استایل آدرسی که در تصویر مشاهده میکنید دنبال کنید.
وارد ویرایشگر المنتور شوید و مطابق تصاویر زیر، گزینه تنظیمات و سپس تنظیمات سایت را انتخاب کنید.
سیستم طراحی
رنگهای عمومی: این گزینه شامل سفارشیسازی رنگ اولیه، رنگ ثانویه، رنگ متن و رنگ برجسته میباشد.
فونتهای سراسری: تغییر و سفارشیسازی فونت عنوان اولیه، ثانویه، متون و متن برجسته از این بخش امکانپذیر میباشد.
استایل قالب
فن چاپ: تنظیماتی از جمله رنگ سربرگ، متن، پیوند، هاور، پیوند و تراز متنها از این قسمت قابل تنظیم میباشد. (نکته: برای اعمال تغییرات فن چاپ لازم است رنگهای پیشفرض قالب را غیرفعال کنید)
دکمهها: تنظیماتی همچون رنگ پس زمینه دکمه، رنگ متن، نوع کادر و ایجاد سایه برای دکمه از گزینههای این بخش هستند.
تصاویر: این بخش شامل تنظیماتی از قبیل نوع کادر دور تصاویر، میزان شفافیت، سایه کادر و فیلترهای CSS میباشد.
فیلدهای فرم: این بخش برای سفارشیسازی رنگ فیلدها و برچسبها، رنگ متن، کادر و سایه کاربرد دارد.
تنظیمات
هویت سایت: از این قسمت میتوانید برای سایت خود نام و توضیحات در نظر بگیرید و لوگو و فاو آیکن انتخاب کنید.
پس زمینه: انتخاب نوع پس زمینه براساس رنگ، پس زمینه کلاسیک و یا گرادیانت میباشد.
طرح بندی: تنظیمات طرحبندی شامل موارد زیر میباشد:
عرض محتوا: در این بخش میتوانید عرض محتوای خود را در صفحات مشخص کنید. مقدار پیشفرض 1140 پیکسل است که در صورت مشکل میتوانید این مقدار را تغییر دهید، در غیر این صورت بهتر است از مقدار پیشفرض استفاده کنید.
فاصله بین ابزارکها: با استفاده از این بخش میتوانید فاصله میان اجزا و ابزارکهای موجود در صفحات خود را تعیین کنید. بطور پیشفرض مقدار 20 پیکسل برای تمامی ابزارکهای صفحه اعمال میشود و قابل تغییر است.
انتخابگر عنوان برگه: با کمک این گزینه میتوانید استایلی را برای عنوان صفحه ایجاد شده خود بنویسید
اندازه شدن بخش کشیده: با این گزینه نیز میتوانید اندازه قسمت موردنظر را بصورت تمام صفحه درآورید.
طرح برگه پیش فرض: باید از بین طرح بندیهای موجود (پوسته، canvas و تمام عرض) یک گزینه را انتخاب کنید.
نقطه نمایش موبایل: این گزینه بیانگر سایز نمایش موبایل است که مقدار استاندارد آن 768 پیکسل میباشد.
نقطه نمایش تبلت: این گزینه بیانگر سایز نمایش موبایل است که مقدار استاندارد آن 1025 پیکسل میباشد.
لایت باکس: با انتخاب این گزینه میتوانید برای تصاویر موجود در سایت وردپرسی خود را در Lightbox نمایش دهید، به این معنی که اگر کاربران بر روی تصویری کلیک کنند، آن تصویر در قالب یک جعبه نمایش داده خواهد شد.
css سفارشی: این قابلیت فقط در نسخه پرمیوم افزونه قابل دسترس است و برای افزودن کدهای CSS سفارشی شما کاربرد دارد.
سربرگ یکپارچه سازی
در این قسمت می توانید جهت هماهنگی و فراخانی ابزار های تحت وب نظیر reCAPTCHA، MailerLite از API کد های آنها استفاده نمایید.
سربرگ پیشرفته
این بخش مربوط به تنظیمات پیشرفته و حرفهای افزونه المنتور است.
روش پرینت Css: از این قسمت قادر خواهید بود نحوه فراخوانی CSS را به دو روش استفاده از فایل خارجی یا فایل قالب انتخاب کنید. برای بهبود عملکرد در هنگام ساخت صفحات گرافیکی با این افزونه در وردپرس، بهتر است این گزینه را روی فایل خارجی تنظیم کنید و صرفا تنها برای عیبیابی از روش جایگذاری درونی استفاده کنید.
تغییر روش بارگذاری ویرایشگر: فعالسازی این گزینه به عیبیابی و برطرف کردن مشکل کمک میکند و حالت لودشونده را برای بخش ویرایش صفحه مورد نظر فعال میکند.
این روش برای حالت عیب یابی می باشد. برای مثال وقتی ویرایشگر باز نمی شود شما می توانید این گزینه را فعال کنید تا مشکل حل شود.
فعالسازی بارگذاری بیپالایه پرونده: با استفاده از این گزینه قادر خواهید بود قابلیت بارگذاری و استفاده از فایلهای با فرمت SVG در وردپرس را فعال و یا غیرفعال کنید. توجه داشته باشید که استفاده از این نوع فایلها احتمال ایجاد خطرهای امنیتی را به دنبال دارد.
نکته: اگر میخواهید از فایل با فرمت SVG استفاده کنید باید این گزینه روی فعال تنظیم شود.
بارگذاری پشتیبانی Font Awesome 4 : این اسکریپت به شما کمک میکند در زمان استفاده از کتابخانه Font Awesome 5 کلیه آیکونهای Font Awesome 4 به درستی نمایش داده شوند.
بخش فونت های سفارشی
این قابلیت تنها در نسخه پرمیوم افزونه قابل استفاده است و به شما اجازه میدهند تا فونتهای دلخواه خود را در المنتور اضافه کنید.
یکی از ویژگی های عالی افزونه المنتور، اضافه کردن فونت های دلخواه به این صفحه ساز می باشد.
ابتدا در قسمت پیشخوان سایت در بخش المنتور – بخش فونت های سفارشی را انتخاب میکنیم.
توجه: این ویژگی فقط در نسخه پرو افزونه المنتور قابل دسترس می باشد.
در برگه باز شده گزینه افزودن جدید را بزنید تا فونت دلخواه را آپلود کنیم.
یک خانواده فونت نوشته و دکمه افزودن فونت متغییر را بزنید.
در اینجا باید فونت های دلخواه را با فرمت های WOFF, WOFF2, TTF, SVG, EOT آپلود کنیم. هر یک از فرمت ها را در ردیف مخصوص به خود آپلود کرده و دکمه انتشار را بزنید.
و از قسمت ارتفاع میتوانیم برای فونت مورد نظر یک وزن مشخص کنیم.
نکته: ممکن هست شما فونتی تهیه میکنید که تمامی این فرمت های مورد نظر را ندارد، موردی ندارد فرمت هایی که دارید را اضافه کنید.
نکته: برای اینکه تمامی فرمت ها فونت را داشته باشید از سایت های تبدیل فرمت استفاده نکنید.
و در آخر روی انتشار کلیک میکنیم.
تفاوت فرمت فونت ها چیست؟
فرمت EOT: این فرمت که توسط ماکروسافت برای وب معرفی شده است فقط برای مرورگر اینترنت اکسپلورر (IE) قابل استفاده است.
فرمت TTF: این فرمت که شاید بسیاری با آشنا باشند توسط اکثر مرورگر ها از آن پشتیبانی می شود.
فرمت WOFF: این فرمت توسط موزیلا معرفی شده و جزفرمت های رسمی وب فونت می باشد. این فرمت توسط بیشتر مرورگرهای مدرن و اینترنت اکسپلورر ۹ به بعد پشتیبانی می شود.
فرمت WOFF2: این فرمت نسحه جدید فرمت WOFF می باشد که توسط mozilla ارائه شده است . این فرمت به دلیل حجم کمتر نسبت به نسل قبلی خود باعث میشود لود فونت ها خیلی سریع تر انجام شود که در نهایت سرعت لود سایت نیز بهتر می شود.
حالا برای اینکه مطمئن شویم کاربری که داخل سایت ما هست فونت های سایت را به درستی مشاهده میکند هر 4 فرمت بالا را در المنتور آپلود کنید.
فونت های سفارشی در المنتور
حالا به صفحه ساز المنتور رفته و در تب تایپوگرافی ویجت، خانواده فونت را انتخاب کنید. بعد از اضافه کردن فونت دلخواه در المنتور یک تب اضافی به لیست قونت ها با عنوان فونت های سفارشی اضافه شده است.