آموزش کار با المنتور و درک بهتر ساختار افزونه Elementor

4.4 / 5. تعداد رای: 65

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

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

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

شروع کار با المنتور

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

ایجاد کانتینر‌ها

  • توی المنتور، کانتینر‌ها مثل قوطی‌هایی هستن که می‌تونی توشون هر چیزی بچینی. از ویجت‌ها گرفته تا متن و تصاویر.
  • یه کانتینر اضافه کن و شروع کن به کار روی طراحی صفحه‌ت. این کانتینر‌ها خیلی قابل تنظیم هستن، پس می‌تونی سایز، رنگ، پس‌زمینه و خیلی چیزای دیگه رو تغییر بدی.

اضافه کردن ویجت‌ها

  • حالا وقتشه که شروع کنی به اضافه کردن ویجت‌ها به کانتینرت. ویجت‌ها همون ابزارهای کوچیکی هستن که کارهای مختلفی انجام می‌دن، مثل نمایش متن، عکس، دکمه و غیره.
  • با کلیک روی هر ویجت، می‌تونی اونو بکشی و توی کانتینرت قرار بدی. بعد هم می‌تونی تنظیماتش رو به دلخواهت عوض کنی.

شخصی‌سازی و طراحی

  • المنتور خیلی راحته. می‌تونی هر چیزی رو که توی صفحه‌ت می‌بینی، به راحتی تغییر بدی. رنگ‌ها، فونت‌ها، فاصله‌ها، همه و همه دست توست.
  • با کمی وقت گذاشتن و آزمون و خطا، می‌تونی صفحه‌ای درست کنی که دقیقاً همون چیزی باشه که توی ذهنت داری.

طراحی ریسپانسیو صفحه

  • یه نکته خیلی مهم اینه که صفحه‌ت باید روی همه دستگاه‌ها، چه موبایل چه کامپیوتر، خوب نشون داده بشه. المنتور این قابلیت رو داره که تو رو در این زمینه کمک کنه.
  • توی تنظیمات، می‌تونی نحوه نمایش صفحه‌ت رو روی دستگاه‌های مختلف تست کنی و اونو بهینه‌سازی کنی.
  • آموزش ریسپانسیو کردن صفحات با المنتور رو هم ببین.

ذخیره و انتشار

  • وقتی که کارت تموم شد، فراموش نکن که صفحه‌ت رو ذخیره کنی. بعدش هم می‌تونی پیش‌نمایش بگیری تا ببینی چطور شده.
  • وقتی همه چیز آماده شد، صفحه‌ت رو منتشر کن تا همه بتونن ببیننش.

نکات پایانی

  • توصیه می‌کنم کمی با المنتور بازی کنی و امکانات مختلفش رو امتحان کنی. هر چی بیشتر باهاش کار کنی، مهارتت بیشتر میشه.
  • اگه جایی گیر کردی یا سوالی داشتی، توی اینترنت سرچ کن یا توی نظرات همین مقاله بپرس.
  • راستی! یه بار دیجی کالا رو با المنتور طراحی کردیم. 😀 آموزشش رو اینجا ببین.

امیدوارم این توضیحات بهت کمک کنه تا شروع به کار با المنتور کنی و صفحات جذابی بسازی.

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

اول از همه، وقتی می‌خوای توی المنتور به متنت لینک اضافه کنی، اینجوری عمل می‌کنی:

  1. ورود به صفحه ویرایش: اول باید وارد صفحه‌ای بشی که می‌خوای توش کار کنی. المنتور رو باز کن و صفحه‌ای که می‌خوای تغییر بدی رو انتخاب کن.
  2. پیدا کردن ویجت متن: حالا باید ویجتی پیدا کنی که می‌خوای توش لینک اضافه کنی. اگه هنوز ویجت متنی نداری، از ستون سمت راست ویجت ‘متن’ رو بکش و توی صفحه رها کن.
  3. اضافه کردن لینک: وقتی که ویجت متنت آماده شد، متنی که می‌خوای لینک بشه رو تایپ یا پیست کن. بعد متن رو انتخاب کن و روی آیکون زنجیره (لینک) که توی نوار ابزار بالای ویجت نمایش داده می‌شه، کلیک کن. حالا می‌تونی URL مورد نظرت رو وارد کنی و تنظیمات لینک مثل باز شدن در یک تب جدید رو انتخاب کنی.
  4. ذخیره و بروزرسانی: بعد از اینکه لینکت رو اضافه کردی، فراموش نکن که تغییرات رو ذخیره و بروزرسانی کنی.

