it-swarm-ko.tech

뷰를 사용하여 만든 페이지를 디자인하는 방법

Views 모듈을 사용하여 페이지를 만들었으며 완벽하게 작업하고 있습니다.
내 페이지를 직접 디자인해야합니다.

어떻게해야합니까?

4
Fero

뷰에서 생성 된 페이지의 스타일을 지정하는 가장 쉬운 방법은 CSS를 간단히 편집하는 것입니다.

생성 된 마크 업에 대해 더 많은 제어가 필요한 경우 Semantic Views 를 사용하여 생성 된 HTML을 정리하고 개선 할 수 있습니다.

또 다른 간단한 해결책은 템플릿을 수동으로 추가하는 것입니다. 뷰 UI에 "테마"섹션이 있습니다 (바로 위의 경로 및 메뉴 항목 설정). 여기에서 가장 적합한 템플릿을 선택할 수 있습니다 (views-view--YOURVIEWNAME--page-1.tpl.php 또는 이와 유사한 것)을 사용하여 기본 템플릿 코드를 복사하여 붙여 넣습니다.

그런 다음 Templates 디렉토리에 동일한 이름의 파일을 만듭니다 (views-view--YOURVIEWNAME--page-1.tpl.php 또는 이와 유사한 것)을 사용하여 코드를 통과하십시오. 이제 다른 것처럼 템플릿을 편집 할 수 있습니다!

View에서 인식되지 않는 경우 Views UI의 "테마"섹션으로 돌아가서 "템플릿 파일 다시 검색"을 클릭하여 확인하십시오.

7
Alex Weber

간단한 방법은 CSS로 뷰 필드의 스타일을 지정하는 것입니다.
또 다른 방법은 편집보기 페이지의 스타일 설정 블록에서 "테마 정보"를 클릭하는 것입니다. 나열된 이름을 사용하여 자신 만의 테마를 만들고 만든 파일을 테마 폴더에 복사 할 수 있습니다. 테마 정보 메뉴에서 "템플릿 파일 재검색"을 클릭하십시오. 이제 테마가 뷰에 적용됩니다. 뷰를 빠르게 테마하는 방법?

3
user780

Display suite & Node display 와 같은 모듈을 확인하십시오. 이 모듈을 사용하면 모든 표준 빌드 모드 (전체, 티저 등)에 대한 노드를 레이아웃하고 사용자 정의 빌드 모드를 작성할 수 있습니다. 그런 다음 노드 필드를 노드 영역으로 끌어서 놓을 수 있습니다. 보기에서 행 스타일을 선택할 때 디스플레이 제품군을 선택하십시오. 뷰의 각 노드는 Display suite에서 생성 한 레이아웃에 따라 렌더링됩니다.

3
30equals

다음과 같은 방법으로 페이지를 디자인 할 수 있습니다.

  1. 관리자-> 사이트 빌딩->보기

  2. 기본 설정에서 테마 : 정보를 선택하십시오.

  3. 행 스타일 출력을 클릭하십시오.

  4. 일련의 코드가 생성됩니다. 코드를 복사하여 코드의 첫 줄에 생성 된 파일 이름으로 붙여넣고 파일을 현재 테마 폴더에 둡니다.

  5. 이제 원하는대로 페이지를 디자인하십시오.

3
Fero