Liferay에서 템플릿 스타일을 변경해야합니다.

Question

CSS를 사용하여 평생의 룩앤필을 바꾸고 싶습니다. 나는 아주 새로운 삶을 살고 있습니다. 어떤 변화 나 할 수있는 아이디어를 줄 수 있습니다. 미리 감사드립니다.

Answer 1

여러 회사에서 여러 가지 LifeRay 사용자 정의를 수행했는데, 귀하의 질문에 대한 답변이 너무 모호합니다. 몇 가지 색상과 글꼴을 변경하려는 경우 CSS를 편집하는 것이 좋지만 레이아웃을 완전히 변경하려는 경우 템플릿 파일을 파헤쳐 XHTML로 작업해야합니다.

은 더 자세한 정보를 제공하고 우리가 옳은 방향으로 당신을 자극 할 수 있습니다 : D

Answer 2

당신은 여기에서 찾을 수 있습니다을 Liferay 플러그인 SDK를 사용하여 사용자 정의 스타일을 만들 수 있습니다 http://www.liferay.com/downloads/liferay-portal/additional-files

가있다 새 테마를 만들 수있는 테마 폴더가 포함되어 있습니다. Liferay는 기본 테마를 상용구로 생성하여 사용자의 일상 설치에 맞게 사용자 정의하고 배포 할 수 있습니다.

Answer 3

은 단계별 복잡 것 같다,하지만 .....

1A) 다운로드하는 것이 나쁘지 않아 및 플러그인 사용하려는하는 Liferay의 버전 SDK 압축을 풉니 다. 모든 다운로드는 김포 페이지 http://lportal.sourceforge.net/

1B)는 개미의 최신 버전과 당신을 Liferay 버전 (1.5.x 이하 또는 1.6.x 이상인 경우)

2)가 일치하는 JDK 버전이 있는지 확인에 있습니다 키트의 몇 가지 주요 폴더. "themes"폴더로 변경하고이 형식으로 스크립트를 실행하십시오 (Linux 또는 Mac에서는 .sh 파일을 실행 가능하게 만들어야합니다)

c : \ liferay \ plugins \ themes> create my-name "내 테마 설명" linux/mac $> ./ create.sh my-name "내 테마 설명"

이렇게하면 my-name-theme이라는 폴더에 skeleton 테마가 생성되고 _diff라는 폴더가 생성됩니다 .

_diff 폴더 내에서 원하는대로 수정하십시오. (WEB-INF 내의 등록 정보 파일 변경 제외)

my-name-theme 폴더에서 "ant compile"을 실행하면 sdk가 페이스를 실행하고 .war을 내뱉습니다 파일을 sdk 루트의 "dist"폴더에 저장하십시오. 플러그인 설치 프로그램을 사용하여 사이트에 업로드 할 수 있습니다

OR ... 개발 서버의 위치를 ​​알 수 있도록 sdk를 구성하면 테마 폴더에서 "ant deploy"를 실행할 수 있고 liferay에서 자동 배포 마법을 수행 할 수 있습니다 그 일.

일단 테마가 설치되면 "페이지 관리"도구의 "모양 및 느낌"탭을 사용하여 테마를 할당하십시오.

팁 : custom.css 파일을 변경하면 대부분 쉽게 업그레이드 할 수 있습니다.

팁 : 모든 변경 사항에 대해 이렇게하면 개발 속도가 느려집니다. dev 서버를 실행하고있는 경우 _diffs /를 참조하는 head 태그의 끝 부분 바로 앞에 스타일 태그를 추가하십시오. css 폴더. href = "file : ///...../_diffs/custom.css". 이렇게하면 편집 한 내용이 다음 버전의 전쟁으로 컴파일되고 다시 업로드하지 않고 현재 설치된 버전을 덮어 씁니다. 라이브 서버에 연결하기 전에 링크를 제거해야합니다.

liferay.com 설명서는 훌륭하며 "themer 's guide"가 있습니다. 지금 시작한 링크를 찾을 수 없습니다.

Answer 4

당신은

mvn archetype:generate 

다음 "을 Liferay-테마 원형을 (을 Liferay 테마를 만들 수있는 원형을 제공합니다.)"를 선택할 수 있습니다 등 짜잔이 너와 테마를 사용자 정의 할 준비가되어 있습니다.

모범 사례는 custom.css 파일 만 사용하여 모든 사용자 지정 테마를 만들고 절대적으로 필요한 경우를 제외하고는 템플릿을 재정의하지 않는 것이 좋습니다. 이렇게하면 나중에 Liferay 기능을 추가하기 위해 템플릿을 수동으로 수정할 필요가 없기 때문에 향후 업그레이드를 훨씬 쉽게 할 수 있습니다. 하는 Liferay로 시작하는 것은 매우 느릴 수 있습니다에 대한

는

mvn clean package liferay:deploy

Answer 5

IMO 테마 개발을 사용하여 새로 만든 테마를 배포합니다. 나는 두 가지 접근법이 아주 유용하다는 것을 발견했다. 그것은 나를 위해 일하고뿐만 아니라 당신을 위해 일할 수도 있습니다.

1. 당신이 두 프런트 엔드 개발자를위한 매우 초조 할 수있는 변화를 볼 때마다 시간을 배포해야 AFAIK 당신이 _diff 폴더 안에 파일을 편집 할 경우
   . Approch는 css 파일을 tomcat/themename 폴더의 으로 직접 편집 할 수 있습니다. 몇 시간마다 변경된 내용을 _diff 폴더에 복사 한 후 정도 복사하여 배포하십시오. 제 경우에는 CSS가 C : \ liferay-portal-6.1.0 \ tomcat-7.0.23 \ webapps \\ css \
2. 에 있습니다. 현재 Sass을 지원하고 있습니다. 그래서 당신은 Sass "deploy"를 쓰고있을 가능성이 가장 높습니다. 그러나 나는 또한 그 과정을 가속화하는 방법을 알아 냈습니다. ruby을 설치하십시오 (Windows에 설치된 경우, Mac에 사전 설치되어 있음). Install Compass> 빈 나침반 프로젝트를 작성하십시오. "나침반 시계"를 시작하십시오. IDE에서 컴파일 된 CSS 파일과 bothe scss 파일을 엽니 다. "compass watch"는 scss 파일의 변경 사항을 폴링하고 컴파일 된 결과를 CSS 파일에 저장합니다. 모든 동안 당신은 테마 폴더에있는 CSS 파일이나 직접 방화범이나 웹 사인꾼의 크롬/사파리에서 CSS 출력을 복사 할 수 있습니다.

나는 이것들이 매번 배포하거나 방화범/웹 검사기로 완전히 개발하는 것보다 빠른 dev 연습 인 것을 발견했습니다.

더 좋은 방법을 아는 사람이라면 CSS/JS 배포 (특히 Scss를 쓰지 않는 경우 간단한 복사)와 같은 특별한 방법을 알려주세요.