افزونه المنتور – دانلود رایگان افزونه وردپرس Elementor

اگه تا حالا فکر می‌کردی طراحی سایت کار برنامه‌نویساست، وقتشه نظرتو عوض کنی! الان دیگه دوره‌ی اون قالب‌های خشک و محدود گذشته. الان زمان استفاده از صفحه‌سازهای لایو رسیده؛ ابزارهایی که اجازه میدن هر چیزی رو همون لحظه که طراحی می‌کنی ببینی و تغییر بدی، بدون اینکه حتی یه خط کد بنویسی. یکی از معروف‌ترین و حرفه‌ای‌ترینشون هم بدون شک افزونه المنتور (Elementor) هست.

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

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

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

آنچه در این مقاله می‌خوانید

افزونه المنتور چیست؟

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

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

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

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

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

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

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

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

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

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

افزودن افزونه تازه
افزودن افزونه تازه

حالا بالای صفحه یه نوار جستجو می‌بینی. اونجا کلمه‌ی Elementor رو تایپ کن و چند لحظه صبر کن تا وردپرس نتایج جستجو رو برات بیاره.

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

اولین گزینه‌ای که ظاهر میشه همون افزونه‌ی اصلی المنتوره. یه آیکن بنفش داره و اسمش معمولاً به شکل Elementor Website Builder نوشته شده. کنار اسم افزونه تعداد نصب فعالش هم نشون داده میشه که عددش واقعاً چشمگیره، بیش از ده میلیون نصب فعال داره؛ یعنی میلیون‌ها سایت در سراسر دنیا دارن با همین ابزار کار می‌کنن.

حالا روی دکمه‌ی نصب کلیک کن و منتظر بمون تا نصب کامل بشه. بعد از چند ثانیه دکمه‌ی فعال‌سازی ظاهر میشه، اونو هم بزن تا افزونه فعال بشه.

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

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

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

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

خیلی از کاربرا وقتی اسم المنتور رو می‌شنون، سریع می‌پرسن که فرق نسخه رایگانش با نسخه پرو چیه و کدومش بهتره؟ واقعیت اینه که هر دو نسخه عالی‌ان، فقط باید بدونی دقیقاً دنبال چی هستی تا بتونی انتخاب درستی داشته باشی.

نسخه‌ی رایگان المنتور خودش به‌قدری قدرتمنده که خیلی از سایت‌های حرفه‌ای با همین نسخه ساخته شدن. همین نسخه‌ی رایگان بیش از ۳۰ ابزارک (ویجت) مختلف داره؛ از متن و تصویر و دکمه گرفته تا فرم تماس ساده و بخش‌های پیشرفته مثل آیکن، ویدیو، اسلایدر و حتی شمارنده‌ی عددی. با همین امکانات، عملاً می‌تونی هر نوع صفحه‌ای رو طراحی کنی؛ از صفحه‌ی اصلی گرفته تا صفحه‌ی درباره‌ما، تماس با ما یا حتی صفحات فرود تبلیغاتی.

اما نسخه‌ی Elementor Pro در واقع یه قدم جلوتره. این نسخه برای کسایی طراحی شده که می‌خوان کنترل کامل روی ظاهر و ساختار سایتشون داشته باشن و به ابزارهای حرفه‌ای‌تر نیاز دارن. مثلاً توی نسخه‌ی پرو می‌تونی هدر (Header)، فوتر (Footer) و حتی صفحات آرشیو و نوشته‌ها رو خودت طراحی کنی. یعنی دیگه لازم نیست به قالب وابسته باشی، چون خودت می‌تونی کل سایت رو با المنتور بسازی.

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

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

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

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

در نهایت انتخاب بین نسخه رایگان و پرو بستگی به نوع پروژه‌ت داره. برای بیشتر سایت‌های معمولی، نسخه رایگان کاملاً کافی و حتی حرفه‌ایه. ولی اگه دنبال آزادی عمل کامل در طراحی، جزئیات ظریف و امکانات انیمیشنی هستی، نسخه‌ی پرو بهترین گزینه‌ست.

