تبلیغات

از درج هرگونه تبلیغات و مطالب هرز معذوریم

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

 

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

در سیستم مدیریت محتوای وردپرس افزونه های زیادی وجود دارد که می تواند به نحوه کار با افزونه صفحه ساز المنتور بپردازد اما یکی از بهترین و برترین این افزونه ها، افزونه  Elementor Page Builder می باشد که تا کنون که در حال نصب و فعال سازی این افزونه هستیم بیش از یک میلیون بار دانلود و نصب و فعال سازی شده است.

توجه: در این مقاله آموزشی که شما در حال مطالعه آن هستید، نسخه ۲٫۳٫۲این افزونه مورد بحث و بررسی و آموزش قرار گرفته است.

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

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

ورود به تنظیمات افزونه صفحه ساز المنتور

بعد از نصب و فعال سازی افزونه Elementor Page Builder گزینه جدیدی در پیشخوان وردپرس اضافه خواهد شد. برای دسترسی به تنظیمات این افزونه ابتدا وارد پنل مدیریت وردپرس شوید و از بخش پیشخوان وردپرس اشاره گر ماوس خود را روی منوی المنتور نگه دارید تا زیر منو های آن نمایان شود سپس از بخش زیر منو ها روی گزینه تنظیمات کلیک نمایید تا بتوانید بدین وسیله وارد صفحه تنظیمات افزونه شوید و نحوه کار با افزونه صفحه ساز المنتور را یاد بگیرید.
همان طور که در تصویر زیر مشاهده می کنید در این صفحه چندین سربرگ وجود دارد که به توضیح آن ها می پردازیم.

کلی

بخش اول تنظیمات افزونه صفحه ساز المنتور

در این زبانه از تنظیمات افزونه صفحه ساز المنتور چندین بخش برای تنظیمات وجود دارد. این بخش ها شامل موارد زیر می باشند:
۱- انواع نوشته: در بخش می توانید مشخص کنید که افزونه صفحه ساز المنتور برای کدام بخش فعال شود که در این قسمت می توانید بخش موردنظر خود را انتخاب کنید.
۲- غیر فعال کردن رنگ های پیشفرض: با فعال کردن این گزینه رنگ های المنتور غیرفعال می شوند و می توانید رنگ ها را از قالب وردپرسی خود انتخاب کنید.
۳- غیر فعال کردن رنگ های پیشفرض: با انتخاب کردن این گزینه فونت های پیشفرض المنتور غیرفعال می شوند. و فونت ها را می توانید از قالب وردپرس خود انتخاب کنید.
۴- رهگیری استفاده از داده ها: با انتخاب کردن این گزینه دسترسی به اطلاعاتی از  منابع مربوط به سرور در دسترس قرار می گیرد.
بعد از انجام تنظیمات و تغییرات انجام شده روی گزینه ذخیره تغییرات کلیک نمایید تا موارد انجام شده ذخیره شوند.

استایل

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

در این صفحه شما قادر خواهید بود تنظیمات مربوط به استایل دهی افزونه را انجام دهید. همانطور که در تصویر بالا مشاهده می کنید چندین بخش برای تنظیمات شماره گذاری شده است که این تنظیمات به شرح موارد زیر می باشند:
۱- فونت های پیشفرض کلی: در این قسمت از تنظیمات شما می توانید فونت های پیشفرض خود را در این قسمت وارد کنید.
۲- عرض محتوا: در این بخش از تنظیمات افزونه صفحه ساز المنتور شما می توانید با وارد کردن یک اندازه با واحد پیکسل عرض محتوای خود را مشخص کنید.
۳- فاصله بین ابزارک ها: در این قسمت شما می توانید فاصله بین ابزارک ها را براساس پیکسل تعیین کنید.
۴- اندازه شدن بخش کشیده: در این قسمت شما می توانید اندازه صفحه را نسبت به Body خود مشخص کنید.
۵- سلکتور عنوان صفحه: چون المنتور عنوان برگه ها را مخفی می کند در این قسمت می توانید یک استایل برای عنوان صفحه خود وارد کنید.
۶- نقطه شکست تبلت: در این بخش اندازه صفحه برای دستگاه تبلت را مشخص کنید.
۷- نقطه شکست موبایل: در این قسمت شما می توانید اندازه صفحه برای دستگاه موبایل را مشخص نمایید.
۸- لایت باکس تصاویر: در این قسمت از تنظیمات افزونه شما می توانید با فعال کردن این گزینه تصاویر در یک لایت باکس باز می شوند.
بعد از انجام تنظیمات و تغییرات لازم روی گزینه ذخیره تغییرات کلیک نمایید تا تنظیمات انجام شده ذخیره شود.

پیشرفته

بخش سوم تنظیمات افزونه صفحه ساز المنتور

