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

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

المنتور چیست؟

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

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

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

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

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

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

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

دارای بیش‌تر از 40 ابزارک رایگان. (در نسخه پیشرفته‌ی آن تعداد ابزارک‌ها بیشتر است.)
مناسب برای افراد مبتدی و حرفه‌ای.
طراحی سایت با روش drag and drop. (کشیدن و رها کردن)
امکان سفارشی سازی هر المان به صورت جداگانه.
دارای بیشتر از 300 قالب از پیش ساخته شده.
دارای ویرایشگر ریسپانسیو.
دارای سازنده ووکامرس.
دارای سازنده پاپ آپ.
دارای سازنده قالب.
و غیره ...

آیا المنتور رایگان است؟

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

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

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

روش اول:

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

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

روش دوم:

به پیشخوان وردپرس بروید.
از قسمت افزونه ها گزینه‌ی "افزودن" را انتخاب کنید.
بر روی دکمه "بارگذاری افزونه" کلیک کنید.
سپس بر روی دکمه "choose file" کلیک کنید و فایل افزونه را انتخاب کنید.
در نهایت بر روی دکمه "هم اکنون نصب کن" کلیک کنید.
در آخر هم باید بر روی دکمه “فعال سازی افزونه” کلیک کنید.

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

آموزش نحوه استفاده از المنتور

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

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

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

آموزش المنتور به صورت قدم به قدم

از پنل وردپرس بر روی گزینه‌ی "برگه‌ها" کلیک کنید.
سپس بر روی گزینه "افزودن برگه جدید" کلیک کنید.
از آنجایی که شما از قبل این افزونه را فعال کردید در وسط برگه‌ی خود با یک دکمه با عنوان "Edit with Elementor" مواجه میشوید که باید بر روی آن کلیک کنید.
حال شما به قسمت ویرایشگر صفحه وارد میشوید.
اگر المنتور فارسی را استفاده در سمت راست و اگر از المنتور ترجمه نشده استفاده کنید در سمت چپ خود یک نوار مشاهده میکنید.
این نوار، نوار ابزارک‌های المنتور است که تنها با روش drag and drop میتوانید آنها را به داخل صفحه بیاندازید.
در بالای این نوار یک آیکون به صورت سه خط کشیده شده است که آیکون منوی المنتور است. زمانی که بر روی این آیکون کلیک میکنید به منوی آن منتقل میشوید. در این قسمت میتوانید تنظیمات عمومی صفحات، رنگ‌ها و فونت‌های پیش فرض را تنظیم و ویرایش کنید.

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

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

قالب‌ های آماده المنتور

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

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

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

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

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

نتیجه گیری

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

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

برگرفته از مجله خبری همیاروردپرس https://www.hamyarwp.com

کانال عصر ایران در تلگرام

تماشاخانه