익스피리언스 빌더에서 페이지 및 구성 요소 편집
각 페이지에 사례 열기 또는 기사 검색과 같은 과업이나 기능을 중심으로 구성되는 구성 요소의 모음이 포함됩니다. 각 Experience Builder 템플릿의 페이지는 거의 구성하지 않고 사용할 수 있도록 준비되어 있습니다. 사이트의 페이지에 새 구성 요소를 추가하거나 기존 구성 요소의 속성을 편집하거나 필요하지 않은 구성 요소를 삭제할 수 있습니다.
필수 Edition
| 지원 제품: Salesforce Classic 및 Lightning Experience 모두 |
| 지원 제품: Enterprise, Performance, Unlimited 및 Developer Edition |
| 필요한 사용자 권한 | |
|---|---|
| Experience Cloud 사이트 사용자 정의 또는 게시: |
|
팁 새 맞춤형 페이지에 구성 요소를 추가하려는 경우 목적을 기반으로 페이지의 구성 및 레이아웃을 계획하는 데 다소 시간이 소요됩니다.
- 상단 탐색 모음의 Pages(페이지) 메뉴에서 편집할 페이지를 선택합니다.
-
구성 요소 패널을 열려면 구성 요소 패널 아이콘
을 클릭합니다.
-
Components(구성 요소) 패널에서 페이지의 편집 가능한 영역으로 구성 요소를 드래그합니다.
콘텐츠 또는 테마 레이아웃 영역 위로 구성 요소를 드래그하면 영역을 식별할 수 있는 레이블이 나타납니다. 콘텐츠 레이아웃 영역의 구성 요소는 페이지에 고유합니다. 테마 레이아웃 영역의 구성 요소는 테마 레이아웃 영역이 사용되는 모든 위치에서 공유되며, 캔버스의 구성 요소 이름에 'Shared' 레이블이 추가됩니다.
-
구성 요소의 속성을 편집하려면 캔버스 또는 Page Structure(페이지 구조) 패널에서 선택합니다.
구성 요소를 선택하면 Experience Builder에서 파란색 테두리가 있는 구성 요소를 하이라이트하고 구성 요소의 속성 패널을 표시합니다. 속성 패널에서 푸시핀 아이콘
을 클릭하여 패널을 캔버스 위로 이동하거나 캔버스 오른쪽에 고정합니다. 패널이 고정되면 전체 캔버스가 표시됩니다. - 필요에 따라 구성 요소를 업데이트합니다.
- AppExchange에서 사용자 정의 Lightning 구성 요소의 선택 항목을 찾아 보고, 익스피리언스 빌더에서 직접 조직에 해당 항목을 추가할 수 있습니다. 구성 요소 패널에서 AppExchange에 추가로 가져오기를 클릭합니다. Experience Builder 페이지에 추가할 수 있는 구성 요소가 표시됩니다. 구성 요소를 추가하면 조직에 있는 모든 템플릿 기반 사이트의 구성 요소 패널에 나타납니다.
- 또한 사용자 정의 Lightning 구성 요소를 생성하고 익스피리언스 빌더 페이지에서 사용할 수 있습니다. 사용자 정의 Lightning 구성 요소를 만들고 익스피리언스 빌더에 사용하도록 활성화하는 방법에 대한 자세한 내용은 Experience Cloud 개발자 가이드를 참조하십시오.
- 고급 LWR 사이트의 사용자 정의 구성 요소에서 화면 반응 속성 값 할당
고급 LWR 사이트의 사용자 정의 Lightning 웹 구성 요소에서 문자열 또는 정수 속성 유형에 대한 데스크탑, 모바일 및 태블릿 디스플레이에 다른 값을 지정합니다. 화면 크기 반응형 속성을 사용하면 구성 요소가 최종 사용자의 화면 크기에 기반하여 올바른 속성 값을 사용합니다. - 모바일, 태블릿 또는 데스크톱에서 고급 LWR 사이트에 대한 구성 요소 표시 또는 숨기기
불필요한 구성 요소를 숨겨서 사이트의 가독성을 개선합니다. 고급 LWR 사이트에서 사이트 빌더는 모바일, 태블릿 또는 데스크톱과 같은 각각의 장치 유형에서 표시하거나 숨길 구성 요소를 사용자 정의할 수 있습니다. 구성 요소는 기본적으로 표시됩니다. - 익스피리언스 빌더로 모바일 장치에서 Aura 사이트에 대한 구성 요소 숨기기
모바일 장치에서 비즈니스에 중요하지 않은 구성 요소를 숨겨 페이지 로드 시간과 복잡한 모바일 화면을 줄입니다. 모바일 모드를 사용하여 빌더에서 Aura 사이트를 보고 숨길 구성 요소를 선택합니다. - 익스피리언스 빌더에서 데이터가 없는 페이지에 대한 오류 메시지
Lightning 구성 요소를 사용하여 익스피리언스 빌더에서 템플릿 기반 페이지를 구축할 경우 경우에 따라 페이지가 사이트에 올바르게 로드되지 않을 수 있습니다. 이 오류가 발생하는 이유와 해결 방법에 대해 알아봅니다. 구성 요소에 기본 데이터가 있는지 확인하십시오.
이 기사를 통해 문제를 해결했습니까?
개선을 위한 의견을 보내주세요.
