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

آموزش المنتور

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

آموزش المنتور

آنچه در این مقاله به اختصار خواهید خواند:

  • افزونه Elementor Page Builder چیست؟
  • ویژگی‌­های افزونه Elementor Page Builder
  • آموزش نصب و راه‌اندازی افزونه المنتور
  • آموزش افزونه المنتور
  • آموزش طراحی صفحات با افزونه المنتور
  • استفاده از قالب‌­های آماده المنتور
  • ساخت قالب به صورت دستی
  • نوار ابزار المنتور
  • افزودنی‌های المنتور
  • نمونه صفحه ساخته شده با المنتور
  • ویدیوی آموزش المنتور فارسی

افزونه Elementor Page Builder چیست؟

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

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

ویژگی­‌های افزونه Elementor Page Builder

  • قابلیت طراحی به صورت زنده
  • بهینه بودن افزونه
  • دارای سرعت بالا
  • قابلیت ساخت صفحات “به زودی” و “در دست ساخت”
  • قابلیت طراحی ساخت صفحات به صورت زنده
  • وجود بیش از 100 قالب و الگوی آماده
  • قابلیت سازگاری با ووکامرس
  • امکان تهیه نسخه پشتیبان از ویرایش‌­های قبلی
  • دارای 30 آیتم مختلف برای استفاده در صفحات
  • قابلیت کدنویسی استاندارد
  • پشتیبانی از زبان فارسی
  • راهنمای بصری طراحی سایت (پرمیوم)
  • طراحی پاپ آپ­‌های حرفه­‌ای (پرمیوم)
  • دارای بیش از 80 ویجت (پرمیوم)
  • سازگار با هر نوع قالب و افزونه (پرمیوم)

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

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

1. تنظیمات

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

سربرگ کلی: این بخش شامل تنظیمات کلی مربوط به صفحه و نوشته­‌ها می‌­باشد.

  • انواع نوشته: این بخش امکان انتخاب مکان المنتور در نوشته‌ها، برگه‌ها یا صفحه محصولات ووکامرس را فراهم می‌­کند.
  • غیرفعال کردن رنگ‌های پیش‌فرض: با انتخاب این گزینه رنگ­‌های موجود در افزونه غیرفعال خواهند شد و رنگ­ب‌ندی­ قالب وردپرس شما مورد استفاده قرار خواهد گرفت.
  • غیر فعال کردن فونت‌های پیش‌فرض: با انتخاب این گزینه فونت‌­های موجود در افزونه غیرفعال خواهند شد و فونت­‌های موجود در قالب وردپرس شما مورد استفاده قرار خواهد گرفت.
General tab in elementor setting-آموزش المنتور
سربرگ کلی در تنظیمات المنتور

سربرگ استایل: این سربرگ شامل تنظیمات مربوط به ظاهر و طراحی صفحات می­باشد و لازم است برای ویرایش و اعمال تغییرات تنظیمات استایل آدرسی که در تصویر مشاهده می­‌کنید دنبال کنید.

style tab in elementor setting-آموزش المنتور
سربرگ استایل در تنظیمات المنتور

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

elementor editor
ویرایشگر المنتور
elementor editor2
ویرایشگر المنتور

پس از انتخاب گزینه “تنظیمات سایت” صفحه‌ای مانند تصویر زیر نمایش داده خواهد شد.

