چطوری از المنتور استفاده کنیم؟ | شروع کار با المنتور

افزونه المنتور

چطوری از المنتور استفاده کنیم؟ | آموزش شروع کار با المنتور

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

یه راهنمای گام به گام افزونه المنتور براتون آماده کردم که توضیح میده چطوری از المنتور  بهترین استفاده رو ببرین.

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

برای آموزش جامع المنتور ویدئوهای آموزشی ما رو هم میتونین دنبال کنین. 

ساخت یک صفحه جدید در شروع کار با المنتور

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

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

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

اولین صفحه‌تو با افزونه المنتور بساز

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

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

قسمتهای المنتور

برای ویرایش بخش و ستون و ویجت روی دستگیره هاشون راست کلیک کنین.

ویرایش در المنتور

بخش

  • 1 المنتور بر روی علامت + کلیک کنین تا یک بخش اضافه کنین یا بر روی علامت پوشه کلیک کنین تا از تم ها یا بلوکهای از پیش آماده شده استفاده کنین.
  • 2 المنتور ساختار ستون رو تعیین کنین.
  • 3 المنتور برای ویرایش، داپلیکیت، کپی یا حذف راست کلیک کنین.
ویرایش در المنتور

از دستگیره آبی بخش برای اضافه کردن بخش، دراگ بخش و حذف اون استفاده کنین.

ستون

  • 1 المنتور عرض ستون رو هم از قسمت طرح بندی یا Layout و هم با دراگ کردن نقطه چینهای کادر دور اون میتونین تنظیم کنین.
  • 2 المنتور برای اضافه کردن ستون روی دستگیره راست کلیک > فزودن ستون جدید.
  • 3 المنتور هر ویجتی که میخواین به داخل ستون بکشین.
تنظیم ستونها در المنتور

ویجت

  • 1 المنتور ویجت موردنظرتون رو داخل ستون درج کنین.
  • 2 المنتور عرض ویجت با عرض ستون تنظیم میشه.
درج ویجت در المنتور

اضافه کردن الگوی آماده در پلاگین المنتور

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

  • 1 المنتور از صفحه ویرایش المنتور بر روی پوشه کلیک کنین.
درج الگو در المنتور
  • 2 المنتور برروی آیکن ذره بین کلیک کنین تا پیش نمایش الگو رو ببینین.
  • 3 المنتور بر روی درج کلیک کنین تا الگوی مورد نظر درج بشه.
  • 2019-12-01 14_04_24-How to Use Elementor - Getting Started - Docs _ Elementor برروی آیکن قلب برای اضافه کردن به پوشه علاقه مندیها و بر روی آیکن ذخیره برای ذخیره کردن الگو میتونین کلیک کنینی.
درج الگو در المنتور
  • شماره گذاری اگه هم قالبی دارین که میخواین درون ریزی کنین با فرمت zip یا json، آیکن آپلود در تصویر بالا کنار علامت رفرش سمت چپ رو کلیک کنین.

پیش نمایش و انتشار پیج در صفحه ساز المنتور

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

برو به پنل دکمه ها:

انتشار در المنتور
  • 1 المنتور روی آیکن چشم در تصویر بالا برای پیش نمایش کلیک کن.
  • 2 المنتور خب اگه طراحی براتون رضایت بخش بوده دکمه انتشار مطابق تصویر بالا کلیک کنین.
  • 3 المنتور روی دکمه مشاهده برای دیدن پیجتون کلیک کنین.
افزونه المنتور

ذخیره پیش‌نویس

در المنتور شما میتونین پیجی رو که قبلا پابلیش کردین، تغییر بدین و تغییرات رو بصورت پیشنویس ذخیره کنین بطوریکه پیج آسیبی نبینه.

  • 1 المنتور روی فلش دکمه انتشار و بروزرسانی کلیک کنین.
  • 2 المنتور ذخیره پیش نویس رو انتخاب کنین.
ذخیره پیش نویس در المنتور

پیجت رو در افزونه المنتور ریسپانسیو کن

