جلسه 6: بررسی تنظیمات سکشن ها در المنتور
همانطور که در جلسات قبلی با سکشن ها آشنا شدیم، دانستید که صفحات ما در المنتور از بخش های مختلف یا سکشن تشکیل شد اند. اما همینک قصد بررسی و آموزش کامل تنظیمات سکشن ها در المنتور را داریم که با این آموزش بتوانید بخش های طراحی شده خود را ویرایش و مدیریت کنید.
تنظیمات سکشن ها در المنتور
بعد از ایجاد هر سکشن شما به صورت خودکار به بخش تنظیمات مربوط به آن منتقل میشود. این تنظیمات در سمت راست صفحه برای شما نمایش داده میشود که از 3 تب کلی تشکیل شده است. در ادامه با آکادمی دیجیتال مارکتینگ وبیجان همراه باشید تا تمامی این قسمت ها را بررسی کنیم
تب طرح بندی (Layout)
اولین و اصلی ترین بخش از تنظیمات یک سکشن در المنتور، طرح بندی آن میباشد. در این قسمت میتواند تنظیماتی مانند تعیین عرض محتوای سکشن، تعیین ارتفاع و فاصله و … را انجام دهید.
- عرض محتوا (Content Width): عرض محتوای سکشن در دو حالت تمام عرض و جعبه ای قابل تنظیم است. در حالت جعبه ای میتوانید عرض دلخواه خود را انتخاب کنید.
- فاصله بین ستون ها (Columns Gap): فاصله بین هر ستون از این سکشن را میتوانید تعیین کنید.
- ارتفاع(Height): در این فیلد میتوانید ارتفاع مورد نظر خود برای این سکشن را تعیین کنید.
- تراز عمودی (Vertical Align): تعیین جایگاه و تراز محتوای سکشن از لحاظ عمودی
- بخش کشیده (Stretch Section): با فعال کردن این گزینه، محتوای سکشن هم اندازه صفحه نمایشگر کاربر میشود.
تب استایل (Style)
دومین تب از تنظیمات سکشن ها در المنتور مربوط به تغییرات ظاهری و استایل دهی میباشد. بدین منظور میتوانید استایل دهی خود را در بخش های مختلف ویرایش کنید.
- پس زمینه (Background): تعیین نوع و حالت پس زمینه (رنگ ثابت، گرادینت، ویدئو، تصویر، اسلایدشو) و انجام تنظیمات مربوط به آن
- روکش پس زمینه (Background Overlay): یک روکش برای پس زمینه خود ایجاد کرده و در دو حات رنگ ثابت و یا گرادینت (ترکیب چند رنگ) آن را ایجاد نمایید.
- حاشیه (Border): تعیین یک خط حاشیه و کادر برای سکشن و ایجاد گوشه های مدور (انحنای مرز) برای کادر خود
- جدا کننده (Shape Divider): ایجاد یک بخش جدا کننده برای سکشن و تنظمات مربوط به آن شامل نوع، رنگ، عرض و ارتفاع
- تایپوگرافی (Typography): تنظیمات مربوط به متن و رنگ های سکشن در این بخش قابل انجام است.
تب پیشرفته
آخرین بخش از تنظیمات سکشن ها در المنتور انجام تنظیمات بخش پیشرفته میباشد. در این قسمت میتوانید تنظیماتی مربوط به فاصله گذاری ها، شناسه های CSS، تنظمیات مربوط به جلوه های ویژه و متحرک سازی، اقدامات لازم برای طراحی ریسپانسیو و واکنش گرا و حتی ایجاد CSS های سفارشی برای برنامه نویسی را انجام داد.
اکثر تنظیمات مربوط به تب پیشرفته برای سکشن ها، ستون ها و المان ها یکسان میباشد و نیاز به توضیحات زیادی ندارید. هرچند که در ویدئو آموزشی ابتدای این جلسه کامل این موارد را بررسی کرده ایم.
جمع بندی
افزونه ویرایشگر المنتور با تمامی این تنظیمات به شما امکان طراحی صفحات و بخش های دلخواه سایتتان را میدهد. ما در آکادمی دیجیتال مارکتینگ وبیجان یک دوره آموزش رایگان المنتور طراحی کرده ایم که با استفاده از آن بتوانید این افزونه را به شکل کامل یاد بگیرید. اگر هنوز جلسات این دوره را ندیده اید، پیشنهاد میکنم به صفحه آموزش المنتور مراجعه کنید و از این محتوا استفاده لازم را ببرید.
همینجا پایان جلسه ششم را بهتون اعلام میکنم!!! لطفا نظرات و سوالات خودتان را برای ما در بخش دیدگاه ها ارسال نمایید. همچین برای اطلاع از انتشار جلسات بعدی میتوانید وبیجان را در شبکه های اجتماعی دنبال کنید.
مطالب زیر را حتما مطالعه کنید
جلسه 10: تفاوت المنتور و المنتور پرو
جلسه 9: منو ناوبری المنتور و کاربرد آن
جلسه 8: کپی و تکثیر در المنتور
جلسه 7: نحوه استفاده از ابزارک های المنتور
جلسه 5: برخی از ویژگی های کاربردی المنتور
جلسه 4: بررسی عملکرد سکشن ها در المنتور
1 دیدگاه
به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.
سلام بسیار مفید بود ممنون