طراحی سایت با افزونه المنتور

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

elementor

افزونه المنتور  “Elementor” یکی از معروفترین و پرکاربردترین افزونه‌های وردپرس است که برای ساخت و ویرایش صفحات وب به وسیله رابط کاربری بصری (Visual Page Builder) استفاده می‌شود. این افزونه به وب‌سایت‌ها امکان می‌دهد تا به سرعت و به راحتی صفحات و نوشته‌های خود را طراحی و ویرایش کنند بدون نیاز به دانش برنامه‌نویسی حرفه‌ای.

ویژگی‌های اصلی افزونه Elementor شامل موارد زیر می‌شوند:

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

رابط کاربری بصری در افزونه المنتور

رابط کاربری بصری در المنتور

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

رابط کاربری بصری (Visual User Interface) در افزونه Elementor به کاربران امکان می‌دهد تا به سادگی و با دیدن تغییرات در زمان واقعی، صفحات وب خود را طراحی و ویرایش کنند. در زیر، توضیحاتی در مورد نحوه استفاده از رابط کاربری بصری در المنتور (Elementor) آمده است:

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

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

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

Elementor قالب‌های آماده‌ای را به همراه دارد که می‌توانید برای سرعت بخشیدن به فرآیند طراحی وب‌سایت خود استفاده کنید.

Elementor یکی از ویژگی‌های محبوبی دارد که به کاربران این امکان را می‌دهد تا از قالب‌های آماده‌ای که با آن هماهنگ شده‌اند، استفاده کنند. این قالب‌های آماده اغلب به عنوان “قالب‌های آماده Elementor” یا “قالب‌های آماده برای Elementor” شناخته می‌شوند. در زیر توضیحاتی در مورد استفاده از قالب‌های آماده در Elementor آمده است:

  • نصب و فعال‌سازی قالب: ابتدا باید قالب مورد نظر را نصب و فعال کنید. برخی از قالب‌ها به صورت رایگان در وردپرس.org موجودند و برخی از آن‌ها قالب‌های پرداختی از سایت‌ها یا بازارهای تمامیت (ThemeForest، TemplateMonster و …) هستند.
  • نصب افزونه مرتبط با قالب: برخی از قالب‌ها از افزونه‌های مرتبط با خود استفاده می‌کنند تا امکانات خاصی را اضافه کنند. به عنوان مثال، افزونه‌های اسلایدر، فرم‌سازها و … را ممکن است برای استفاده بهتر از قالب نصب و فعال کنند.
  • فعال‌سازی المنتور برای صفحات: برخی از قالب‌های آماده Elementor به شما امکان می‌دهند که المنتور را به عنوان ویرایشگر صفحات خود انتخاب کنید. برای انجام این کار، معمولاً باید به تنظیمات قالب بروید و گزینه‌های مربوط به ویرایشگر صفحات را تنظیم کنید.
  • استفاده از قالب‌های آماده: حالا که المنتور فعال و آماده استفاده است، می‌توانید به ویرایش صفحات بپردازید. برخی از قالب‌ها از طریق منوی وردپرس -> صفحات -> افزودن صفحه یا ویرایش یک صفحه موجود از المنتور پشتیبانی می‌کنند.
  • انتخاب قالب: در المنتور، امکان انتخاب قالب‌های آماده از کتابخانه آن وجود دارد. معمولاً می‌توانید یک بخش از صفحه را با یک قالب آماده جایگزین کنید یا تمام صفحه را با قالب آماده جدیدی جایگزین کنید.
  • سفارشی‌سازی قالب: بعد از انتخاب قالب، می‌توانید آن را سفارشی‌سازی کنید. این شامل تغییر متن، تصاویر، رنگ‌ها، فونت‌ها، طرح صفحه و تنظیمات دیگر است.
  • ذخیره و منتشر کردن: پس از سفارشی‌سازی قالب به دلخواه، تغییرات را ذخیره کنید و صفحه را منتشر یا به روز رسانی کنید.

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

افزونه‌های اضافی در افزونه المنتور

Elementor امکان اضافه کردن افزونه‌های مختلفی مانند اسلایدرها، فرم‌سازها، جداول قیمت، و … را به وب‌سایت‌های وردپرسی می‌دهد.

افزونه‌های اضافی (Add-ons) در Elementor ابزارهایی هستند که به افزونه اصلی Elementor افزایش‌های قابل تنظیم و امکانات جدید اضافه می‌کنند. این افزونه‌ها اغلب توسط توسعه‌دهندگان مستقل یا شرکت‌های نرم‌افزاری به عنوان پروژه‌های جانبی توسعه داده می‌شوند تا توانایی‌های Elementor را گسترش دهند و به کاربران امکان سفارشی‌سازی بیشتری برای وب‌سایت‌های خود بدهند.

در زیر، چند افزونه اضافی معروف برای Elementor ذکر شده‌اند:

  • Elementor Pro: این افزونه اضافی توسط تیم Elementor ارائه می‌شود و به کاربران امکانات اضافی مانند فرم‌سازی پیشرفته، ایجاد قالب‌های سفارشی، تنظیمات اختصاصی اسلایدر و اسلایدشو، و دسترسی به کتابخانه‌ی المانت‌های Pro اضافی را می‌دهد.
  • Ultimate Addons for Elementor: این افزونه اضافی از طرف Brainstorm Force ارائه می‌شود و امکانات جدیدی مانند افکت‌های تصاویر، المنت‌های پیشرفته، قالب‌های سفارشی، و بیشتر را به Elementor اضافه می‌کند.
  • Essential Addons for Elementor: این افزونه اضافی توسط WPDeveloper توسعه داده شده است و دارای بیش از 70 المنت و تنظیمات اضافی برای سفارشی‌سازی وب‌سایت‌ها با Elementor است.
  • Happy Addons for Elementor: این افزونه اضافی امکان اضافه کردن تنوع به طراحی‌های وب‌سایت با المنت‌های اضافی و افکت‌های تصاویر ارائه می‌دهد.
  • PowerPack for Elementor: این افزونه توسط WPChimpa توسعه داده شده است و به کاربران امکان سفارشی‌سازی قالب‌ها، المنت‌ها و افکت‌های ویژه ارائه می‌دهد.
  • Premium Addons for Elementor: این افزونه اضافی دارای 50+ المنت و تنظیمات اضافی برای افزایش توانایی‌های طراحی با Elementor است.

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

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