تنظیمات مهم المنتور (قبل از شروع طراحی)

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

برای دسترسی به تنظیمات، از منوی سمت راست پیشخوان وردپرس برو به بخش المنتور → تنظیمات. اینجا چند تا تب مختلف می‌بینی که هرکدومش برای یه بخش خاص از افزونه‌ست. ما می‌خوایم مهم‌تریناشو با هم مرور کنیم.

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

بعدش برو سراغ تب استایل (Style). این قسمت مربوط به تنظیمات ظاهری پیش‌فرض المنتوره؛ مثل عرض محتوا (Content Width)، رنگ اصلی سایت و فونت‌ها. عرض محتوا معمولاً روی ۱۱۴۰ یا ۱۲۰۰ پیکسل تنظیم میشه، ولی اگه قالب خاصی داری، می‌تونی با اون هماهنگش کنی. رنگ‌های اصلی مثل رنگ دکمه‌ها، لینک‌ها و متن‌ها رو هم از همینجا می‌تونی تغییر بدی تا در تمام طراحی‌هات ثابت بمونن.

در تب پیشرفته (Advanced) گزینه‌هایی هست که بیشتر برای بهینه‌سازی عملکرد المنتور استفاده میشه. مثلاً فعال کردن قابلیت بهینه‌سازی بارگذاری CSS یا فعال‌سازی به‌روزرسانی‌های خودکار. اگه سایتت ترافیک بالایی داره یا روی هاست اشتراکی میزبانی میشه، بهتره گزینه‌های بهینه‌سازی CSS و فونت‌ها رو فعال کنی تا سرعت بارگذاری صفحات بهتر بشه.

یه بخش مهم دیگه هم توی تنظیمات هست به اسم تنظیمات فونت و رنگ جهانی (Global Settings). با این گزینه می‌تونی فونت‌های پیش‌فرض سایت رو مشخص کنی. مثلاً انتخاب فونت «ایران‌سنس» یا «شبنم» برای تمام تیترها و متن‌ها. این کار باعث میشه هر بار که المانی جدید اضافه می‌کنی، فونت و رنگش به‌صورت خودکار هماهنگ با بقیه سایت باشه و نیازی نباشه هر دفعه دستی تنظیمش کنی.

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

اگه خواستی آموزش کامل و مرحله‌به‌مرحله تنظیمات المنتور رو ببینی، می‌تونی به آموزش اختصاصی ما در سایت مراجعه کنی. اونجا تمام تب‌ها و گزینه‌ها با جزئیات کامل توضیح داده شدن تا دقیق بدونی هر بخش چه کاری انجام میده.

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

تا اینجا المنتور رو نصب کردیم، تنظیمات اولیه رو انجام دادیم و حالا وقتشه اولین صفحه‌مون رو بسازیم. اینجا جاییه که تازه می‌فهمی چرا المنتور بهش می‌گن «بهترین صفحه‌ساز دنیا».

برای شروع، از پیشخوان وردپرس برو به بخش برگه‌ها → افزودن برگه جدید. اسم صفحه‌ت رو بذار مثلاً «صفحه تستی» یا «صفحه نمونه». بعد روی دکمه‌ی انتشار کلیک کن تا برگه ذخیره بشه. حالا یه دکمه‌ی جدید بالا سمت چپ ظاهر میشه با عنوان ویرایش با المنتور. این دکمه همون دروازه ورود به دنیای طراحی زنده‌ست! روش کلیک کن تا صفحه‌ساز باز بشه.

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

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

درک ساختار اصلی طراحی در المنتور

برای اینکه بتونی صفحات حرفه‌ای بسازی، باید سه مفهوم پایه‌ای در المنتور رو خوب یاد بگیری: کانتینر (Container)، ستون (Column) و المنت یا ابزارک (Element).

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

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