site setting in elementor-آموزش المنتور
تنظیمات سایت در المنتور
  • رنگ‌­های عمومی: این گزینه شامل سفارشی­‌سازی رنگ اولیه، رنگ ثانویه، رنگ متن و رنگ برجسته می­‌باشد.
  • فونت‌­های سراسری: تغییر و سفارشی­‌سازی فونت­ عنوان اولیه، ثانویه، متون و متن برجسته از این بخش امکان‌پذیر می­‌باشد.
  • فن چاپ: تنظیماتی از جمله رنگ سربرگ، متن، پیوند، هاور، پیوند و تراز متن­‌ها از این قسمت قابل تنظیم می‌­باشد. (برای اعمال تغییرات فن چاپ لازم است رنگ­‌ها‌ی پیش­فرض قالب را غیرفعال کنید.)
  • دکمه‌­ها: تنظیماتی همچون رنگ پس زمینه دکمه­، رنگ متن، نوع کادر و ایجاد سایه برای دکمه از گزینه‌­های این بخش هستند.
  • تصاویر: این بخش شامل تنظیماتی از قبیل نوع کادر دور تصاویر، میزان شفافیت، سایه کادر و فیلترهای CSS می‌­باشد.
  • فیلدهای فرم: این بخش برای سفارشی­‌سازی رنگ فیلدها و برچسب­‌ها، رنگ متن، کادر و سایه کاربرد دارد.
  • هویت سایت: از این قسمت می­‌توانید برای سایت خود نام و توضیحات در نظر بگیرید و لوگو و فاو آیکن انتخاب کنید. (جهت مشاهده تغییرات برگه خود را مجددا بارگذاری کنید.)
  • پس زمینه: انتخاب نوع پس زمینه براساس رنگ، پس زمینه کلاسیک و یا گرادیانت می­‌باشد.
  • طرح­‌بندی: تنظیمات طرح‌­بندی شامل موارد زیر می­‌باشد:
    • عرض محتوا: در این بخش می‌توانید عرض محتوای خود را در صفحات مشخص کنید. مقدار پیشفرض 1140 پیکسل است که در صورت مشکل می‌توانید این مقدار را تغییر دهید، در غیر این صورت بهتر است از مقدار پیشفرض استفاده کنید.
    • فاصله بین ابزارک­‌ها: با استفاده از این بخش می‌توانید فاصله میان اجزا و ابزارک‌های موجود در صفحات خود را تعیین کنید. بطور پیشفرض مقدار 20 پیکسل برای تمامی ابزارک‌های صفحه اعمال می‌شود و قابل تغییر است.
    • انتخاب‌گر عنوان برگه: با کمک این گزینه می‌توانید استایلی را برای عنوان صفحه ایجاد شده خود بنویسید.
    • اندازه شدن بخش کشیده: با این گزینه نیز می‌توانید اندازه قسمت موردنظر را بصورت تمام صفحه درآورید.
    • طرح برگه پیش‌فرض: باید از بین طرح بندی‌­های موجود (پوسته، canvas و تمام عرض) یک گزینه را انتخاب کنید.
    • نقطه نمایش موبایل: این گزینه بیانگر سایز نمایش موبایل است که مقدار استاندارد آن 768 پیکسل می­‌باشد.
    • نقطه نمایش تبلت: این گزینه بیانگر سایز نمایش موبایل است که مقدار استاندارد آن 1025 پیکسل می­‌باشد.
  • لاین باکس: با انتخاب این گزینه می‌توانید برای تصاویر موجود در سایت وردپرسی خود را در Lightbox نمایش دهید، به این معنی که اگر کاربران بر روی تصویری کلیک کنند، آن تصویر در قالب یک جعبه نمایش داده خواهد شد.
  • CSS سفارشی: این قابلیت فقط در نسخه پرمیوم افزونه قابل دسترس است و برای افزودن کدهای CSS سفارشی شما کاربرد دارد.

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

  • روش پرینت CSS: از این قسمت قادر خواهید بود نحوه فراخوانی CSS را به دو روش استفاده از فایل خارجی یا فایل قالب انتخاب کنید. برای بهبود عملکرد در هنگام ساخت صفحات گرافیکی با این افزونه در وردپرس، بهتر است این گزینه را روی “فایل خارجی” تنظیم کنید و صرفا تنها برای عیب­‌یابی از روش “جایگذاری درونی” استفاده کنید.
  • تغییر روش بارگذاری ویرایشگر: فعالسازی این گزینه به عیب‌­یابی و برطرف کردن مشکل کمک می­‌کند و حالت لودشونده را برای بخش ویرایش صفحه مورد نظر فعال می­‌کند.
  • فعال‌سازی بارگذاری بی‌پالایه­ پرونده: با استفاده از این گزینه قادر خواهید بود قابلیت بارگذاری و استفاده از فایل­‌های با فرمت SVG در وردپرس را فعال و یا غیرفعال کنید. توجه داشته باشید که استفاده از این نوع فایل­‌ها احتمال ایجاد خطرهای امنیتی را به دنبال دارد.
  • خروجی بهینه شده ساختار Html: در صورت اجرا نشدن قطعه کدهای سفارشی در المنتور لازم‌ است این گزینه را بر روی حالت فعالسازی قرار دهید.
  • بارگزاری پشتیبانی Font Awesome 4: این اسکریپت به شما کمک می­‌کند در زمان استفاده از کتابخانه Font Awesome 5 کلیه آیکون‌های Font Awesome 4 به درستی نمایش داده شوند.
