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

✅ نصب المنتور پرو از طریق آپلود فایل ZIP

📥 لینک دانلود مستقیم:
https://cdn.masterwebseo.ir/app/elementor-pro.zip

مراحل نصب:

1. وارد پیشخوان وردپرس شوید.

2. مسیر: افزونه‌ها > افزودن > بارگذاری افزونه

3. فایل elementor-pro.zip را انتخاب کنید و «هم‌اکنون نصب کن» را بزنید.

4. پس از نصب، افزونه را «فعال» کنید.

5. مطمئن شوید که افزونه المنتور رایگان هم فعال باشد.

🧱 نصب قالب Hello Elementor

Hello Elementor یک قالب بسیار سبک و مینیمال است که برای استفاده با المنتور ساخته شده.

مراحل نصب:

1. مسیر: نمایش > پوسته‌ها > افزودن

2. جستجو کنید: Hello Elementor

3. نصب و فعال‌سازی

🪛 نصب قالب فرزند (Child Theme) برای Hello Elementor

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

مراحل نصب:

1. دانلود قالب فرزند از سایت‌های معتبر (مثل https://github.com/elementor/hello-theme-child)

2. فایل zip رو از مسیر پوسته‌ها > افزودن > بارگذاری قالب آپلود و فعال کنید.

🧪 ساخت یک برگه برای تست تمام ویجت‌های المنتور

1. مسیر: برگه‌ها > افزودن > نام برگه: تست ویجت‌ها

2. گزینه «ویرایش با المنتور» را بزنید.

3. یک بخش (Section) اضافه کن و درونش چند ستون بساز.

4. هر ویجت از المنتور (متن، تصویر، دکمه، ویدیو، فرم، آیکون، تب، شمارنده، نمودار و…) را یکی‌یکی داخل صفحه بنداز.

5. ذخیره کن و در مرورگر ببین.

💡 این برگه می‌تونه به عنوان صفحه تمرینی شما برای شناخت همه امکانات المنتور باشه.

🎨 طراحی صفحه وبلاگی شبیه سایت علی‌بابا (نسخه ساده)

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

ساختار پیشنهادی:

1. هدر ساده با لوگو سمت راست و منو سمت چپ (ویجت Nav Menu)

2. بنر بالا با عکس بزرگ و تیتر وسط (ویجت Image + Heading)

3. بخش معرفی مقاله یا مطلب:

   • عکس سمت راست

   • تیتر و متن سمت چپ

   • ویجت‌های: Image, Heading, Text Editor

4. لیست مقالات با Grid یا List View:

   • استفاده از ویجت Post یا Posts Archive (نسخه پرو)

5. فوتر ساده با آیکون شبکه‌های اجتماعی و اطلاعات تماس

📌 نکته: از Style برای دادن رنگ، فونت، فاصله و انیمیشن استفاده کن تا کاملاً حرفه‌ای شه.

✨ نکات نهایی:

• حتماً ریسپانسیو بودن طراحی رو برای موبایل و تبلت بررسی کن.

• در بخش Style می‌تونی فونت‌ها، رنگ‌ها، سایه‌ها و گرادینت‌ها رو تنظیم کنی.

• از Navigator برای مدیریت راحت لایه‌ها استفاده کن.

• بعد از طراحی می‌تونی برگه رو Export بگیری و جای دیگه هم استفاده کنی.