در این بخش تنظیمات زبانه پیشرفته افزونه انجام می شود که به شرح موارد زیر می باشد.
۱- روش پرینت CSS: در این بخش شما می توانید نحوه فراخوانی فایل CSS را مشخص کنید.
۲- تغییر روش بارگذاری ویرایشگر: در این قسمت می توانید حالت لود شونده را برای ویرایش صفحه دلخواه فعال کنید.
۳- در حال ویرایش دستگیره ها: در این بخش از تنظیمات افزونه صفحه ساز وردپرس شما می توانید نمایشگر ویرایش در هنگام حرکت بر روی دکمه ویرایشگر را مخفی یا نشان دهید.
در نهایت بعد از اتمام تنظیمات و تغییرات لازم روی گزینه ذخیره تغییرات کلیک نمایید. حال که تنظیمات اولیه به اتمام رسید می خواهیم یک صفحه را ایجاد کنیم تا به نحوه کار با افزونه صفحه ساز المنتور  بیشتر آشنا شوید.

بخش چهارم تنظیمات افزونه صفحه ساز المنتور

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

بخش پنجم تنظیمات افزونه صفحه ساز المنتور

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

بخش ششم تنظیمات افزونه صفحه ساز المنتور

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

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

بخش هفت تنظیمات افزونه صفحه ساز المنتور

با توجه به تصویر بالا شما چندین بخش که شماره گذاری شده است را مشاهده می کنید.  این بخش ها شامل موارد زیر می باشند:
۱- عنوان: در این بخش شما باید یک عنوان برای متن خود وارد کنید.
۲- پیوند: اگر می خواهید این متن را به صفحه خاصی لینک دهید آدرس آن را در این قسمت وارد کنید.
۳- سایز: در این بخش شما باید اندازه متن خود را مشخص کنید.
۴- تگ HTML: در این قسمت شما می توانید تگ HTML مورد نیاز با متن خود را انتخاب کنید.
۵- چیدمان: در این قسمت شما باید جهت و ترازبندی متن خود را انتخاب کنید.

استایل

بخش هشت تنظیمات افزونه صفحه ساز المنتور

در این زبانه چندین بخش جهت تنظیمات وجود دارد که این موارد به شرح گزینه های زیر می باشد:
۱- رنگ متن: در این بخش از تنظیمات افزونه شما می توانید رنگ متن خود را انتخاب کنید.
۲- تایپوگرافی: در این قسمت شما می توانید سایز، فونت، استایل و… متن خود را انتخاب کنید.
۳- سایه متن: در این بخش شما می توانید به متن خود سایه دهید.
۴- حالت ادغام: در این قسمت از تنظیمات افزونه صفحه ساز وردپرس المنتور شما می توانید حالت متن خود را مشخص کنید.

پیشرفته

بخش نهم تنظیمات افزونه صفحه ساز المنتور

در این بخش می توانید استایل بیشتری به متن خود یا هر کدام از ابزارک های خود بدهید. همانطور که در تصویر بالا قابل مشاهده است چندین بخش جهت تنظیمات وجود دارد که به شرح موارد زیر می باشد:
۱- فاصله: در این بخش می توانید فاصله خارجی متن را تعیین کنید.
۲- پدینگ: در این قسمت شما می توانید فاصله داخلی متن را مشخص کنید.
۳- ایندکس z:  در این قسمت می توانید ترتیب قرار گیری عناصر را روی هم مشخص کنید. به عنوان مثال کدام جزء زیر، یا روی عنصر دیگر قرار گیرد.
۴- انیمیشن هنگام ورود: در این بخش شما می توانید انیمیشنی به متن دهید.
۵- مدت انیمیشن: در این قسمت مدت زمان انیمیشن را مشخص کنید.
۶- تاخیر انیمیشن: در این بخش تاخیر انیمشن را مشخص نمایید.
۷- شناسه CSS: در این قسمت اگر از کدهای CSS برای این بخش استفاده کرده اید شناسه آن را در این بخش وارد کنید.
۸- کلاس های CSS: در صورت استفاده از CSS کلاس های آن را در این قسمت وارد کنید.
۹- پس زمینه: تنظیمات مربوط به پس زمینه متن خود را در این بخش انجام دهید
۱۰- حاشیه: با تنظیمات این بخش می توانید برای کادر دور متن خود حاشیه ایجاد کنید.
۱۱- واکنش گرا: در این بخش می توانید حالت واکنش گرا را برای تبلت، موبایل، کامپیوتر مخفی سازی و یا نشان دهید.
پس از انجام این تنظیمات روی گزینه به روزرسانی کلیک و سپس روی کادر قرمز رنگ مشخص شده کلیک نمایید تا پیش نمایشی از کار خود را مشاهده کنید.
به همین ترتیب می توانید تمام ابزار ها را به داخل ساختار خود کشیده و صفحه مورد نظر خود را  سفارشی سازی کنید.

دانلود افزونه Elementor Page Builder برای ساخت صفحات وردپرس – نسخه رایگان