salamwp - سلام وردپرس
salamwp - سلام وردپرس
خواندن ۹ دقیقه·۳ سال پیش

آموزش المنتور [100% رایگان] ❤️ [آپدیت مهر 1400] ❤️آموزش المنتور وردپرس

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

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

آموزش وردپرس و المنتور 09351332906 در واتس اپ پیام بگذارید.

آموزش المنتور [100% رایگان] ❤️ [آپدیت مهر 1400] ❤️آموزش المنتور وردپرس
آموزش المنتور [100% رایگان] ❤️ [آپدیت مهر 1400] ❤️آموزش المنتور وردپرس

«آموزش المنتور | آموزش کار با افزونه Elementor + [به صورت ویدئویی و 100% رایگان]»

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

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

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

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

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

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



در ویرگول سلام وردپرس میتوانید مقاله های جذابی بخوانید که از دل تجربیات تیم سلام وردپرس استخراج شده است
شاید از این پست‌ها خوشتان بیاید