آریانیک ...

مجله آریانیک - اخبار > آموزش و معرفی پلاگین صفحه ساز المنتور

Aryanic Blog

Blog



پنج شنبه ٣٠ دی ١٤٠٠ ١٠:٥٩
photo

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

المنتور (Elementor) چیست؟

برای طراحی بخش‌های مختلف یک سایت، سخت‌ترین راه، کدنویسی سمت کاربر (Frontend) و همچنین سمت سرور (Backend) است، و ساده‌ترین روش استفاده از پلاگین‌های صفحه‌ساز مانند المنتور است. (البته اگر سایت شما وردپرسی باشد)
المنتور یک افزونه وردپرسی اپن سورس است که در سال ۲۰۱۶ معرفی شد و به صورت رایگان در مخزن وردپرس قابل دانلود می‌باشد.
بوسیله افزونه
elementor می‌توان بدون نیاز به کدنویسی خاصی، هر آنچه را که نیاز دارید (مانند متن، گالری تصاویر، ویدئو، دکمه‌ها و ...) از طریق کشیدن و رها کردن آن‌ها، به صفحات سایت خود اضافه نمایید.

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

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

  1. طراحی قسمت‌های مختلف سایت در سریع‌ترین زمان ممکن:  در نسخه رایگان المنتور، 30  ابزار مختلف مانند سربرگ، دکمه، متن، ویدئو، تصویر، نقشه گوگل، آیکن و … در اختیار استفاده‌کنندگان از این افزونه قرار گرفته که به‌راحتی با کشیدن و رها کردن آن‌ها، به صفحه مورد نظر افزوده می‌شوند.
    همچنین در نسخه پرو که غیر رایگان است بیش از ۶۰ ابزار گوناگون دیگر از جمله محصولات مرتبط، محصولات، عنوان محصولات، گالری، اشتراک‌گذاری و … وجود دارد که در صورت خریداری آن، به این ابزارها هم دسترسی خواهید داشت.
  2. بدون نیاز به دانش برنامه‌نویسی: شما می‌توانید تمامی بخش‌های مختلف سایت را بدون نوشتن حتی یک خط کد برنامه‌نویسی طراحی کنید.
  3. انعطاف‌پذیری بالا: شما بدون در نظر گرفتن قالب سایت، می‌توانید صفحات سایت خود را هرگونه که مایل هستید به وسیله المنتور جادویی خلق کنید.
  4. محیط کاربری آسان: کار با ویرایشگر حرفه‌ای المنتور خیلی راحت است، همچنین به کاربران اجازه می‌دهد تغییراتی را که در صفحات سایت ایجاد کرده‌اند، به‌طور آنی و در لحظه مشاهده نمایند.
  5. ذخیره خودکار: هر تغییری که در صفحات بوسیله elementor انجام می‌دهید، بدون دخالت شما به صورت خودکار ذخیره می‌گردد.
  6. تغییر فونت: می‌توان با نصب  فونت‌های دلخواه در elementor، در بخش‌های مختلف صفحات سایت، فونت‌ها را تغییر داد.
  7. سئو: یکی از بخش‌های تأثیرگذار در سئو، قالب سایت است که افزونه elementor با افزونه‌های سئوی وردپرس مانند Yoast Seo به خوبی سازگار است.
  8. سرعت: صفحات طراحی شده با elementor از سرعت خوبی برای لود شدن برخوردار هستند و کاربر کاهش سرعت را احساس نخواهد کرد.
  9. واکنش‌گرا (Responsive): تمامی بخش‌هایی که با این افزونه طراحی می‌شود واکنش‌گرا هستند و در همه اندازه‌های صفحه‌نمایش مختلف مانند موبایل، تبلت، لپ‌تاپ و … به خوبی نمایش داده می‌شوند.
  10. پیمایش بین عناصر: به راحتی می‌توان بین بخش‌های طراحی شده با این افزونه جابجا شده و این بخش‌ها را با درگ کردن و کشیدن، با بخش‌های دیگر جابجا کرد.
  11. تاریخچه ویرایش: هر تغییری که در صفحات سایت خود با افزونه انجام دهید ذخیره می‌شود، که همه مراحل این تغییرات قابل مشاهده و پیگیری می‌باشد.
  12. حالت پیش‌نویس: ممکن است در حال طراحی صفحه‌ای باشید اما قصد دارید مجدد تغییراتی را اعمال نمایید، به‌راحتی می‌توانید صفحه طراحی شده را به عنوان پیش‌نویس ذخیره کنید.
  13. کپی کردن عناصر: هر عنصری را که با این افزونه به صفحه اضافه کرده‌اید، می‌توانید کپی کرده و در قسمت‌های دیگر صفحه یا صفحات دیگر جای‌گذاری نمایید.
  14. ویرایش متن: یکی دیگر از مزایای المنتور در بخش ویرایش متن است که امکان افزودن سایه، تغییر رنگ و تایپوگرافی و نحوه چیدمان متن با تنظیمات مربوط به هر بخش را در دسترس مدیر سایت قرار می‌دهد.
  15. نقشه گوگل (Google Map): با  کشیدن ابزار نقشه گوگل از قسمت المان‌های پایه افزونه elementor و رها کردن آن در بخش مورد نظر از صفحه سایت، و تنظیم کردن مکان کسب و کار خود در نقشه، می‌توانید در جستجوهای محلی گوگل در فهرست نتایج قرار بگیرید.

