افزونه المنتور چیست؟ معرفی و آموزش صفحه ساز Elementor

5.0/5

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

فهرست مطالب

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

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

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

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

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

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

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

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

کار با افزونه المنتور چگونه است؟

ساخت صفحه در elementor

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

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

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

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

قیمت افزونه Elementor Pro چقدر است؟

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

اما اگر می‌خواهید قابلیت‌های بیشتری را در طراحی به کار ببرید و درک کنید که واقعا افزونه المنتور چیست؟ باید افزونه Elementor Pro را تهیه کنید.

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

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

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

برای شروع ابتدا به بخش افزونه‌ها و سپس افزودن بروید و عبارت Elementor را جستوجو کنید؛

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

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

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

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

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

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

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

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

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

همکنون باید پنل اصلی المنتور در سمت راست تصویر پیش رویتان باشد.

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

صفحه خام المنتور

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

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

  • بخش‌ (سکشن) – صفحه‌ها توسط بخش‌ها با ستون‌های افقی جدا از هم تفکیک می‌شوند.
  • ستون – ستون‌ها، بخش را به چند قسمت عمودی تفکیک می‌کنند.
  • ابزارک‌ها – محتوای شما توسط ابزارک‌ها وارد ستون‌ها می‌شود.

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

حذف ویجت المنتور

برای ویرایش ابزارک، ستون یا بخش، کافیست بر روی آن کلیک کنید و از پنل سمت راست تغیرات دلخواهتان را اعمال کنید:

ویرایش ویجت در المنتور

چگونه از قابلیت‌های ویژه پلاگین المنتور استفاده کنیم؟

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

ابزارک فرم

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

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

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

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

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

یکپارچه سازی

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

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

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

برای تنظیمات این بخش، به داشبورد اصلی وردپرس بروید، از پنل سمت راست المنتور را انتخاب و سپس روی گذینه تنظیمات کلیک کنید. در صفحه پیش رویتان پنج تب موجود است، روی  یکپارچه سازی کلیک کنید:

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

پوسته ساز

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

  • سربرگ و پاورقی
  • پست تکی
  • آرشیو

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

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

برای ساخت یک پوسته جدید، به قالب‌ ها و بعد برروی پوسته ساز کلیک کنید.

ساخت پوسته جدید

تنظیمات کلی

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

در این قسمت می‌توانید تنظیماتی از قبیل رنگ بندی، تایپوگرافی، دکمه‌ها، فیلدهای فرم و … را در تمام سایتتان اعمال کنید.

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

برای دسترسی به این قسمت، در صفحه ویرایش المنتور برروی دکمه همبرگر(سه خط) در بالا سمت راست کلیک کنید و بعد تنظیمات سایت را انتخاب کنید:

تنظیمات سایت

پاپ آپ ها

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

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

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

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

راه انداز پاپ آپ

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

پاپ آپ های پیش ساخته

ووکامرس

خیلی از افرادی که به دنبال جوابی برای افزونه المنتور چیست؟ هستند، در واقعا هدفشان راه اندازی یک فروشگاه اینترنتی است.

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

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

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

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

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

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

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

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

اما اگر افزونه المنتور پرو را نیز تهیه کرده باشید، ویجت Breadcrumbs که توسط یوست سئو گسترش داده شده است نیز برای شما فعال می‌شود.

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

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

بستگی به افزونه دارد! اما به طور کلی می‌توان جواب این سوال را مثبت داد. المنتور تقریبا تمامی افزونه‌های وردپرس را بدون مشکل پشتیبانی می‌کند.

جمع بندی

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

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

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

  • فیلدهای فرم و یکپارچه سازی آنها
  • پوسته ساز
  • پاپ آپ ها
  • ووکامرس
  • تنظیمات کلی سایت
  • و…

طراحی وبسایت رویاهای خودتان را شروع کنید و اگر همچنان سوالی در مورد افزونه المنتور چیست داشتید از بخش نظرات با من در میان بگذارید.

منبع

{{ reviewsTotal }}{{ options.labels.singularReviewCountLabel }}
{{ reviewsTotal }}{{ options.labels.pluralReviewCountLabel }}
{{ options.labels.newReviewButton }}
{{ userData.canReview.message }}

© هرگونه کپی برداری تنها با ذکر منبع مجاز است.