و اما بخش سوم یعنی المنت‌ها یا ابزارک‌ها. اینا در واقع اجزای تشکیل‌دهنده‌ی محتوات هستن. المنتور توی نسخه‌ی رایگان خودش بیش از ۳۰ المنت داره، مثل تیتر، متن، تصویر، ویدیو، دکمه، اسلایدر، آیکن، شمارنده، نقشه گوگل و خیلی چیزای دیگه. کار کردن باهاشون فوق‌العاده ساده‌ست. فقط کافیه یه المنت رو با موس بگیری و بندازی داخل صفحه (Drag & Drop).

المنت‌های رایگان المنتور
المنت‌های رایگان المنتور

مثلاً برای ساخت یه بخش ساده، یه کانتینر بنداز روی صفحه، داخلش یه ابزارک تیتر بذار و بنویس «سلام! به سایت من خوش اومدی». زیرش یه ابزارک متن بذار و توضیح کوتاهی درباره‌ی کسب‌وکارت بنویس. بعدش یه دکمه اضافه کن با نوشته‌ی «بیشتر بدانید». در کمتر از پنج دقیقه یه سکشن جذاب ساختی!

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

هر وقت روی یه المنت کلیک می‌کنی، تنظیمات اختصاصی اون توی نوار سمت چپ نشون داده میشه. این تنظیمات سه تب اصلی دارن: محتوا (Content)، استایل (Style) و پیشرفته (Advanced).

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

در تب محتوا، می‌تونی متن‌ها، لینک‌ها و محتوای اصلی اون المنت رو ویرایش کنی. در تب استایل، رنگ، فونت، پس‌زمینه و سایه‌ها رو تنظیم می‌کنی. و در تب پیشرفته، می‌تونی حاشیه‌ها، فاصله‌ها (Margin/Padding)، انیمیشن‌ها و حتی تنظیمات ریسپانسیو رو انجام بدی. این یعنی کنترل کامل روی تک‌تک جزئیات طراحی بدون حتی یک خط کدنویسی.

مثال واقعی از طراحی

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

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

کمی تمرین، کلی مهارت

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

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

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

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

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

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

المنتور هم از نظر قدرت طراحی و هم از نظر بهینه‌سازی، چند پله جلوتر از همه‌ست. این افزونه در نسخه‌های جدید خودش به‌قدری پیشرفت کرده که تقریباً تمام ایراداتی که در گذشته بهش وارد بود (مثل سنگین بودن یا افت سرعت لود صفحات)، کاملاً برطرف شده. در واقع، از نسخه ۳ به بعد، ساختار کدنویسی المنتور به‌طور کامل بازطراحی شد و حالا با استفاده از Flexbox Container، خروجی HTML بسیار سبک‌تر و تمیزتری تولید می‌کند.

کافیه یه تست ساده انجام بدی: وارد یکی از صفحات طراحی‌شده با المنتور بشو (مثلاً صفحه‌ی قالب اهورا در سایت میهن وردپرس)، بعد راست‌کلیک کن و گزینه‌ی View Page Source رو بزن. حجم کدها و ساختار HTML رو ببین — شگفت‌زده می‌شی! چون برخلاف باور قدیمی که می‌گفتند المنتور سنگینه، حالا دقیقاً برعکسه: خروجی المنتور بهینه‌تر و سریع‌تر از بسیاری از صفحه‌سازهای معروفه.

اما فقط سبک بودن نیست. المنتور پر از قابلیت‌های خاص و حرفه‌ایه که باعث شده تبدیل بشه به صفحه‌ساز شماره یک دنیا با بیش از ۱۰ میلیون نصب فعال. بیایید با هم مهم‌ترین ویژگی‌هایی که باعث خاص شدن المنتور شده رو مرور کنیم:

رابط کاربری زنده و Drag & Drop واقعی

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

کار با المنتور دقیقاً مثل نقاشی کردنه. هر چیزی رو می‌گیری و می‌کشی سر جاش. نه نیازی به دانش HTML داری، نه CSS، نه حتی آشنایی با قالب سایت. همین Drag & Drop بودن باعث شده خیلی از تازه‌کارها که اولین سایتشونو می‌سازن، بدون هیچ آموزشی بتونن کارشونو راه بندازن.

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

طراحی دقیق با کنترل کامل روی هر جزئیات

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

