Liferay 모바일 반응 테마?

Question

안녕하세요 여러분,

저는 Liferay 모바일에 관해 몇 가지 질문을하고 있으며 도와 주시면 기쁘게 생각합니다.

나는 Liferay 6.1을 사용하고 있으며, 기존의 포털을보다 모바일 및 응답 성있게 만들기 위해 노력하고 있습니다. 지금은이 링크 http://www.liferay.com/fr/web/nathan.cavanaugh/blog/-/blogs/liferay-com-mobile-sites-and-responsive-layouts 에 따라

• 은, 난 그냥 내 main.js에 AUI.view를 추가하고 differents의 폭에 대해 내가 논문 클래스를 구현하지 않은 경우에도 작동하는 것 같다. 충분합니까? 아니면 실제로 구현해야합니까? 그렇다면 무엇을 넣어야합니까?

• 나는 또한 이와 같은 응답에 도달하고 싶습니다. http://www.realstorygroup.com/images/up/LiferayMobile1%281%29.png 자습서 나 방법이 있습니까?

감사합니다.

Answer 1

미디어 쿼리가 훨씬 빠르며 (요즘 꽤 괜찮은 지원을 받고 있습니다) 이제 대부분의 Liferay 테마가 Compass을 사용하므로 CSS 미디어 쿼리를 사용하여 AUI-viewport가 아닌 스타일 시트를 반응 적으로 사용하고 싶을 것입니다 레거시 브라우저 지원 (인생을 훨씬 쉽게 만들어주는 것 외에도) aui-viewport 우주선이 항해 중입니다. 인터넷 속도를 높이려면 시간이 걸립니다. :)

Liferay 사이트를 휴대 기기 용으로 만드는 것은 실제로 튜토리얼이 가능한 프로세스가 아닙니다. 데스크톱, 태블릿, 휴대 전화간에 어떤 콘텐츠가 달라져야하는지, 그리고 그에 따라 사이트 콘텐츠와 스타일을 디자인하는 방법에 대해 자세히 설명합니다. 포함 된 사이트 이미지는 화면의 크기에 따라 탐색 메뉴의 스타일을 변경하는 것이므로 상당히 간단해야합니다 (필요에 따라 해당 부분에 대한 자습서가 있습니다). 그러나 거기에서, 그것은 당신이 가지고있는 것과 당신이 그것에 도달해야 할 곳에 달려 있습니다.

This page has some good discussion and even some code examples that should help you get started.