Advanced tab in elementor- آموزش المنتور
سربرگ پیشرفته در تنظیمات المنتور

2. مدیریت نقش‌ها

دومین گزینه از منوی المنتور مدیریت نقش­‌ها نام دارد که با استفاده از این قابلیت قادر خواهید بود دسترسی کاربران مختلف را نسبت به ویرایش مطالب در وردپرس محدود کنید. برای استفاده از این ویژگی می‌­بایست با کلیک بر روی نقش موردنظر و انتخاب گزینه “بدون دسترسی به ویرایشگر” و ذخیره‌­ی تغییرات، دسترسی به ویرایشگر المنتور را محدود کنید.

Role management-آموزش وردپرس
مدیریت نقش‌ها

3. ابزارها

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

سربرگ کلی:

General tab in elementor tools-آموزش المنتور
سربرگ کلی در قسمت ابزارها
  • تولید مجدد فایل CSS: کدهای CSS سفارشی در المنتور در یک فایل جداگانه ذخیره می‌شوند، با کلیک بر روی این گزینه می­‌توانید فایل جدیدی تولید کنید.
  • همگام سازی کتابخانه: بطور خودکار کتابخانه قالب‌های افزونه المنتور روزانه بروزرسانی می‌­شوند، در صورت بروزرسانی دستی کتابخانه کافیست بر روی این گزینه کلیک نمایید.
  • حالت ایمن: حالت ایمن به شما اجازه عیب­‌یابی مشکل از طریق بارگذاری ویرایشگر، بدون بارگذاری قالب یا هر افزونه­‌ای را برای شما فراهم می‌­کند. در صورت برطرف شدن مشکل، ممکن است ایراد از قالب یا یکی از افزونه‌های سایت شما باشد.
  • نوار اشکال زدایی: با فعالسازی این گزینه یک نوار مدیریتی به صفحه شما اضافه خواهد شد و تمام قالب‌هایی که در یک صفحه نمایش داده می‌شوند را فهرست می‌کند.

سربرگ جایگزینی URL:

URL replacement in elementor tools
جایگزینی URL

در صورت تغییر آدرس وبسایت وردپرسی شما و یا فعالسازی پروتکل https می‌توانید از این بخش آدرس قدیمی و جدید سایت خود را وارد و سپس بر روی دکمه جایگزینی URL کلیک کنید.(بهتر است قبل از انجام این کار از پایگاه داده خود یک نسخه پشتیبان تهیه کنید.)

  کاهش حجم تصاویر در وردپرس با EWWW Image Optimizer

سربرگ کنترل نسخه:

Version control-آموزش المنتور فارسی
کنترل نسخه
  • بازگشت نسخه رایگان: در صورتی که در استفاده از نسخه فعلی افزونه المنتور به مشکل برخورد کرده‌­اید می‌­توانید با کلیک بر روی دکمه مربوطه در این قسمت به طور خودکار به نسخه قبلی که در آن مشکلی نداشته‌­اید برگردید. (بهتر است پیش از بازگشت به نسخه قبل از دیتابیس خود بکاپ تهیه کنید.)
  • به روزرسانی مجدد اسکریپت: با بروزرسانی و دریافت نسخه جدید اسکریپت تمام فونت‌ها و رنگ‌بندی شما به حالت پیش‌فرض بازگشته و تنظیمات نسخه قبل از بین می­‌رود.
  • تست نسخه بتا: اگر این گزینه را روی حالت فعال تنظیم کنید، می‌توانید از نسخه بتای افزونه که هنوز به صورت رسمی ارائه نشده است استفاده کنید.

سربرگ حالت تعمیر:

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

Repair mode-آموزش المنتور
حالت تعمیر
  • انتخاب حالت: با استفاده از این گزینه می‌توانید حالت تعمیر یا به زودی را انتخاب کنید. (بهتر است حالت تعمیر بیشتر از 3 روز طول نکشد؛ چرا که بر رتبه سئو سایت شما تاثیر منفی خواهد گذاشت.)
  • چه کسی می‌تواند به سایت دسترسی داشته باشد؟: در صورت فعالسازی حالت تعمیر و یا بزودی با کمک این گزینه می­‌توانید مشخص کنید که چه کسی یا چه کسانی به سایت و پنل مدیریتی دسترسی داشته باشند، با تنظیم این گزینه بر روی حالت “سفارشی” قادر خواهید بود دسترسی کاربران را تعیین کنید.
  • انتخاب قالب: در این قسمت می‌توانید قالب نمایش حالت تعمیر را مشخص کنید. برای این کار می­‌بایست یک قالب برای برگه “در دست تعمیر” که توسط افزونه ساخته شده بسازید و یا آن را از قالب‌­های موجود انتخاب کنید.