حالا اگه می‌خوای یک دکمه با لینک بسازی، اینجوری پیش می‌ری:

  1. انتخاب ویجت دکمه: مثل قبل، توی صفحه ویرایش المنتور هستی. حالا باید ویجت ‘دکمه’ رو از ستون سمت راست بگیری و تو صفحه جایی که می‌خوای دکمه باشه، رها کنی.
  2. تنظیمات دکمه: روی ویجت دکمه کلیک کن تا تنظیماتش باز بشه. اینجا می‌تونی متن دکمه‌ت رو وارد کنی و در قسمت ‘لینک’، URL مورد نظرت رو بذاری. همچنین می‌تونی استایل دکمه رو تغییر بدی، مثل رنگ پس‌زمینه، رنگ متن، و افکت‌های هنگام موس‌اوور.
  3. ذخیره سازی: وقتی همه چیز آماده شد، دکمه ‘بروزرسانی’ رو بزن تا تغییراتت ذخیره بشه.

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

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

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

  1. مشکل ذخیره نشدن صفحه: اول از همه، باید مطمئن شی که صفحه‌ات رو درست ذخیره کردی. گاهی وقتا ممکنه فکر کنی کارت تموم شده، ولی شاید دکمه‌ی ذخیره رو نزدی. پس یه نگاهی به دکمه‌ی ذخیره بنداز و مطمئن شو که روش کلیک کردی.
  2. مشکل کش سایت: گاهی اوقات کش سایت می‌تونه باعث بشه تغییرات جدید نشون داده نشه. اینجا باید یه سری به بخش تنظیمات کش سایتت بزنی و کش رو خالی کنی. این کار می‌تونه از طریق پلاگین‌های کش یا از طریق تنظیمات میزبانی وب انجام شه.
  3. کش مرورگر: و اما آخرین دلیل، کش مرورگر خودت می‌تونه باشه. گاهی اوقات مرورگرت قدیمی‌ترین نسخه‌ی صفحه رو نگه می‌داره. برای حل این مشکل، کافیه کش مرورگرت رو پاک کنی. معمولاً با فشار دادن کلیدهای Ctrl + F5 (یا Command + R روی مک) می‌تونی این کار رو انجام بدی.
  4. پس اینا بودن سه دلیل رایج و راه‌حل‌های ساده‌شون. امیدوارم این توضیحات کمکت کرده باشه.