المنتور برای طراحی، از سه ساختار اصلی استفاده می‌کنه: بخش (Section)، ستون (Column) و المان (Element). با همین سه تا می‌تونی هر صفحه‌ای رو بسازی، از یه صفحه ساده تا یه لندینگ پیج پیچیده. می‌خوای سه ستونه باشه؟ می‌خوای یه ردیف وسط چین داشته باشی؟ می‌خوای پس‌زمینه‌اش گرادینت باشه و روش افکت اسکرول بیاد؟ همه‌اش در دسترسه، بدون کدنویسی.

به خاطر همین سطح کنترل، خیلی از طراحای حرفه‌ای که قبلاً از ابزارهای پیچیده مثل Visual Composer یا حتی کدنویسی دستی استفاده می‌کردن، الان به المنتور کوچ کردن. چون نتیجه همون قدر حرفه‌ایه، اما چندین برابر سریع‌تر ساخته میشه.

نسخه رایگان؛ قوی‌تر از بیشتر افزونه‌های پولی

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

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

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

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

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

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

قالب‌ها و بلوک‌های از پیش ساخته‌شده برای طراحی سریع‌تر

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

این قالب‌ها شامل همه‌چیز هستن؛ از صفحه فرود گرفته تا صفحه درباره ما، تماس با ما، نمونه کار و حتی بلاگ. علاوه بر اون، المنتور بیش از ۳۰۰ بلوک آماده داره که هر کدوم یه بخش از طراحی رو برات انجام میدن. مثل بخش معرفی تیم، نظرات مشتریان، فرم تماس، جدول قیمت‌گذاری و… این یعنی دیگه لازم نیست ساعت‌ها وقت بذاری برای طراحی از صفر.

elementor templates
قالب‌های از پیش ساخته‌شده

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

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

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

یعنی هر طراحی که ساختی و ازش خوشت اومد، می‌تونی به‌عنوان Template ذخیره‌ش کنی. فقط کافیه روی فلش کنار دکمه Update کلیک کنی و گزینه Save as Template رو بزنی. از اون به بعد هر وقت خواستی همون طراحی رو دوباره استفاده کنی، فقط با یه کلیک می‌تونی واردش کنی، حتی تو یه سایت دیگه!

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

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

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

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

ببین واقعیتش یکی از بزرگ‌ترین دلیل‌هایی که المنتور این‌قدر محبوب شده، همینه که طراحی واکنش‌گراش فوق‌العاده‌ست. یعنی تو با المنتور می‌تونی مطمئن باشی سایتت تو هر دستگاهی (موبایل، تبلت یا دسکتاپ) درست و قشنگ دیده میشه. الان اکثر کاربرا با موبایل میان تو سایت، اگه طراحیت برای موبایل خوب نباشه، نصف مخاطباتو از دست دادی! ولی المنتور این مشکل رو کامل حل کرده.

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

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

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

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

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

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

تاریخچه ویرایش‌ها؛ نجات‌دهنده‌ی طراحان

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

تاریخچه ویرایش‌های المنتور
تاریخچه ویرایش‌های المنتور

یکی از ویژگی‌های طلایی المنتور، سیستم History & Revisions اونه. مثلاً فرض کن پنج دقیقه پیش رنگ پس‌زمینه رو عوض کردی و الان پشیمون شدی، فقط کافیه بری به لیست تغییرات یا با زدن کلیدهای Ctrl + Z هر مرحله از ویرایش‌هاتو به عقب برگردونی. حتی می‌تونی از قسمت «رونوشت‌ها» (Revisions) به نسخه‌های ذخیره‌شده قبلی برگردی، درست مثل سیستم نسخه‌بندی نرم‌افزارهای حرفه‌ای.

ساخت صفحات تمام‌عرض و لندینگ پیج‌های حرفه‌ای

