CSS를 Liferay 테마

Question

저는 CSS 웹 디자인을 가지고 있으며 Liferay 테마로 변환하고 싶습니다. 이것이 가능한가?

Java 용 Tomcat 7 및 Liferay SDK와 함께 Liferay 6.1 Ga2를 사용하고 있습니다.

어떤 조언을 주시면 감사하겠습니다! 사전

Answer 1

에서

덕분에 당신은 당신이 당신의 테마를 사용할 수있는 CSS의 디자인이있는 경우. 하지만 평생 OOB 포틀릿을 사용하는 경우 해당 OOB 포틀릿 CSS를 사용자 정의해야합니다.

afaik, css 디자인을 liferay CSS 구조로 직접 변환 할 수 없습니다.

Answer 2

Liferay를 습득 한 웹 디자이너로서의 배경을 가진 사람으로부터. 기본 테마를 확장하고 사용자 정의를 시작해야합니다. liferay SDK를 통해 테마를 작성하면됩니다. 그런 다음 모든 파일을/docroot/diffs/*에 복사합니다.

거기에 css 폴더가 표시됩니다. 여기에 css 속성을 추가 할 파일 인 custom.css 파일이 표시됩니다. 요소와 속성을 설정하는 데 최우선 순위와 최우선 순위가 있습니다.

템플릿 엔진을 사용자 정의하려면/docroot/diffs/templates 아래의 속도 템플릿을 확인해야합니다. 당신이 처음이라면, 연주하고있는 파일의 복사본을 만드십시오. 그래서 모든 것을 날려 버릴 필요가 없습니다. 그러나 기본적으로 Velocity는 배우기 쉽습니다. liferay에서/docroot/diffs/images/custom/폴더를 통해 테마를 통해 이미지를 직접 속도에 포함 시키려면 다음 코드를 사용하십시오.

<img src="$themeDisplay.getPathThemeImages()/custom/image_name.png" id="logo" /> 

Answer 3

나는 다음 업그레이드가 길 아래에 쉽게되기 때문에 기본 portal_normal.vm에 관한 유사한 portal_normal.vm을 유지하지만 권장합니다.