چطوری سایتمون رو برای موبایل، تبلت و دسک تاپ در المنتور تنظیم کنیم؟

امکانات زیادی برای ریسپانسیو کردن پیج (تنظیم برای موبایل و تبلت و دسک تاپ) در افزونه المنتور وجود داره. معمولترین اونها تنظیم سایز متن و حاشیه و پدینگ برای المانهاست. با این تنظیمات متوجه میشین در وردپرس صفحه سازی بهتر از المنتور وجود نداره.

  • 1 المنتور اول المانی که میخواین تنظیمش کنین رو انتخاب و بعد روی آیکن ویوپورت کلیک کنید.
  • 2 المنتور حالت دسک تاپ، تبلت یا موبایل رو انتخاب کنین.
ریسپانسیو در المنتور

حتی میتونین پس‌زمینه هم برای هر دیوایسی (دستگاهی) کنترل کنین.

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

ریسپانسیو کردن عکس پس زمینه

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

تنظیم سایت برای موبایل در المنتور

تنظیم کادرها و عکس پس زمینه ریسپانسیو

  • 1 المنتور عکس پس زمینه: میتونین برای هر دیوایس عکس متفاوتی در نظر بگیرین یا سایز متفاوتی از همون عکس.
  • 2 المنتور تنظیمات نمایش عکس پس زمینه: در هر دیوایس شما میتونین تنظیمات عکسها رو هم به دلخواه تعیین کنین. سایز، تکرار، موقعیت و ضمیمه عکس برای هر دیوایس رو متفاوت تعیین کنین.

نمایش

شما میتونین گزینه نمایش یا مخفی برای هر بخش مطابق اون دیوایس انتخاب کنین.

  • 1 المنتور برو به تنظیمات بخش قسمت پیشرفته
  • 2 المنتور قسمت واکنشگرا و سپس مخفی سازی

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

تنظیمات واکنشگرا المنتور
ریسپانسیو در المنتور

تغییر نقطه شکست موبایل و تبلت

شما میتونین مقدار نقطه شکست موبایل و تبلت رو تغییر بدین.

  • 1 المنتور به تنظیمات افزونه المنتور و سربرگ استایل برید. نقطه شکست موبایل و تبلت رو تنظیم کنین.
  • 2 المنتور تغییرات رو ذخیره کنین.
  • 3 المنتور به قسمت ابزارها در افزونه المنتور رفته و گزینه تولید مجدد و همگام سازی رو کلیک کنین.

ترتیب ستونها

این امکان ترتیب ستونها رو برعکس میکنه. به قسمت پیشرفته > واکنشگرا > برعکس کردن ستونها بروید.

پیش نمایش دیوایس

سوئیچ بین نمایش در تبلت و موبایل و دسک تاپ با انتخاب آیکن موردنظر در پنل پایین. 

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

کمک کنین! من در پیش نمایش موبایل المنتور تغییراتی میدم ولی در پیش نمایش دسک تاپ هم تغییر میکنه.

ریسپانسیو در المنتور
راحیل دست پیمان

راحیل دست پیمان

پر امید و پر انگیزه ادامه بده. موفق میشی. من بهت قول میدم!

برا دوستاتون بفرستین:

آخرین مطالبمون:

تنظیم-فونت-پیشفرض-در-نسخه-جدید

تنظیم فونت و رنگ نسخه 3.0.0

فونت و رنگ سراسری در نسخه جدید المنتور جلسه صد و پانزده 7 دقیقه سوالتو برام بنویس در نسخه جدید المنتور پرو تغییرات زیادی داشتیم.

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

قالب آماده آموزش آنلاین eTutor

eTutor یک کیت الگوی کاربردی و حرفه ای با طراحی مدرن برای سایتهای آموزشی و دوره های آنلاینه. برگه های لازم برای سایت شما بسیار

یه پیام برام بفرست

اگه دوست داری از آخرین تخفیفات و آموزشهای ما مطلع بشی ایمیلت رو برام بفرست.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

− 1 = 2