گاهی نیاز داری یه صفحه‌ی خاص مثل لندینگ‌پیج (Landing Page) یا صفحه‌ی معرفی محصول رو بدون هدر و فوتر طراحی کنی. یکی دیگه از ویژگی‌های خاص المنتور، امکان طراحی صفحات تمام‌عرض و بدون محدودیت قالب وردپرسه. با گزینه‌ی Canvas می‌تونی یه صفحه‌ی خالی بسازی، بدون هدر، بدون فوتر، فقط یه بوم سفید برای خلاقیتت. این دقیقاً همون چیزیه که برای ساخت لندینگ پیج یا صفحات تبلیغاتی نیاز داری.

ساخت صفحات تمام عرض با المنتور
ساخت صفحات تمام عرض با المنتور

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

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

عملکرد بهینه و کدنویسی سبک در نسخه‌های جدید

یکی از نگرانی‌های قدیمی کاربران درباره‌ی المنتور، «سنگین بودن» صفحات بود. اما همون‌طور که گفتیم، از نسخه‌های جدید به بعد، المنتور ساختار خودش رو کاملاً بازنویسی کرده. با پشتیبانی از Flexbox Container و حذف ساختارهای غیرضروری قبلی، حجم کد خروجی بسیار کاهش پیدا کرده. نتیجه؟ صفحات سبک‌تر، سرعت بارگذاری بیشتر و امتیاز بالاتر در ابزارهایی مثل Google PageSpeed. المنتور حالا نه‌تنها زیبا طراحی می‌کنه، بلکه از نظر فنی هم یکی از بهینه‌ترین صفحه‌سازهاست.

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

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

افکت‌های بصری جذاب و انیمیشن‌های پویا

المنتور فقط یه ابزار برای چیدن المان‌ها نیست، بلکه یه بوم طراحی زنده‌ست. با استفاده از قابلیت‌هایی مثل سایه‌ی جعبه (Box Shadow)، افکت‌های شناور (Hover Effects) و انیمیشن‌های حرکتی (Motion Effects) می‌تونی سایتت رو از حالت خشک و ایستا خارج کنی. مثلاً وقتی کاربر روی یک تصویر یا دکمه می‌ره، می‌تونی کاری کنی رنگ پس‌زمینه تغییر کنه یا المان با یه حرکت نرم جابه‌جا بشه.

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

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

یکی از ویژگی‌های خاص المنتور که توی هیچ صفحه‌ساز دیگه‌ای به این سادگی وجود نداره، Background Gradient و Shape Divider هست. با گرادینت می‌تونی پس‌زمینه‌های رنگی ترکیبی بسازی — مثلاً از آبی به بنفش یا از نارنجی به قرمز، بدون نیاز به فتوشاپ یا CSS.

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

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

در گذشته برای تغییر یا طراحی سربرگ (Header) و پابرگ (Footer) سایت، باید یا برنامه‌نویس استخدام می‌کردی یا توی فایل‌های قالب وردپرس کد می‌نوشتی. اما المنتور این روند رو کاملاً تغییر داده. با Theme Builder المنتور (در نسخه پرو) می‌تونی هدر و فوتر دلخواهت رو با کشیدن و رها کردن بسازی، بدون حتی یک خط کد. می‌خوای لوگوت سمت چپ باشه و منو وسط صفحه؟ یا دکمه ثبت‌نام سمت راست؟ فقط با چند کلیک انجامش بده.

چرا باید همیشه خودتو آپدیت نگه داری

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

وقتی یکی می‌گه «المنتور سنگینه» یا «خوب نیست»، معمولاً دلیلش اینه که سال‌ها پیش با یه نسخه‌ی قدیمی کار کرده و بعد دیگه خودش رو به‌روز نکرده. اما واقعیت اینه که المنتور از نسخه ۳ به بعد به‌طور کامل متحول شده. تیم توسعه‌دهنده‌ش ساختار پلاگین رو از نو بازنویسی کرده و حالا با استفاده از Flexbox Container و کدنویسی بهینه، خروجی HTML فوق‌العاده سبکی تولید می‌کنه. یعنی دقیقاً بر خلاف چیزی که بعضیا فکر می‌کنن، المنتور دیگه اصلاً سنگین نیست، بلکه یکی از تمیزترین خروجی‌ها رو داره.

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

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

