ستون ساز

<< برای نمایش فهرست مطالب کلیک کنید >>

شما اینجایید :  راهنمای متنی > سيستم مديريت محتوا > ابزار >

ستون ساز

برای اینکه بتوان ماژول های سایت را در همه قسمت های صفحه قرار داد از ستون ساز استفاده می نماییم.

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

از قسمت سیستم مدیریت محتوا- ابزار- ستون ساز ابتدا سایت مورد نظر را انتخاب سپس گزینه جدید را زده یک نام وارد نموده و ثبت می نماییم .جهت اضافه کردن ستون از گزینه آیتم ها در مقابل عنوان ستون اضافه شده استفاده می نماییم، سپس دکمه جدید را زده یک عنوان مناسب برای ستون وارد نموده و ماژولی که می خواهیم در این ستون قرار گیرد را انتخاب می نماییم، متن ابتدا و انتها را به دلخواه وارد می نماییم سپس اندازه ستون را از قسمت نام کلاس تعیین می کنیم.

در اضافه کردن ستون ها محدودیتی وجود ندارد و تنها دو نکته حائز اهمیت است:

1- شکل ظاهری صفحه صحیح باشد و قابلیت مرتب سازی وجود داشته باشد.

2- حالت responsive بودن (واکنش گرا) آن در نظر گرفته شود.

پس از مراحل فوق از طریق چرخ دنده در صفحه ماژول ستون ساز را Drag کرده و در قسمت دلخواه Drop  می نماییم. زمان Drag&Drop کردن ستون ساز دور مکان هایی که می توان ستون مورد نظر را Drop کرد با خط چین نمایش داده می شود.

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

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

جهت زیباتر نمایش دادن ستون ها می توان تیک گزینه نمایش در قاب را از قسمت ویرایش ستون ساز برداشت.

ستون ساز

ستون ساز

پس از تعریف در قسمت آیتم ها وارد شده و نسبت به تعریف آیتم ها اقدام نمائید.

آیتم های ستون ساز

آیتم های ستون ساز

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

در زمان تعریف آیتم ها (با کلیک بر روی دکمه جدید) فرمی همانند شکل زیر ظاهر می شود.

تعریف آیتم های ستون ساز

تعریف آیتم های ستون ساز

 

1- تمام صفحه (100%)

2- یک از دو (50%)

3- یک از سه (33%)

4- دو از سه (66%)

5- یک از چهار (25%)

6- سه از چهار (75%)

همانطور که از نام های فوق مشخص است، جهت تقسیم ستون تعریف شده به تعداد آیتم هایی که داخل ستون استفاده می کنیم، می باشد. به طور مثال فرض کنید یک ستونی تعریف کرده ایم که می خواهیم داخل آن سه ماژول قرار دهیم. بنابراین داخل آن ستون 3 آیتم خواهیم داشت. در زمان تعریف آیتم ها می بایست نام کلاس برای هر آیتم را روی گزینه 3 یعنی 33% قرار دهیم. با انجام این کار اگر کل ستون را 100% در نظر بگیریم به سه قسمت مساوی آن را تقسیم کرده ایم.

حال فرض کنید طراحی نیاز دارد دو آیتم تعریف کند ولی به یک اندازه (50%) تقسیم نکند. در این حالت می توان برای دو آیتم تعریف شده یکی را روی حالت 33% و دیگری را روی 66% قرار داد. با این کار آیتم دوم که 66% است فضای بیشتری به خود گرفته است.