خوب حالا دو تا بحث اینجا هست:
- چون به صورت پیش فرض 12 ستونی هست. 16 ستونی کردن قالب
- تنظیمات لازم برای نمایش درست 16 ستون در 960 پیکسل
برای قسمت اول در فایل template-options.xml واقع در پوشه ی اصلی قالب پارامتر grid_system رو پیدا میکنیم و مقدارش رو 16 قرار میدیم.
اگر بعد از نصب و ذخیره ی قالب این کار ها رو کرده باشیم باید چیزی که توی جوملا ست شده رو پاک کنیم که الان یادم نیست کجا بود.
یا اینکه نوع hidden این پارامتر رو به text تغییر بدیم و بعد از داخل ادمین به صورت دستی 16 قرارش بدیم.
مرحله ی بعد تغییر در فایل 960fixed.less .هست البته باید دقت داشته باشیم که قبل از این مرحله باید در قسمت Advanced گزینه ی Layout Mode را روی 960 قرار بدیم.
خوب، بعد از تنظیمات فایل مذکور رو باز میکنیم.(این فایل در پوشه ی less در قالب هست).
عرض هر ستون در این روش باید به 60px تغییر کنه و یعنی 960 تقسیم بر 16 که میشه 60.
بعد باید هر کدوم از کلاس ها رو با توجه به این موضوع تغییر بدیم.
نکته اینکه:
rt-grid-n یعنی x ستون. مقدارش باید n x 60 بشه.
rt-push-n یعنی ستون مربوط به میزان n ستون باید هول داده بشه به جلو، یعنی مقدارش مثل قبل باید n x 60 ست بشه.
rt-pull-n دقیقا مثل push هست با این تفاوت که ستون ها به عقب کشیده میشن. پس مقدارش n x -60 باید تنظیم شه.
.rt-prefix رو الان یادم نمیاد چی کار میکرد، ولی padding-left: n x 60px باید تنظیم بشه.
فایل آماده رو میتونید از لینک زیر دریافت کنید: