ویجت تغییر وضعیت المنتور Toggle Widget

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

آموزش ویجت تغییر وضعیت در المنتور

تب محتوا / Content

تغییر وضعیت / Toggle

1. آیتم های تغییر وضعیت / Toggle ItemsTitle & Content : در این قسمت تیتر و توضیحات زبانه هاتون را مشخص کنید و برای همچنین با کلیک بر روی دکمه افزودن آیتم یه زبانه جدید ایجاد نمایید.
2. آیکون / Icon : آیکون زبانه مورد نظر را تعیین کنید که میتوانید فرمت های SVG هم استفاده نمایید.
3. آیکن فعال / Active Icon : آیکون زبانه فعال را انتخاب کنید .
4. تگ HTML عنوان : تگ های تیتر زبانه ها را مشخص کنید .H1-تا H6

تب استایل / Style

تغییر وضعیت / Toggle

1. ضخامت حاشیه / Border Width : در این قسمت ضخامت کادر در را کم و زیاد کنید .
2. رنگ حاشیه / Border Color : رنگ بندی حاشیه را تغییر دهید.
3. فاصله بینابینی / Space Between : فاصله بین زبانه ها را مشخص کنید .
4. سایه کادر / Box Shadow : به کادر خود در این قسمت سایه دهید .

تیتر / Title

در این قسمت تنظیمات تیتر را میتوانید انجام دهید .

1. پس زمینه / Background : رنگ پس زمینه تیتر را به راحتی تغییر دهید .
2. رنگ / Color : رنگ فونت تیتر را تغییر دهید .
3. رنگ فعال / Active Color : رنگ تیتر فعال را در این قسمت مشخص نمایید.
4. تایپوگرافی / Typography : سایز و فونت تیتر را انتخاب کنید .
5. پدینگ / Padding : میتوانید به صورت دستی فاصله داخلی تیتر را تغییر دهید .شما چهار باکس دارید که به ترتیب از چپ به راست فاصله های بالا ، راست ، پایین ، چپ می باشد.

آیکون / Icon

تغییرات استایل آیکون ها در این قسمت انجام میشود .

1. چیدمان / Alignment : محل قرار گیری آیکون در این گزینه تعیین می شود و میتوانید چپ یا راست تیتر قرار دهید .
2. رنگ / Color : رنگ آیکون را مشخص کنید
3. رنگ فعال / Active Color :رنگ آیکون زبانه فعال در این قسمت مشخص می شود .
4. فاصله گذاری / Spacing : فاصله بین آیکون و تیتر را تغییر دهید .

محتوا / Content

اگر میخواهید تغییراتی در متن توضیحات انجام دهید از این قسمت کمک بگیرید .

1. پس زمینه / Background : رنگ پس زمینه توضیحات را به راحتی تغییر دهید .
2. رنگ / Color : رنگ فونت توضیحات را تغییر دهید .
3. تایپوگرافی / Typography : سایز و فونت توضیحات را انتخاب کنید .
4. پدینگ / Padding : میتوانید به صورت دستی فاصله داخلی توضیحات را تغییر دهید .شما چهار باکس دارید که به ترتیب از چپ به راست فاصله های بالا ، راست ، پایین ، چپ می باشد .