آموزش افزودن منو و تب به IPS

[سحر شیرازی 1835]

سلام

 افزودن تب و منوهای دلخواه به IPS از دو روش امکان پذیر هست :

 

1- از طریق برنامه ی Page که امکانات و مزایای بسیاری داره.

2- از طریق ویرایش کدهای قالب

 

روش اول از طریق برنامه ی Page

 در این برنامه می تونیم منوهای دلخواه را به صورت سادده و آبشاری اضافه کنیم.

 

 منوهای ساده

 برای این کار به مسیر زیر مراجعه می کنیم :

پنل فارسی:

صفحه ها > مدیریت صفحه ها > منو

پنل انگلیسی:

Pages > Page Management > Menu 

از گزینه ی " جدید "  یا " Create New " جهت ساخت منوی جدید استفاده می کنیم. در پنجره ی باز شده موارد خواسته شده را وارد می نماییم :

1- نوع یا type : این گزینه نوع منو را مشخص می کند. { برای ساخت یک منو یا تب ساده این گزینه را بر روی آدرس URL تنظیم می کنیم. }

2- آدرس URL یا URL : لینک مورد نظر ما می باشد باید با http://  و یا https:// وارد شود.

3- عنوان یا Title : عنوان تب و یا منو را به فارسی وارد می کنیم.

4- گزینه ی " مادر " یا " parent " را برای منو و تب های ساده بر روی " بدون مادر"  یا " No Parent " تنظیم می کنیم.

5- دسترسی یا Permissions : در این قسمت هم مشخص می کنیم که کدام یک از گروه ها با این منو دسترسی داشته باشند.

 

منوی آبشاری

برای این کار به مسیر زیر مراجعه می کنیم :

پنل فارسی:

صفحه ها > مدیریت صفحه ها > منو

پنل انگلیسی:

Pages > Page Management > Menu 

برای ساختن منوی آبشاری ابتدا باید منوی والد یا مادر ساخته شود سپس زیر مجموعه ها ، برای این کار طبق روش قبل اقدام می کنیو با این تفاوت که برای ساخت منوی مادر باید " نوع یا type " روی " پوشه یا Folder " تنظیم شود و منوی مادر ساخته شود سپس طبق روش بالا اقدام به ساخت منوهای دیگر می کنید و مادر یا parent منوهای جدید را پوشه یا folder ساخته شده قرار می دهید.

 

در اینجا تصویری از منوی آبشاری و تنظیمات آن مشاهده می کنید:

 

 

 

همانگونه ک مشاهده می کنید در این تصویر منوی آبشاری در حالت راستچین قرار دارد و همچنین پشت هر کادر سایه ای قرار دارد.برای ویرایش موارد ذکر شده طبق روش زیر عمل می کنیم.

 

ابتدا تغییر مکان زیر مجموعه های منوی آبشاری :

 

به مسیر زیر مراجعه می کنیم :

 

 

در مسیر زیر :

css > core > global > framework > menus.css

کدهای زیر را جست و جو کنید

}
html[dir="rtl"] .ipsMenu_item {
	text-align: right;
}

و مقدار right رو به محل مورد نظر خودتون مثلا center تغییر بدین.

 

 

حذف سایه ی پشت زیر منوها:

در همین قسمت کد های زیر رو سرچ کنید :

.ipsMenu {
	background: #F5F5F5;
	box-shadow: 0px 15px 110px rgba(0,0,0,0.2);
	border-radius: 3px;
	z-index: 10000;
	position: absolute;
}	
	

و مقادیر background  و  box- shadow  رو به مقادیر دلخواهتون تغییر بدین.

 

برای حذف سایه می تونید box-shadow: none; رو قرار بدین.

 

 

تصویری بعد از تغییرات بالا:

 

همونطور که مشاهده می کنید در این تصویر سایه (shadow-box) حذف و (background) تغییر کرده.

 

 

افزودن منو و تب با ایجاد تغییرات در کدهای قالب.

 

برای این کار به مسیر زیر مراجعه می کنیم :

پنل فارسی :

شخصی سازی > ظاهر > پوسته ها > انتخاب پوسته ی مورد نظر > ویرایش HTML و CSS

پنل انگلیسی :

Customization > Appearance > Themes > انتخاب پوسته ی مورد نظر > Edit HTML and  CSS

در قسمت زیر :

قالب > core > front > global >  NavBar

کدهای  زیر را جست و جو کنید :

در برخی قالب ها :

<ul id='ipsLayout_mainNav' class='ipsPos_left'>


و در برخی دیگر :

<ul id='ipsLayout_mainNav'>

و بعد از کد های بالا کد زیر را اضافه کنید :

<li data-role="navItem" data-originalwidth="83">
 <a href="لینک مورد نظر" class="elNavigation_app">عنوان</a>
</li>

موفق باشید.

[mohsenshayan 0]

سلام

من تو قسمت ادمین انجمنم اصلا قسمت مدیریت صفحه ها ندارم

[وحید نامنی 12154]

با سلام

 

سلام
من تو قسمت ادمین انجمنم اصلا قسمت مدیریت صفحه ها ندارم

 شما باید برنامه Pages رو نصب کنید.

[علی یوسفلاوی 1669]

همونطور که وحید جان گفتند باید برنامه page رو برای استفاده از این تاپیک نصب کنید ولی اگر از نسخه 4.1 به بعد استفاده میکنید به طور جدا بخشی مدیریت منو ها رو داره و نیازی به نصب page نیست

[mohsenshayan 0]

مدیریت فهرست وجود داره 

اما زیر منو یا زیر دسته نمیتونم ایجاد کنم.

[علی یوسفلاوی 1669]

مدیریت فهرست وجود داره 

اما زیر منو یا زیر دسته نمیتونم ایجاد کنم.

سلام دوست عزیز

از Menu Maneger استفاده کنید ، البته اگر به نسخه 4.1 آپگرید کردید