افزونه های وردپرس

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

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

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

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

در این آموزش از وردپرس نارنجی صفحه ساز محبوب Elementor را معرفی می کنم و نحوه کر کردن با آن را آموزش خواهم داد.

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

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

نحوه کار کردن افزونه المنتور
المنتور چگونه کار می کند

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

نسخه رایگان افزونه المنتور در مخزن وردپرس به ثبت رسیده است و تا کنون با بیش از 2 میلیون نصب فعال توانسته است امتیاز 4.8 را از کاربران خود به دست بیاورد.

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

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

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

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

تنظیمات عمومی المنتور
تنظمیات کلی

تنظیمات

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

تب کلی

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

این مطلب را از دست ندهید :
مخفی کردن وردپرس و تغییر آدرس مدیریت با استفاده از افزونه Hide My WordPress

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

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

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

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

تنظیمات استایل در المنتور
تنظیمات استایل

تب استایل

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

تنظیمات پیشرفته المنتور
تنظیمات پیشرفته

تب پیشرفته

این تب مربوط به تنظیمات پیشرفته و حرفه ای افزونه المنتور می باشد.

روش پرینت CSS: نحوه فراخوانی فایل CSS را از این گزینه انتخاب کنید. این گزینه را تنها برای عیب یابی روی حالت جایگذاری درونی قرار دهید.

تغییر روش بارگذاری ویرایشگر: با کمک این گزینه می توانید حالت لود را در صفحه ساز المنتور تغییر دهید. این گزینه را نیز تنها برای عیب یابی تغییر دهید.

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

پس از ذخیره تنظیمات، برای سفارشی سازی المنتور به بخش مدیریت نقش ها بروید.

مدیریت نقش ها در المنتور
تنظیمات مربوط به نقش های کاربری

مدیریت نقش ها

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

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

تنظیمات ابزارها
تنظیمات کلی ابزارها

ابزارها

این بخش تنظیمات بیشتری را برای استفاده از افزونه المنتور در اختیار شما قرار می دهد؛ خود دارای چهار تب مختلف می باشد که در ادامه هر کدام را بررسی می کنم.

این مطلب را از دست ندهید :
مدیریت فایل ها در وردپرس با افزونه File Manager

تب کلی

در این تب می توانید کدهای CSS استفاده شده در المنتور را مجددا بارگذاری کنید و یا کتابخانه قالب های المنتور را به روزرسانی نمایید.

چنانچه با مشکلی مواجه شدید حالت ایمن و یا نوار اشکال زدایی را فعال نمایید.

تنظیمات جایگزینی url
تنظیمات جایگزینی URL

تب جایگزینی URL

در صورتی که آدرس سایتتان تغییر کده است و یا اقدام به نصب گواهی SSL روی وب سایت خود کرده اید، در این تب از افزونه المنتور می توانید آدرس جدید را وارد نمایید.

کنترل نسخه المنتور
نسخه المنتور

تب کنترل نسخه

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

تنظیمات حالت تعمیر در المنتور
حالت تعمیر

تب حالت تعمیر

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

قالب ها

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

قالب های المنتور
قالب ها در المنتور

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

ساخت برگه جدید با المنتور
افزودن برگه جدید

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

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

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

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

این مطلب را از دست ندهید :
محدودیت دسترسی در وردپرس با افزونه Restrict Content

برای استفاده از قالب های کتابخانه افزونه المنتور، روی افزودن قالب کلیک کنید و از قالب دلخواه خود استفاده نمایید.

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

افزودن بخش جدید در المنتور
اضافه کردن بخش جدید

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

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

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

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

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

افزودن المان جدید در المنتور
افزودن المان

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

در تب محتوا، محتوای مربوط به المان ایجاد شده را و محل قرارگیری آن را تعیین نمایید.

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

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

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

شما می‌توانید از بین ۳۰ المان مختلف افزونه المنتور، صفحه دلخواه خود را طراحی و ایجاد کنید. همچنین با مشاهده ویدئوی آموزشی زیر به خوبی می توانید با ویژگی های صفحه ساز المنتور آشنا شده و از آن در طراحی سایت های خود استفاده کنید.

عاطفه نوربخش

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

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

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

دوره آموزش وردپرس در اصفهانثبت نام رایگان (کد تخفیف : WpNarenji)
+
بستن