این موضوع فقط مخصوص المنتور نیست. تو دنیای وردپرس و طراحی سایت، ابزارها، زبان‌ها و استانداردها با سرعت عجیبی در حال پیشرفت هستن. یه روز CSS Grid میاد و همه چیز رو تغییر میده، یه روز WordPress یه نسخه‌ی جدید منتشر می‌کنه با ادیتور تازه، یه روز Google الگوریتم سئو رو عوض می‌کنه. اگه تو عقب بمونی، به‌راحتی از رقابت جا می‌مونی.

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

اگه یه طراح امروز بگه «من همون کاری رو می‌کنم که پنج سال پیش انجام می‌دادم»، در واقع داره می‌گه «من پنج ساله پیشرفت نکردم». اما اگه هر چند وقت یه بار آپدیت‌ها رو بررسی کنی، مستندات رسمی المنتور یا وردپرس رو بخونی، و یاد بگیری چطور امکانات جدید رو وارد پروژه‌هات کنی، اون موقعه که واقعاً رشد می‌کنی.

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

المنتور در کنار قالب اهورا

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

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

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

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

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

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

المنتور یا رقبا؟ مقایسه واقعی با WPBakery، Divi

وقتی صحبت از صفحه‌سازهای وردپرس میشه، اسم‌های زیادی به گوش می‌رسه: WPBakery (یا همون ویژوال کامپوزر قدیمی)، Divi، Beaver Builder، Brizy و چندتای دیگه. اما بین همه‌ی این‌ها، الان فقط یه اسم واقعاً تو دنیای طراحی سایت می‌درخشه: Elementor. حالا چرا المنتور بهتره؟ چرا باید بین این‌همه گزینه سراغش بریم؟ پاسخش ترکیبی از تجربه، تکنولوژی و سادگیه.

از ویژوال کامپوزر تا المنتور؛ تحول نسل صفحه‌سازها

زمانی بود که ویژوال کامپوزر (که بعداً شد WPBakery) تنها انتخاب جدی برای طراح‌ها بود. همه ازش استفاده می‌کردن چون اون موقع ابزار راحت‌تری وجود نداشت. اما اگه باهاش کار کرده باشی، می‌دونی که طراحی با اون بیشتر شبیه حدس زدنه تا طراحی واقعی! باید توی محیط بک‌اند یه سری بلوک می‌چیدی و بعد پیش‌نمایش رو می‌زدی تا ببینی توی فرانت‌اند چی دراومده. یعنی هر بار یه کلیک اضافی، هر بار یه انتظار طولانی.

المنتور اومد و این بازی رو از پایه تغییر داد. برای اولین بار توی وردپرس، یه صفحه‌ساز آورد که طراحی زنده (Live Editing) داشت، یعنی هر تغییری که انجام می‌دادی، همون لحظه جلوی چشمت اتفاق می‌افتاد. نه حدس، نه پیش‌نمایش، نه کلیک اضافه. فقط طراحی در لحظه. همین یه ویژگی ساده، طراحی سایت با وردپرس رو از یه کار فنی و خسته‌کننده تبدیل کرد به یه تجربه‌ی لذت‌بخش و بصری.

سبک‌تر، سریع‌تر و حرفه‌ای‌تر از نسل قبلی

یه زمانی همه می‌گفتن المنتور سنگینه، ولی اون دوران گذشته. از نسخه ۳ به بعد، تیم المنتور ساختار خودش رو با استفاده از Flexbox Container بازطراحی کرد. حالا کدهای HTML خروجی المنتور بسیار بهینه‌تر، سبک‌تر و استانداردتر از هر صفحه‌ساز دیگه‌ست. اگر بخوای واقعاً تفاوت رو ببینی، کافیه یه صفحه با المنتور و یه صفحه با WPBakery بسازی، بعد با ابزارهایی مثل GTmetrix یا PageSpeed Insight مقایسه‌شون کنی. المنتور به‌وضوح عملکرد بهتری داره.

