معرفی کامل المان های کاربردی المنتور؛ راهنمای جامع برای ساخت صفحات حرفهای در وردپرس
صفحه ساز المنتور یکی از محبوبترین ابزارهای طراحی سایت در وردپرس است و دلیل اصلی این محبوبیت، وجود دهها ویجت و المان کاربردی برای ساخت هر نوع صفحهای است؛ از لندینگپیج و فروشگاه گرفته تا صفحات درباره ما، خدمات، وبلاگ و هر چیزی که به ذهنتان برسد.
در همین راستا، شرکتهایی مثل پارس وب که در حوزه طراحی سایت در مشهد فعالیت میکنند، برای تحویل پروژههای حرفهای و استاندارد به مشتریان خود، از المنتور و قابلیتهای گسترده آن بهره میبرند. استفاده از این صفحهساز باعث میشود فرآیند طراحی سریعتر، انعطافپذیرتر و کاملا قابل شخصیسازی انجام شود و در نهایت سایتهایی مدرن و کاربرمحور ایجاد گردد.
در این مقاله به صورت جامع و کاربردی، تمام المانهای ضروری المنتور را معرفی میکنیم و توضیح میدهیم هرکدام چه ویژگیهایی دارند و در طراحی سایت چگونه به شما کمک میکنند. هدف این متن این است که دید کاملی نسبت به ابزارهای اصلی المنتور به دست بیاورید تا بتوانید صفحات زیباتر و تبدیلمحورتر بسازید.
۱. المان بخش (Section) و ستون (Column)
هسته اصلی هر طراحی در المنتور با بخش و ستون شکل میگیرد. این دو المان درواقع اسکلت صفحه را میسازند.
ویژگیهای بخش و ستون
- کنترل کامل روی عرض و ارتفاع
- امکان تعیین پس زمینه (رنگ، تصویر، گرادینت، ویدئو)
- تنظیمات فاصله داخلی و بیرونی
- قابلیت قرار دادن چندین ستون در یک بخش
- امکان استفاده از افکتهای موشن، شکلدهندهها و اسکرول افکتها
اگر بخشبندی سایت اصولی انجام شود، طراحی شما تمیز، منظم و حرفهای به نظر میرسد.
بیشتر بخوانید» اگر قصد دارید یک فروشگاه آنلاین حرفهای راهاندازی کنید و از تمام قابلیتها و المانهای کاربردی المنتور در طراحی صفحات محصول، دستهبندیها و سبد خرید استفاده کنید، استفاده از خدمات طراحی سایت فروشگاهی در مشهد توسط تیم پارس وب میتواند بهترین انتخاب باشد. پارس وب با تجربه تخصصی در ساخت فروشگاههای مدرن و کاربرپسند، این امکان را فراهم میکند که تمام امکانات حرفهای المنتور به شکل استاندارد و بهینه در سایت شما پیادهسازی شود. اگر میخواهید فروشگاهتان ظاهر حرفهای، سرعت بالا و تجربه کاربری عالی داشته باشد، پیشنهاد میکنیم این خدمات را بررسی کنید.
۲. المان Heading سرتیتر
سرتیترها یکی از پراستفادهترین المانها هستند. این المان برای ایجاد تیترهای H1 تا H6 استفاده میشود.
ویژگیها
- انتخاب سطح تیتر H1 تا H6
- امکان تنظیم رنگ، سایز، فونت، فاصله و ترازبندی
- افزودن لینک روی تیتر
- امکان افزودن افکتهای انیمیشن
اگر بخواهید ساختار سئوی صفحهتان قوی باشد، باید از هدینگها بهصورت استاندارد استفاده کنید.
۳. المان Text Editor ویرایشگر متن
برای نوشتن متنها، پاراگرافها، توضیحات و محتوای اصلی از این ویجت استفاده میشود.
ویژگیها
- ویرایش کامل متن با فرمتبندی مشابه ورد
- قابلیت افزودن لینک، لیست بولتدار، بولد کردن، تغییر رنگ و …
- سبکدهی بسیار منعطف در بخش Style
این المان برای تولید محتوای متنی اجباری و پایهایترین ابزار المنتور است.
۴. المان Image تصویر
هیچ صفحهای بدون تصویر جذاب نیست. ویجت تصویر امکان افزودن عکس با کنترل کامل روی اندازه و نمایش را میدهد.
قابلیتها
تعیین اندازه Thumbnail تا Full
افزودن افکت Hover
قرار دادن لینک روی تصویر
تنظیمات پیشرفته مانند borderradius، boxshadow و اسکرول افکت
۵. المان Button دکمه
دکمه یکی از مهمترین ابزارهای تبدیل بازدیدکننده به مشتری است. ویجت دکمه در المنتور امکانات زیادی برای ساخت CTA ارائه میدهد.
ویژگیها
انتخاب سایز مختلف دکمه
امکان قرار دادن آیکون در کنار متن
تعیین لینک، رنگ، پسزمینه و سایز فونت
افکتهای هاور، سایه و بیضی یا مربعی کردن گوشهها
در صفحات فرود، دکمهها نقش حیاتی دارند و باید کاملاً استاندارد و جذاب طراحی شوند.
۶. المان Icon و Icon Box
برای نمایش ویژگیها، مزیتها یا خدمات، آیکونها بسیار کاربردی هستند.
قابلیتها
استفاده از کتابخانه FontAwesome و سایر مجموعههای آیکون
تنظیم سایز، رنگ، فاصله و استایل
در Icon Box امکان افزودن یک تیتر + توضیح + آیکون در یک قالب زیبا
این دو المان در طراحی صفحات شرکتی و خدماتی بسیار استفاده میشوند.
۷. المان Image Box باکس تصویر
مشابه Icon Box است، اما به جای آیکون از تصویر استفاده میشود.
ویژگیها
ترکیب تصویر + تیتر + متن
مناسب برای معرفی محصولات، پروژهها یا دستهبندیها
اگر بخواهید بخشهایی مثل “چرا ما؟” یا “خدمات ما” بسازید، این ویجت بسیار کاربردی است.
۸. المان Gallery گالری تصاویر
برای نمایش نمونهکارها، تصاویر پروژهها یا یک مجموعه عکس مرتب از این ویجت استفاده میشود.
ویژگیها
حالت شبکهای، ماسونری، یا حلقه اسلایدی
تنظیم فاصله، تعداد ستونها و افکتها
امکان باز شدن عکسها در Lightbox
۹. المان Video ویدئو
برای نمایش ویدئوهای آپارات، یوتیوب، Vimeo یا فایل آپلودی.
قابلیتها
تصویر کاور سفارشی
Autoplay و Loop
افزودن دکمه پخش سفارشی
طراحی حاشیه و افکتها
اگر سایت شما خدمات دارد، ویدئوی معرفی برند تأثیر زیادی در اعتماد مخاطب دارد.
۱۰. المان Spacer و Divider فاصله دهنده و جداکننده
برای ایجاد نظم و فاصله بین عناصر استفاده میشود.
ویژگیها
Divider امکان ساخت خطهای ساده یا تزئینی
Spacer کنترل کامل روی فاصله عمودی
بدون استفاده حرفهای از این دو، صفحهتان شلوغ و نامنظم دیده میشود.
۱۱. المان Tabs و Accordion تبها و آکاردئون
این دو ویجت برای ارائه محتوای زیاد در فضای محدود بسیار مفید هستند.
ویژگی Tabs
دستهبندی محتوا در چند تب
امکان قرار دادن متن، عکس، فرم و هر المان داخل تب
ویژگی Accordion
مناسب برای سوالات متداول (FAQ)
باز و بسته شدن بخشها بدون شلوغی
۱۲. المان Form فرمساز
در نسخه پرو قرار دارد و یکی از ارزشمندترین ابزارهاست. میتوانید با آن فرمهای تماس، سفارش، مشاوره و… بسازید.
قابلیتها
افزودن فیلدهای مختلف مثل متن، ایمیل، شماره، آپلود فایل و…
ارسال فرم به ایمیل یا اتصال به CRM
ریدایرکت پس از ارسال فرم
طراحی ظاهری بسیار وسیع
۱۳. المان Slides اسلایدر
برای ساخت اسلایدرهای حرفهای بدون هیچ افزونه اضافهای.
ویژگیها
افزودن تصویر، تیتر، متن و دکمه در یک اسلاید
تنظیمات پیشرفته انیمیشن
کنترل روی سرعت، اتوپلی، ناوبری و…
۱۴. المان Posts نمایش نوشتهها
با این ویجت میتوانید مقالات، محصولات یا هر نوشتهای را از دیتابیس وردپرس نمایش دهید.
قابلیتها
انتخاب طرح شبکهای، لیستی یا کارت
فیلتر دستهبندیها
تعیین تعداد نمایش
طراحی کامل کارتها مثل تصویر، عنوان، خلاصه متن و…
برای صفحات وبلاگ بسیار ضروری است.
۱۵. المان Price Table و Price List جدول قیمت و لیست قیمت
برای معرفی پلنهای قیمتی یا لیست محصولات.
ویژگیها
افزودن تیتر، قیمت، ویژگیها و دکمه CTA
امکان هایلایت کردن یک پلن
انعطاف بالا در طراحی
جمع بندی
المنتور امکانات گستردهای برای طراحی صفحات حرفهای دارد و مهمترین مزیت آن این است که تمام این المانها بدون نیاز به حتی یک خط کدنویسی در اختیار شماست. با شناخت درست هر ویجت و استفاده صحیح از آنها، میتوانید صفحاتی زیبا، سریع، استاندارد و کاربرپسند بسازید. از بخش و ستونهای پایه گرفته تا فرمساز، اسلایدر، گالری، تبها و آکاردئونall به شما کمک میکنند تجربه کاربری بهتری ارائه دهید و صفحات تبدیلمحورتری طراحی کنید.
منبع: وبسایت آژانس دیجیتال مارکتینگ پارس وب
