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

افزونه المنتور در وردپرس

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

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

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

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

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

افزونه المنتور در وردپرس | راهنمای استفاده از Elementor 1مزیت استفاده از المنتور Elementor

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

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

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

دوره آنلاین وردپرس با رویکرد دیجیتال مارکتینگ

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

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

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

۱- نصب از طریق مراجعه به سایت Elementor.com

  • وارد سایت Elementor.com شوید و روی گزینه دانلود رایگان کلیک کنید.
  • در پنجره‌ای که باز می‌شود، آدرس ایمیل خود را در قسمت مشخص شده وارد کنید.افزونه المنتور در وردپرس | راهنمای استفاده از Elementor 2
  • روی گزینه دانلود و اشتراک (Subscribe & Download) کلیک کنید.
  • در داشبورد وردپرس خود به قسمت پلاگین ها وارد شوید و افزودن افزونه جدیدی را انتخاب کنید.
  • روی گزینه بارگذاری پلاگین Upload Plugin کلیک کنید و فایلی که با پسوند .Zip که از سایت المنتور دانلود کردید، کلیک کنید.
  • حالا روی گزینه نصب Install کلیک کنید و سپس افزونه را فعال کنید. 

۲- نصب المنتور از طریق داشبورد وردپرس

  • در داشبورد وردپرس روی گزینه پلاگین ها کلیک کنید و افزودن پلاگین جدید را انتخاب کنید (Plugin> Add New)
  • در قسمت جستجو نام Elementor را وارد کنید و افزونه صفحه ساز المنتور را بیابید.افزونه المنتور در وردپرس | راهنمای استفاده از Elementor 3
  • روی گزینه نصب Install کلیک کنید، پس از اتمام نصب، افزونه را فعال کنید.

نحوه استفاده از افزونه المنتور Elementor در وردپرس

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

نگاهی اجمالی به ویراستار المنتور Elementor

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

افزونه المنتور در وردپرس | راهنمای استفاده از Elementor 4علاوه بر این، پس از طراحی یک پست یا یک صفحه جدید نیز می توانید روی گزینه ویرایش با استفاده از المنتور (Edit with Elementor) کلیک کنید.

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

افزونه المنتور در وردپرس | راهنمای استفاده از Elementor 6در منو‌ی Style ۷ Setting Configuration، به رنگ ها و فونت‌های پیش فرض دسترسی خواهد داشت. تنظیمات کلی تمام وب‌سایت از این قسمت به سادگی انجام می‌شود.

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

افزونه المنتور در وردپرس | راهنمای استفاده از Elementor 7

۰ تا ۱۰۰ ابزارک وردپرس (Widget)

۲۸ ویجت برتر

نحوه ساخت اولین صفحه سایت در المنتور Elementor

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

  • به داشبورد وردپرس وارد شوید.
  • روی صفحه کلیک کنید و گزینه صفحه جدید را انتخاب کنید.
  • با کلیک روی ویرایش با استفاده از المنتور Edit with Elementor وارد صفحه ساز می شوید.

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

افزونه المنتور در وردپرس | راهنمای استفاده از Elementor 8در این بخش نمونه‌های از پیش تهیه‌شده‌ای نیز وجود دارد. که طراحی وب سایت را به مراتب ساده را نیز خواهد کرد. کافی است نمونه مورد نظر خود را جستجو کنید و آنها در صفات خود به کار ببرید. به یاد داشته باشید که این نمونه‌ها در گوشی‌های تلفن همراه نیز به خوبی نمایش داده می‌شوند.

  • از پنجره اصلی ویرایش روی پوشه سفیدکلیک کنید.
  • با کلیک روی تصویر یک نمونه را در حالت بزرگنمایی شده مشاهده کنید.افزونه المنتور در وردپرس | راهنمای استفاده از Elementor 9
  • با کلیک روی دکمه سبز رنگ Insert نمونه را در صفحه خود به کار ببرید.
  • پس از پایان مراحل، در صورت رضایت از طراحی مورد نظر، آن را انتشار دهید. برای این منظور به پنلی که در قسمت راست و پایین المنتور است، بروید.
  • برای مشاهده پیش نمایش طراحی روی علامت چشم کلیک کنید.
  • برای انتشار نمونه انتخابی، روی دکمه انتشار Publish کلیک کنید

نحوه ایجاد پاپ‌آپ (Popup) در المنتور Elementor

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

  • از داشبورد وردپرس مسیر زیر را دنبال کنید Templates> popups > Add New
  • نام مورد نظر را وارد کنید و روی ایجاد نمونه کلیک کنید.
  • یک نمونه را انتخاب کنید و طراحی‌های مد نظر خود را اعمال کنید.
  • روی گزینه انتشار کلیک کرده و تغییرات را ذخیره کنید.
  • با فشردن CTRL + E یک صفحه جدید را در المنتور باز کند.
  • یک دکمه ویجت را به این صفحه بکشید.
  • زیر منو‌ی لایه‌ها Layout این مسیر را دنبال کنید Link > Dynamic > Actions > Popup.
  • به بخش Popup> Open Popup بروید و پنجره مورد نظر خود را انتخاب کنید.
  • به صفحه زنده Live بروید
  • روی دکمه کلیک کنید و شاهد باز شدن پنجره مورد نظر خود باشید.

افزونه المنتور در وردپرس | راهنمای استفاده از Elementor 10

نحوه ایجاد صفحه WooCommerce  شخصی سازی شده در المنتور

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

  • در داشبورد وردپرس، به آدرس زیر بروید Elementor > My Templates> Add New
  • یک محصول را به فراخور صفحه نمونه خود انتخاب کنید..
  • در این بخش کتابخانه المنتور باز می‌شود
  • در این مرحله یک نمونه از پیش طراحی‌شده را انتخاب کنید یا یک نمونه را ایجاد کنید.افزونه المنتور در وردپرس | راهنمای استفاده از Elementor 11
  • در صورتی که از نتیجه کار رضایت دارید با کلیک روی علامت چشم، پیش نمایش نمونه را مشاهده کنید.
  • سپس با کلیک روی تنظیمات محصولی که می خواهید در این نمونه به نمایش درآید را انتخاب کنید.
  • سپس روی گزینه انتشار کلیک کنید.

جمع بندی

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

۲ دیدگاه دربارهٔ «افزونه المنتور در وردپرس | راهنمای استفاده از Elementor»

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

دیدگاه‌ خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.

موضوعات دیگر