نکته خاصی هست که این مقاله رو تکمیل‌تر کنه؟

  1. U335621 ۱۸ اسفند ۱۴۰۲

    سلام اقای راد یک سوال داشتم
    اموزش کامل کار با المنتور رو دارین ؟

  2. U338537 ۱۵ اسفند ۱۴۰۲

    سلام وقت بخیر میشه توضیح بدید چطوری لینک ایجاد کنم برای صفحه با دکمه یا هرچیزی

    این لینک رواز کجا بیارم و چطوری بنویسم
    در دوره هم چیزی راجب لینک نگفتید
    در آموزش های رایگان هم نیست هرچی میگردم
    مثلاً صفحه ای دارم بنام (آموزش) لینک این صفحه چیه و چطوری وارد کنم
    وای این این صفحه که آموزش هست باید انگلیسی باشه که موقع لینک دادن مشکلی پیش نیاد؟

  3. U324439 ۱۲ اسفند ۱۴۰۲

    سلام وقتتون بخیر،ممنونم از آموزش خوبتون
    یک سوال ارم، من قالب وردپرس اهورا رو خریدم، ولی نمیدونم برای سفارشی سازی بخش های مختلف، از المنتور استفده کنم یا از بخش نمایش < سفارشی سازی
    چون توی سایت گفتید که از این بخش باید استفاده بشه ولی با المنتور هم میشه، میخوام ببینم کدوم اصولی تره ؟

  4. U339603 ۱۰ اسفند ۱۴۰۲

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

  5. U338439 ۳ اسفند ۱۴۰۲

    سلام لندینگ پیج یا صفحه فرود چیست میشه یک توضیح خوب بدهید؟ ممنون میشم

  6. U321412 ۲ اسفند ۱۴۰۲

    سلام، خواستم بدون شما از چه پلیری اسفاده می‌کنید برای ضبط ویدئو و در کل یه سایتی مثل سایت شما بخوایم داشته باشیم، به چه افزونه‌هایی نیاز داریم؟ من میخوام یک سایت در رابطه با آموزش اینستاگرام داشته باشم.

  7. U317271 ۲۴ دی ۱۴۰۲

    با سلام و خدا قوت
    استاد لطفا در مورد اتصال هاست اصلی به هاست دانلود هم آموزش درست کنید
    با سپاس 🙏🏻

  8. U334436 ۲۴ دی ۱۴۰۲

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

    • Reza Rad رضا راد ۲۴ دی ۱۴۰۲

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

  9. U331159 ۱۹ دی ۱۴۰۲

    سلام؛
    چرا دموهای رزومه و موضوع مشاوره را به قالب اضافه نمی کنید. همه قالبها به نوعی فروشگاهی هست.
    نبود این گونه دموها یم نقص در قالب اهورا است. لطفا اضاف کنید.

  10. U325374 ۱۹ دی ۱۴۰۲

    Fatal error: Maximum execution time of 120 seconds exceeded in C:\xampp\htdocs\wp-includes\class-wp-theme.php on line 1326
    یک خطای مهم در این وب سایت رخ داده است.

    دربارهٔ عیب‌یابی در وردپرس بیشتر بدانید.

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

  11. U334379 ۲۷ آذر ۱۴۰۲

    سلام
    قالب اهورا رو خریدم و میخاستم یه صفحه محصولات درست بکنم و ترتیب بندی قیمت و .. بزارم و طراحیش بکنم چون دیفالت ووکامرس رو خوشم نمیاد
    باید المنتور پرو بخرم یا اینکه میشه تغیر داد طراحی ووکامرس رو؟
    ممنون

  12. U334379 ۲۷ آذر ۱۴۰۲
  13. U334379 ۲۷ آذر ۱۴۰۲

    سلام
    المنتور پرو رو باید از چه سایتی خرید؟

  14. U326559 ۲۹ تیر ۱۴۰۲

    آقای حسینی راد
    شما و سایت و محتوای آموزشیتون حقیقتا بی نظیرید
    خدا حفظتون کنه*
    از این دست ویدئوهای آموزشی بیشتر تولید کنید واقعا استفاده میکنیم.
    عذر میخوام یه سوالم بپرسم که اگه دامنه و هاست داشته باشیم طراحی سایت هم قبول میکنید؟

  15. U323439 ۶ خرداد ۱۴۰۲

    سلام
    جناب حسینی راد ب آموزش پرباری بود ممنون
    اما متاسفانه عقب جلوهای دوربین در کمتازیا باعث چشم درد و سرگیجه می شود
    جهت توجه کاربر لطفا به صفحه دست نزنید و عقب جلو نکنبد و از کادر دور مطلب موردنظر خود استفادخنمایید
    با تشکر

    • تیم پشتیبانی تیم پشتیبانی ۶ خرداد ۱۴۰۲

      درود
      موردی که فرمودید رو به مدیر سایت منتقل میکنیم حتما
      شاد و پیروز باشید

  16. U321058 ۲۲ بهمن ۱۴۰۱

    بینظرید شما
    عالی بود ممنون

  17. U319499 ۲۱ آذر ۱۴۰۱

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

  18. U310020 ۲۲ آذر ۱۴۰۰

    سبک این ویجت اغلب توسط قالب و افزونه های شما تحت تاثیر قرار میگیرد. اگر چنین مشکلی را مشاهده کردید سعی کنید به قالب اصلی تغییر دهید و افزونه های مرتبط را غیر فعال کنید.

  19. U310020 ۲۲ آذر ۱۴۰۰

    سلام افزونه ها چرا اینجوری شده
    سبک این ویجت اغلب توسط قالب و افزونه های شما تحت تاثیر قرار میگیرد. اگر چنین مشکلی را مشاهده کردید سعی کنید به قالب اصلی تغییر دهید و افزونه های مرتبط را غیر فعال کنید.
    این میگه نمیزاره ویرایش کنم

  20. U34212 ۱ شهریور ۱۴۰۰

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

    • U30244 ۲۰ شهریور ۱۴۰۰

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

  21. U30926 ۵ مرداد ۱۴۰۰

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

  22. U33116 ۵ مرداد ۱۴۰۰

    سلام آقای حسینی راد، بنده شما رو به عنوان یک فرد موفق میشناسم که در سن 25 سالگی به اوج موفقیت رسیدید و در اوج خواهید ماند.
    بنده شما رو الگو قرار دادم به عنوان فردی موفق، هر چند مسیرم جداست (بنده برنامه نویس هستم).
    امیدوارم همیشه سلامت باشید

  23. U36811 ۴ مرداد ۱۴۰۰

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

  24. U29301 ۳ مرداد ۱۴۰۰

    عالی استاد
    ولی حیف که المنتور رو کامل در دوره سایت برتر توضیح ندادید !

    • Reza Rad رضا راد ۳ مرداد ۱۴۰۰

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

  25. U38530 ۳ مرداد ۱۴۰۰

    خیلی عالی بود فقط سه تون نیست ستونه 😁😁