به جلسه نوزدهم بخش آموزش طراحی سایت با المنتور از دوره رایگان وردپرس خوش آمدید. در این قسمت یک گام فراتر گذاشته و طراحی سایت با ویجت‌ها را شروع می‌کنیم. ویجت‌های المنتور بسیار متنوع و کاربردی هستند. پس بدون نیاز به نصب المنتور پرو نیز می‌توانید، اِلِمان‌های متنوع و جذابی را ایجاد کنید. در این مقاله از آژانس نوآوری رسام قصد داریم ابتدا ویجت‌های پایه‌ای المنتور را به همراه سه تب مهم تنظیمات هر ویجت، یعنی محتوا، استایل و پیشرفته را توضیح دهیم. پس از شما دعوت می‌کنیم تا پایان این مقاله ما را همراهی کنید.
ویجت‌های پایه‌ای المنتور
وقتی صفحه‌ای را با ویرایشگر المنتور باز می‌کنید، در سمت راست و مطابق با تصویر زیر، یک بخشی وجود دارد که شما با استفاده از آن بتوانید ویجت‌های مختلف را داخل صفحه بندازید. در جلسات قبل آموزش کانتینر فلکس باکس و گرید را مورد بررسی قرار دادیم. پس با این دو آشنایی کامل دارید.
در اینجا بیشتر بحث ما ویجت‌های پایه است. این موارد پایه و اساس ویجت المنتور بوده و بسیار پرکاربرد و پراستفاده هستند. زیرا با استفاده از آن‌ها نیز می‌توانید طراحی سایت حرفه‌ای انجام دهید. داخل ویدئو، تک تک این موارد را مورد بررسی قرار داده و تنظیمات و استایل‌های آن‌ها را نیز آموزش داده‌ایم. ذکر این نکته ضروری است که در پائین ویرایشگر، یک منوی مشکی رنگ وجود دارد که از راست به چپ، تنظیمات آن صفحه، ناوبری صفحات (برای مشاهده ساختار درختی صفحه)، تاریخچه (برای مشاهده revision ها و نسخه‌های ذخیره شده آن صفحه)، واکنشگرایی یا مشاهده طراحی در دسکتاپ، تبلت و موبایل و در نهایت پیش نمایش و بروزرسانی صفحه نیز وجود دارد.
ذکر این نکته ضروری است که جدیداً المنتور کمی طراحی رابط کاربری برگه‌ساز خود را تغییر داده و در ورژن‌های جدید، منوی مشکی رنگ و دکمه بروزرسانی، در بالای صفحه قرار دارد. البته آیکن‌ها همین موارد بوده و آن ساختار نیز قابل شناخت و درک است.
تب‌های مهم محتوا، استایل و پیشرفته در المنتور
هر ویجت سه تب مهم دارد. این سه تب، محتوا، استایل و پیشرفته هستند (تصویر سمت راست). البته ذکر این نکته ضروری است که اگر شما کانتینر بندازید تب اول به جای محتوا، طرح‌بندی خواهد بود (تصویر سمت چپ). دلیل آن نیز مشخص است. همانطور که در جلسه کانتینر بیان شد، وجود طراح‌بندی برای این است که کانتینرها برای ساخت صفحه آرایی و اسکلت صفحه استفاده می‌شود و به خودی خود، محتوایی ندارند و ظرف یا کانتینر بقیه ویجت‌ها خواهند بود.
تب طرح‌بندی را مفصل در جلسه کانتینر توضیح دادیم. اما تب محتوا چه کار می‌کند؟ این تب همانطور که از اسم آن پیداست، برای محتواهای متنی، لینک، مسیر لینک و… استفاده می‌شود. تب استایل هم برای سایز، رنگ، تایپوگرافی، سایه و حاشیه و… مورد استفاده قرار می‌گیرد. همچنین تب پیشرفته برای اعمال مواردی همچون کلاس و آیدی css، اضافه کردن کد سفارشی و موارد پیشرفته دیگری مورد استفاده قرار می‌گیرد. دقت کنید که همه ویجت‌ها این سه تب را داشته و ما داخل ویدئو کاملا این سه تب را توضیح داده‌ایم.
به ویجت‌های پایه المنتور مسلط شوید
ویجت‌های پایه المنتور بسیار پراستفاده هستند. بعد از کانتینر فلکس باکس و گرید، مهم‌ترین و پراستفاده‌ترین موضوع در این برگه ساز کار با ویجت‌ها است. این جلسه از بخش آموزش طراحی سایت با المنتور را خوب تمرین کرده و تجربیات خود را با متخصصین آژانس نوآوری رسام به اشتراک بگذارید.
