المنتور چیست؟

اگر دنبال آموزش جامع المنتور هستی حتما با سلام المنتور همراه باش 💪😉

ما افزونه های صفحه ساز زیادی داریم مانند: صفحه ساز بی اور بیلدر، صفحه ساز دیوی، صفحه ساز ویژوال کامپوزر و…

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

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

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

ویژگی های افزونه المنتور Elementor Page Builder

 

قابلیت طراحی به صورت زنده

بهینه بودن افزونه

دارای سرعت بالا

قابلیت ساخت صفحات “به زودی” ، “در دست ساخت” و “404”

وجود بیش از 100 قالب و الگوی آماده

قابلیت سازگاری با ووکامرس

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

امکان تهیه نسخه پشتیبان از ویرایش‌­های قبلی

(ذخیره یک صفحه طراحی شده و خروجی گرفتن از آن، درون ریزی یک صفحه آماده به سایت)

دارای 30 آیتم مختلف برای استفاده در صفحات

قابلیت کدنویسی استاندارد

طراحی سایت بدون کد نویسی

طراحی تمام بخش های سایت بدون زدن حتی یک خط کد، در واقع شما صفحه‌ی مورد نظر رو در وردپرس ایجاد می کنید و فقط روی دکمه‌ی «ویرایش با المنتور» کلیک می کنید، تمام عناصر داخل المنتور با درگ و دراپ اعمال میشن و تنظیمات مربوط به طراحی (رنگ و فونت و سایز و..) از طریق منوی Style (استایل) انجام میشه و اصلا جای نگرانی نیست که المان ها یک شکل منحصر به فرد داشته باشند.

پشتیبانی از زبان فارسی

قابلیت اعمال فونت دلخواه در المنتور

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

راهنمای بصری طراحی سایت (پرمیوم)

طراحی پاپ آپ­‌های حرفه­‌ای (پرمیوم)

دارای بیش از 80 ویجت (پرمیوم)

سازگار با هر نوع قالب و افزونه (پرمیوم)

قابلیت طراحی واکنشگرا

مهمترین اصل طراحی وب سایت و طراحی وب سایت فروشگاهی، واکنشگرا (Responsive) بودن اون وب سایت هست.

موبایل فرندلی و واکنشگرا بودن به این دلیل مهمه چون دیگه بالغ بر ۶۰-۷۰ درصد از کاربرا با موبایل خود وارد سایت شما می شوند.

در المنتور زمانی که دارید نمای Desktop رو طراحی می کنید، به شما این امکان داده شده که حالت موبایل و تبلت اون صفحه رو در لحظه ویرایش و تنظیم کنید.

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

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

آموزش نصب و راه‌اندازی افزونه المنتور

برای نصب افزونه رایگان المنتور می‌توانید از مخزن وردپرس نسبت به نصب افزونه اقدام نمائید.

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

در قسمت جستجوی افزونه عبارت elementor را سرچ کنید، سمت راست افزونه المنتور را برای شما نمایش میدهد روی نصب کلیک کنید بعد از نصب افزونه روی فعال کلیک کنید.

پس از نصب و فعالسازی افزونه گزینه‌ای به نام “المنتور” به پیشخوان وردپرس شما افزوده خواهد شد.

آموزش نصب و راه‌اندازی افزونه المنتور پرو elementor pro

برای نصب افزونه المنتور پرو از پیشخوان سایت، بخش افزونه ها، افزودن را کلیک کنید، از قسمت بارگذاری افزونه فایل 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 فرمت بالا را در المنتور آپلود کنید.

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

آموزش افزودن فونت به المنتور

به همین ترتیب می‌توانید بی نهایت فونت به المنتور اضافه کنید.

فیلم آموزش اضافه کردن فونت به المنتور

بخش آیکن‌های سفارشی

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

می‌توانیم آیکن مورد نظر خود را از سایت های معرفی شده دریافت کنیم (fontello – icomoon – Fontastic )

بخش مدیریت نقش ها

با استفاده از این قابلیت قادر خواهید بود دسترسی کاربران مختلف را نسبت به ویرایش مطالب در وردپرس محدود کنید. برای استفاده از این ویژگی می‌توانید با کلیک بر روی نقش موردنظر و انتخاب گزینه “بدون دسترسی به ویرایشگر” و ذخیره‌­ی تغییرات، دسترسی به ویرایشگر المنتور را محدود کنید.

بخش ابزارها

در این بخش تنظیمات بیشتری برای مدیریت و کار با افزونه وجود دارد که در ادامه به بررسی هر کدام از این 4 سربرگ می‌پردازیم.

سربرگ کلی

تولید مجدد فایل CSS: کدهای CSS سفارشی در المنتور در یک فایل جداگانه ذخیره می‌شوند، با کلیک بر روی این گزینه می­‌توانید فایل جدیدی تولید کنید.

نکته: زمانی تغییراتی در تنظیمات ایجاد می‌کنید به طور مثال فونتی را اضافه یا تغییر می‌دهید اگر تغییرات برای شما اعمال نشد روی قسمت تولید مجدد کلیک کنید.

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

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

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

سربرگ جایگزینی url 

در صورت تغییر آدرس وبسایت وردپرسی شما و یا فعالسازی پروتکل https می‌توانید از این بخش آدرس قدیمی و جدید سایت خود را وارد و سپس بر روی دکمه جایگزینی URL کلیک کنید.(بهتر است قبل از انجام این کار از پایگاه داده خود یک نسخه پشتیبان تهیه کنید.)

سربرگ کنترل نسخه

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

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

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

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

سربرگ حالت تعمیر:

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

انتخاب حالت: با استفاده از این گزینه می‌توانید حالت تعمیر یا به زودی را انتخاب کنید.

نکته: بهتر است حالت تعمیر بیشتر از 3 روز طول نکشد؛ چرا که بر رتبه سئو سایت شما تاثیر منفی خواهد گذاشت.

چه کسی می‌تواند به سایت دسترسی داشته باشد؟: در صورت فعالسازی حالت تعمیر و یا بزودی با کمک این گزینه می­‌توانید مشخص کنید که چه کسی یا چه کسانی به سایت و پنل مدیریتی دسترسی داشته باشند، با تنظیم این گزینه بر روی حالت “سفارشی” قادر خواهید بود دسترسی کاربران را تعیین کنید.

انتخاب قالب: در این قسمت می‌توانید قالب نمایش حالت تعمیر را مشخص کنید. برای این کار می­‌بایست یک قالب برای برگه “در دست تعمیر” که توسط افزونه ساخته شده بسازید و یا آن را از قالب‌­های موجود انتخاب کنید.

آموزش طراحی صفحات با افزونه المنتور

بعد از آشنایی با نحوه‌ی نصب و راه‌اندازی و تنظیمات افزونه المنتور در ادامه می‌ریم سراغ آموزش المنتور و طراحی صفحات با افزونه المنتور.

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

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

استفاده از قالب­‌های آماده المنتور

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

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

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

در برگه باز شده گزینه افزودن جدید را بزنید تا فونت دلخواه را آپلود کنیم.

elementor.com

salamwp.com