اگر شما یک فروشگاه آنلاین با ووکامرس دارید، Elementor امکان ویرایش صفحات محصولات و فروشگاه خود را با رابط بصری فراهم می‌کند.

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

برای استفاده از ویرایشگر ووکامرس در Elementor، مراحل زیر را دنبال کنید:

  • نصب و فعال‌سازی WooCommerce: اگر هنوز افزونه WooCommerce را نصب نکرده‌اید، ابتدا باید این افزونه را از مخزن وردپرس نصب کرده و فعال کنید. WooCommerce یک افزونه رایگان است که به شما امکان ایجاد یک فروشگاه آنلاین را می‌دهد.
  • نصب و فعال‌سازی Elementor و Elementor Pro: اگر Elementor را نصب نکرده‌اید، ابتدا این افزونه را نصب و فعال کنید. همچنین، اگر از ویژگی‌های ویرایشگر ووکامرس Pro نیاز دارید، Elementor Pro را نصب و فعال کنید.
  • ویرایش یک صفحه محصول ووکامرس با Elementor: وارد مدیریت وردپرس شوید و به قسمت “محصولات” در WooCommerce بروید. سپس برای ویرایش یک محصول، روی “ویرایش” کلیک کنید.
  • استفاده از Elementor در محصول: پس از ویرایش محصول، بر روی گزینه “ویرایش با Elementor” یا “ویرایش با المنتور” (بسته به نسخه Elementor و WooCommerce شما) کلیک کنید. این کار شما را به ویرایشگر بصری Elementor منتقل می‌کند.
  • ویرایش صفحه محصول با Elementor: با استفاده از ویرایشگر Elementor، می‌توانید تصاویر، متن‌ها، دکمه‌ها، جداول قیمت، المنت‌های اضافی و تمام جزئیات مرتبط با محصول را به سادگی ویرایش کنید و سفارشی‌سازی کنید.
  • ذخیره تغییرات: پس از انجام تغییرات مورد نظر، تغییرات را ذخیره کنید.
  • منتشر کردن یا به روزرسانی محصول: با تغییراتی که در صفحه محصول اعمال کرده‌اید، می‌توانید محصول را منتشر کنید یا به روزرسانی کنید.

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

امکان سفارشی‌سازی در افزونه المنتور

Elementor به شما اجازه می‌دهد تا هر جزئیاتی از صفحات وب‌سایت خود را به دلخواه سفارشی‌سازی کنید، از جمله فونت‌ها، رنگ‌ها، حاشیه‌ها، پیکربندی‌های مختلف و …

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

  • انتخاب یک قالب: ابتدا باید یک قالب برای صفحه وب خود انتخاب کنید. می‌توانید از قالب‌های آماده وردپرس استفاده کنید یا یک قالب خود را طراحی کنید. قالب‌های آماده معمولاً از قبل طراحی‌شده‌اند و شما می‌توانید آن‌ها را با المنتور ویرایش کنید.
  • ویرایش با المنتور: بعد از انتخاب قالب، وارد صفحه وب مورد نظر خود شوید و بر روی گزینه “ویرایش با المنتور” یا “ویرایش با Elementor” کلیک کنید. این کار شما را به ویرایشگر بصری Elementor منتقل می‌کند.
  • اضافه کردن المنت‌ها: با المنتور، می‌توانید المنت‌های مختلفی را به صفحه وب خود اضافه کنید. این المنت‌ها شامل متن، تصویر، دکمه، فرم‌سازها، اسلایدرها، تصاویر پس‌زمینه، و انواع المنت‌های دیگر هستند. با کلیک بر روی هر المنت، می‌توانید محتوا و تنظیمات آن را ویرایش کنید.
  • تنظیمات قالب: Elementor به شما امکان می‌دهد تا قالب صفحه را بصورت کامل سفارشی‌سازی کنید. می‌توانید رنگ‌ها، فونت‌ها، پس‌زمینه‌ها، حاشیه‌ها، پرسشنامه‌ها، و انواع تنظیمات دیگر را تغییر دهید.
  • تنظیمات صفحه: Elementor امکان تنظیمات پیشرفته‌تری نیز ارائه می‌دهد. این تنظیمات شامل تنظیمات SEO، تنظیمات موبایل، تنظیمات تایپوگرافی، و بسیاری دیگر می‌شوند.
  • پیش‌نمایش و ذخیره: قبل از ذخیره تغییرات، می‌توانید صفحه را پیش‌نمایش کنید تا اطمینان حاصل کنید که طراحی به درستی انجام شده است. سپس تغییرات را ذخیره کنید.
  • منتشر کردن یا به روزرسانی: پس از ذخیره تغییرات، می‌توانید صفحه را منتشر کنید یا به روزرسانی کنید تا تغییرات در وب‌سایت شما نمایش داده شود.

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

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

 

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

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

آموزش های مرتبط وردپرس

مقالات مرتبط