4. فونت‌های سفارشی

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

5. آیکن‌های سفارشی

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

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

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

در صفحه باز شده مطابق تصویر زیر دو گزینه به نام “افزودن بخش جدید” و “افزودن قالب” نمایش داده می‌شود.

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

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

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

add new template in elementor
افزودن قالب جدید

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

template librery in elementor-آموزش المنتور فارسی
کتابخانه قالب در المنتور

ساخت قالب به صورت دستی

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

add new session in elementor
افزودن بخش جدید

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

Structure selection- آموزش المنتور
انتخاب ساختار

پس از انتخاب ساختار موردنظر، گزینه‌هایی برای افزودن المان‌های جدید نمایان می‌شوند که باید اجزای موردنیاز خود را جهت استفاده در صفحه را از ابزارک سمت راست همین صفحه انتخاب کنید. به عنوان مثال ابزار “تیتر” را به صورت Drag & Drop به یکی از بخش‌های موردنظر ساختار صفحه می‌کشیم و عنوان دلخواه خود را وارد می‌کنیم.

edite page with elementor
ویرایش صفحه با المان‌های المنتور

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

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

سربرگ “استایل” نیز شامل گزینه‌های پیشرفته دیگری برای طراحی می‌باشد.

style setting in elementor
تنظیمات استایل
  • رنگ متن: این بخش مربوط به رنگ متن شما می‌­باشد.
  • تایپوگرافی: در این بخش می‌­توانید فونت، رنگ، سایز و… متن موردنظر خود را جهت نمایش در صفحه ایجاد شده انتخاب کنید.
  • سایه متن: ایجاد سایه برای متن از این گزینه قابل فعالسازی می‌­باشد.
  • حالت ادغام: در این گزینه می‌توانید حالت نمایش و ترکیب حروف را تغییر دهید.

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

Advanced element settings- آموزش المنتور
تنظیمات پیشرفته المان

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

نوار ابزار المنتور

Mentor toolbar
نوار ابزار المنتور
  1. پیش نمایش تغییرات: با استفاده از این گزینه می­‌توانید قبل از انتشار برگه پیش­‌ نمایشی از برگه را مشاهده کنید.
  2. حالت واکنش­گرا: این حالت به شما کمک می­‌کند تا برگه خود را در سایزهای مختلف موبایل، تبلت و کامپیوتر مشاهده کنید.
  3. تاریخچه: این قابلیت دارای لیست کاملی از تغییرات برگه شما دارد و مانند Ctrl+z عمل می­‌کند، برای بازگشت به عمل قبلی می­‌توانید از این ویژگی استفاده کنید.
  4. ناوبر: شکل کوچکی از برگه­‌ی در حال ساخت را به شما نمایش می­‌دهد و همچنین امکان جابجایی به بخش­‌های مختلف برگه را نیز فراهم می­‌کند.
  5. تنظیمات: این بخش امکان ویرایش صفحه اصلی را در اختیار شما قرار می‌­دهد:
General settings in elementor editor
تنظیمات عمومی
  • عنوان: افزودن عنوان صفحه.
  • وضعیت: انتخاب وضعیت صفحه از گزینه­‌های موجود (پیش­نویس، در انتظار بازبینی، خصوصی، منتشر شده)
  • چکیده: افزودن خلاصه‌­ای از مطالب صفحه.
  • تصویر شاخص: افزودن تصویر شاخص برای مطلب یا مقاله­‌ی موجود در صفحه.
  • مخفی سازی عنوان: پنهان کردن عنوان صفحه
  • طرح­‌بندی صفحه: انتخاب طرح‌­بندی صفحه از گزینه­‌های پیش­نویس، Canvas و تمام عرض.

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

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

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

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

نمونه صفحه ساخته شده با المنتور
نمونه صفحه ساخته شده با المنتور

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

آموزش المنتور فارسی

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

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

نمونه صفحه ساخته شده با المنتور

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

نمونه صفحه ساخته شده با المنتور

ویدیویی آموزش المنتور فارسی

آیا این مقاله برای شما مفید بود؟
تقریبا
خیر

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

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

مطالب زیر را حتما بخوانید