رفتن به مطلب

برای شروعی حرفه ای آماده اید ؟!

سایت ساز IPSنسخه ۴/۴/۱۰
فارسی ساز IPS ۴.۴نسخه ۶
تاریخ هجری شمسینسخه ۴.۷.۳

توجه کنید برای دانلود فایل های اختصاصی باید سایت خود را ثبت کنید. اطلاعات بیشتر.

جستجو در
  • تنظیمات بیشتر ...
نمایش نتایجی که شامل ...
جستجو در ...
Arash.Ranjbar

.::|>آموزش افزودن ستون چهارم به الگوی صفحه<|::.

پست های پیشنهاد شده

سلام خدمت همه یکایک دوستان عزیز

تو این آموزش میخوام نحوه اضافه کردن ستون چهارم به الگوی صفحه رو خدمتتون آموزش بدم. اگه دقت کرده باشین وقتی میخوایم صفحه ای بسازیم در تب "جزئیات" در قسمت الگو فقط میتونیم حالت تک ستونه، دو ستونه و سه ستونه انتخاب کنیم ولی با این آموزش میتونین حالت چهار ستونه رو هم اضافه کنین. پس تا انتهای آموزش همراه من باشید.

1. از داخل ادمین به قسمت صفحه ها رفته و گزینه "الگوها" رو بزنید.

2. در صفحه باز شده مثل تصویر زیر دکمه "جدید" رو بزنید و از میان گزینه ها گزینه "افزودن الگوی صفحه" رو انتخاب کنید

Firefox_Screenshot_2020-10-12T10-21-38_684Z.thumb.png.4fa89b27c98766c1c7ac34d322f600d1.png

3. در پنجره پاپ آپ باز شده مثل زیر اسمی رو انتخاب کنید مثلا four_columns و تیک گزینه "افزودن به گروه های موجود" رو بزنید و برای گروه موجود گزینه "page builder" رو انتخاب کنید

Untitled.thumb.png.684058d185dd77610eeb596de9eeded3.png

4. بعد ذخیره زدن در سمت چپ در قسمت کد، کدهای زیر رو اضافه کنین و ذخیره رو بزنین

<div>
	<div class='ipsGrid ipsGrid_collapsePhone'>
		<div class='ipsGrid_span3'>
			{template="widgetContainer" group="pages" app="cms" params="'col1', $widgets, 'vertical'"}
		</div>
		<div class='ipsGrid_span3'>
			{template="widgetContainer" group="pages" app="cms" params="'col2', $widgets, 'vertical'"}
		</div>
		<div class='ipsGrid_span3'>
			{template="widgetContainer" group="pages" app="cms" params="'col3', $widgets, 'vertical'"}
		</div>
		<div class='ipsGrid_span3'>
			{template="widgetContainer" group="pages" app="cms" params="'col4', $widgets, 'vertical'"}
		</div>
	</div>
</div>

5. حالا اگه صفحه ای بخواین بسازین مثل تصویر زیر گزینه اولی رو انتخاب بکنین:

Untitledss.thumb.png.1ca0672ea4bf62145ff4c04128114c8b.png

6. در صفحه بعدی مثل تصویر زیر حالت چهار ستونه در بخش الگو اضافه میشه:

Untitleds.thumb.png.f3bcd9eaa903b4150203f84fe546e1e6.png

 

بعد از اتمام کار نتیجه میشه مثل تصویر زیر یعنی ستون چهارم جدید:

s.thumb.png.787147142c163496df240ae38142b445.png

 

 

امیدوارم موفق باشید.

ویرایش شده توسط Arash.Ranjbar

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

خیلی ممنون آرش عزیز بخاطر آموزش کاملی که قرار دادی 🌹🌺

من خودمم طبق کدهای اون الگوهای صفحه IPS کدهای مشابه ای رو اضافه کرده بودم ولی تو کدهایی که قرار دادم ظاهرا یه اشتباه خیلی جزئی کرده بودم که ستون چهارم رو درست نشون نمیداد! که کدهای شما رو که جایگزین کردم مشکل فیکس و اوکی شد، بازم ممنون دوست عزیز

 

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .
توجه: مطلب ارسالی شما پس از تایید مدیریت برای همه قابل رویت خواهد بود.

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


  • کاربران آنلاین در این صفحه   0 کاربر

    هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.

×
×
  • اضافه کردن...

اطلاعات مهم

ما مجبور شدیم تا از کوکی ها و فناوری های مشابه برای اجرای این وب سایت استفاده کنیم تا به ما در درک نحوه استفاده از آن کمک کند. سیاست حریم خصوصی.