افزودن نقشه گوگل در المنتور

  1. امکان ایجاد پس‌زمینه: از طریق این افزونه قادر خواهید بود از عکس یا ویدئو به همراه پوشش رنگی (گرادیان) به عنوان پس زمینه در بخش‌های مختلف سایت بهره‌مند شوید.
  2. امکان ایجاد آکاردئون: به آسانی می‌توانید آکاردئون با هر تعداد آیتمی که مدنظر دارید را به صفحه سایت خود اضافه کنید.
  3. امتیازدهی: امکان افزودن بخش امتیازدهی در بخش‌های مختلف سایت با افزونه المنتور به راحتی میسر است.
  4. شبکه‌های اجتماعی: می‌توان لینک شبکه‌های اجتماعی مختلف به همراه آیکن آن‌ها را به سایت اضافه کرد.
  5. امکان افزودن نوار پیشرفت (Progress Bar): یکی از موارد استفاده از نوار پیشرفت، نشان دادن میزان مهارت‌های شخص در حرفه خود، یا نمایش میزان پیشرفت پروژه‌ها و … می‌باشد که با یک کشیدن و رها کردن ابزار نوار پیشرفت، این عنصر به سایت اضافه خواهد شد.

 ایجاد نوار پیشرفت در elementor

  1. یکی از موارد استفاده آن می‌تواند نمایش لوگوی مشتریانی باشد که خدماتی به آن‌ها ارائه شده است.
  2. ایجاد گالری: در نسخه رایگان المنتور می‌توان یک گالری تصاویر پایه ایجاد کرد که با کلیک بر روی هر تصویر، یک محیط جدید باز شده که در آن امکان مشاهده تصویر در اندازه کامل و همچنین پیمایش بین تصاویر دیگر فراهم شده است.
  3. الگوهای آماده: در نسخه حرفه‌ای المنتور، ده‌ها الگو (Template) آماده وجود دارد که کار طراحی را خیلی آسانتر می‌کند.
  4. سازگاری با قالب‌: این افزونه به طور معمول، با قالب‌هایی که با اصول و استانداردهای وردپرس، ایجاد شده‌اند سازگاری کامل دارد.
  5. Carousel Image: از دیگر امکانات المنتور، ایجاد مجموعه‌ای از تصاویر است که در کنار هم قرار گرفته و به صورت اسلایدی و خودکار این تصاویر جابجا می‌شوند.

ایجاد اسلاید تصویری در المنتور

جمع‌بندی

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