درحالی‌که WPBakery هنوز با ساختار قدیمی خودش کار می‌کنه و برای هر المان ده‌ها div اضافی تولید می‌کنه، المنتور یاد گرفته چطور از کم‌ترین تگ ممکن برای بیش‌ترین خروجی استفاده کنه. این یعنی سرعت بالاتر، سئوی بهتر، و تجربه کاربری روان‌تر.

Divi؛ حرفه‌ای ولی محدود

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

دیدگاه طراحان؛ تجربه‌ای از جنس واقعیت

من خودم سال‌ها با ویژوال کامپوزر کار کردم. زمانی حتی به همه پیشنهادش می‌دادم چون واقعاً انتخاب بهتری نبود. ولی وقتی المنتور اومد، همه چیز عوض شد. سرعت کارم چند برابر شد، خروجی‌ها تمیزتر شدن، و طراحی برام تبدیل شد به یه لذت، نه یه دردسر. تجربه‌ای که با المنتور داری، حس واقعی طراحی کردنه. یه جور حس تسلط کامل روی ظاهر و محتوای سایته.

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

آینده طراحی؛ همیشه در حال تغییر

اما یه نکته‌ی خیلی مهم: آیا قراره همیشه المنتور بهترین صفحه‌ساز بمونه؟ احتمالاً نه. دنیای طراحی سایت همیشه در حال حرکته. همون‌طور که یه روز من می‌گفتم «یوست بهترین پلاگین سئوی وردپرسه» و بعد رنک مث اومد و همه چیز عوض شد، ممکنه یه روز هم یه صفحه‌ساز جدید بیاد که از المنتور بهتر باشه.

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

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

صحبت آخر

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

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

در نهایت، طراحی سایت فقط یاد گرفتن ابزارها نیست، بلکه هنر به‌روز موندنه. پس همیشه آپدیت بمون، چیزای جدید رو امتحان کن و از تغییر نترس. چون همون‌طور که المنتور نشون داده، آینده همیشه از آنِ کساییه که با تغییرات حرکت می‌کنن، نه در برابرش مقاومت. شاد و سربلند باشید، و مثل همیشه آپدیت بمونید! 🚀


نظر شما در این مورد چیه؟

  1. U359750 ۱۲ مهر ۱۴۰۴

    عالی
    درباره مزایا و معایب قالب اختصاصی وردپرس هم ویدیو بسازید
    سپاس

  2. U379496 ۱۲ مهر ۱۴۰۴

    سلام من المنتور نصب کردم ارور میده میگه مشکل داره ایمیل مدیر سایت رو بررسی کنید

  3. U38007 ۱۲ مهر ۱۴۰۴

    این خنده ها مواقعی پیش میاد که پشت دوربین یک خانم باشه و موضوع دارک میشه

  4. U390267 ۹ مهر ۱۴۰۴

    سلام توی لوکال هاست(لاراگون) کتابخونه قالب و بلوک های المنتور پرو لود نمیشن مشکل از چیه؟

  5. U390996 ۲۱ شهریور ۱۴۰۴

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

    • Reza Rad رضا راد ۲۳ شهریور ۱۴۰۴

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

  6. U390704 ۱۴ شهریور ۱۴۰۴

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

  7. U389515 ۱ شهریور ۱۴۰۴

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

  8. U387782 ۲۸ مرداد ۱۴۰۴

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

  9. U331862 ۲۸ مرداد ۱۴۰۴

    من قالب اهورا رو خرید کردم ، نیاز به فعال کردن المنتور یا المنتور پرو هست ؟

  10. U378182 ۱۵ مرداد ۱۴۰۴

    باسلام. لطفا در خصوص استفاده از inspect راهنمایی نمایید

  11. U380804 ۱۱ خرداد ۱۴۰۴

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

  12. U374718 ۴ اردیبهشت ۱۴۰۴

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

  13. U377825 ۳۱ فروردین ۱۴۰۴

    سلام موقع نصب المنتور برا من همچین خطایی اومده چکار کنم
    نصب ناموفق بود: دریافت انجام نشد. fopen(/tmp/elementor.3.28.3-uDAzdT.tmp): Failed to open stream: No such file or directory

  14. U372424 ۱۹ فروردین ۱۴۰۴

    سلام وقت بخیر, الان من قالب اهورا رو تهیه کردم نیازی به نصب المنتور پرو برای طراحی سایتم ندارم؟

    • تیم پشتیبانی تیم پشتیبانی ۲۰ فروردین ۱۴۰۴

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

  15. U362195 ۳۰ بهمن ۱۴۰۳

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

  16. U365066 ۲ دی ۱۴۰۳

    افزونه المنتور بر روی وب سایت من نصب هست اما ایکن المنتور برام نمیاره که ازش بتونم استفاده کنم امکانش هست راهنماییم کنین ؟

  17. U359629 ۱۹ آبان ۱۴۰۳

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

  18. U349537 ۲۵ مرداد ۱۴۰۳

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

    • تیم پشتیبانی تیم پشتیبانی ۲۷ مرداد ۱۴۰۳

      سلام. احتراما این بخش مربوط به سوالات قبل از خرید و مشاوره محصولات هست.
      از آنجایی که برای پشتیبانی محصولات و بررسی دقیق‌تر سوال شما نیاز به دانش فنی بخش پشتیبانی است، لطفا سوالات خود را از بخش پشتیبانی ارسال بفرمایید:
      https://mihanwp.com/support/

  19. U39688 ۲۰ اردیبهشت ۱۴۰۳

    elementor چطور اضاف کنم

  20. U342312 ۲۶ فروردین ۱۴۰۳

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

  21. U340666 ۲۶ اسفند ۱۴۰۲

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

  22. U335621 ۱۱ اسفند ۱۴۰۲

    سلام اقای راد
    المنتور رو هم میشه توی حساب پیشخوان وردپرس ومپ سرور هم قرار داد …..
    چون برای من وقتی اون المنتور رو در افزودن افزونه بارگذاری می کنم نوشته فایل بارگذاری شما منقضی شده … کاری میشه کرد ؟

  23. U339284 ۶ اسفند ۱۴۰۲

    سلام المنتور برای من بایگذاری نمیشه چیکار کنم؟

  24. U327563 ۲۱ بهمن ۱۴۰۲

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

  25. U327563 ۱۰ بهمن ۱۴۰۲

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

    • Reza Rad رضا راد ۱۱ بهمن ۱۴۰۲

      سلام با المنتور پرو میتونید انجام بدید. همینطور با ویرایش کدهای قالب سایت میتونید اضافه کنید این رو.

  26. U337699 ۶ بهمن ۱۴۰۲

    سلام خسته نباشید
    من میخوام صفحه جدید یا صفحه ایی رو ویرایش کنم با این ارور روبرو میشم
    cURL error 28: Failed to connect to my.elementor.com port 443 after 10002 ms: Timeout was reached

    • Reza Rad رضا راد ۷ بهمن ۱۴۰۲

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

  27. U335724 ۲۳ دی ۱۴۰۲

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

  28. U315586 ۲۴ آذر ۱۴۰۲

    سلام
    وقتی المنتور پرو نصب میکنم
    استایل و رنگ بندی و زبان نوشته سبد خرید تغییر میکنه
    منظور سبد خرید دکمه خرید هدر پنجره زیر منو دکمه و پنچره که از سمت چت ظاهر میشه رو میگم
    چیکار کنم ؟

    • Reza Rad رضا راد ۲۵ آذر ۱۴۰۲

      سلام باید ببینید استایل قالب چه مشکلی داره که المنتور پرو روش تاثیر میذاره. با طراح یا پشتیبان قالب مطرح کنید.

  29. U333884 ۳ آذر ۱۴۰۲

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

  30. U330535 ۱۴ مهر ۱۴۰۲

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

  31. U330839 ۱۲ مهر ۱۴۰۲

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

پشتیبان
گفتگو با تیم فروش آنلاین و پاسخگوی شما هستیم.
سوالی درباره محصولات سایت دارید؟

برای شروع، لطفا اطلاعات خود را وارد کنید.

سوالی درباره محصولات سایت دارید؟ از ما بپرسید.