참고:
Adobe Muse는 더 이상 새로운 기능을 추가하지 않으며 2020년 3월 26일 목요일에 지원이 중단됩니다. 자세한 정보 및 지원은 Adobe Muse 서비스 종료 페이지를 참조하십시오.
-
컨트롤 패널에서 [고정] 인터페이스의 상단 가운데 위치를 클릭하여 [탭 구분 패널] 위젯을 고정시킵니다. 개체가 스크롤되지 않도록 고정하는 방법에 대한 자세한 내용은 이 링크를 참조하십시오.
[아코디언 패널] 위젯은 많은 컨텐트를 화면의 작은 영역에 맞추어 넣으려는 경우 유용합니다. 축소 및 확장 동작을 통해 방문자가 레이블 패널을 클릭하면 해당하는 컨텐트 영역이 나타나는 것을 볼 수 있습니다. 데스크톱 사이트는 물론 [아코디언 패널] 위젯은 모바일 레이아웃으로 컨텐트를 표시하는 데도 사용됩니다.
이 단원에서는 사이트의 개별 페이지에 컨텐트를 추가하는 방법을 설명합니다. 여기에서 사용할 것은 아코디언이라는 또 다른 유형의 위젯입니다. 패널 위젯(아코디언 위젯과 탭 구분 패널 위젯)을 사용하면 실제로 차지하는 화면 크기를 줄이면서도 더 많은 컨텐트를 표시할 수 있어 여러 모로 유용합니다.
-
[선택] 도구로 위젯의 여러 구성 요소를 선택해 보십시오. 전체 위젯을 선택하면 컨트롤 패널의 왼쪽 위 가장자리에 있는 선택 표시자에 "위젯"이라는 단어가 표시됩니다. 마우스 단추를 다시 클릭하여 컨테이너, 텍스트 프레임 등을 선택하면 그에 맞춰 선택 표시자에 표시되는 내용이 바뀌는 것을 알 수 있습니다. 이와 같이 선택 표시자를 확인하면 현재 선택한 것이 위젯의 어느 부분인지 쉽게 알 수 있습니다.
위젯의 요소를 선택 취소하려면 Esc 키를 눌러 현재 선택 항목을 한 수준 뒤로 되돌리거나 이 키를 여러 번 눌러 중첩 요소 밖으로 완전히 벗어날 수 있습니다. 또는 페이지에서 위젯 바깥쪽의 다른 부분을 클릭하여 선택을 취소할 수도 있습니다.
아코디언 위젯에는 기본적으로 패널 두 개가 있습니다. 위쪽 패널에는 "Lorem 1"이라는 자리 표시자 탭 이름이 표시되고, 아래쪽 패널에는 "Ipsum 2"라는 자리 표시자 탭 이름이 표시됩니다.
다음 단원에서는 아코디언 위젯의 패널에 텍스트 컨텐트를 배치하여 패널을 채우는 방법을 살펴볼 것입니다. 여기에서는 아코디언 위젯의 첫 번째 패널 위에 표시되는 맨 위쪽 탭 이름을 변경하는 방법부터 먼저 살펴보겠습니다.
이렇게 해서 아코디언 위젯의 첫 번째 탭이 완성되었습니다.
첫 번째 탭을 편집할 때 [함께 편집] 설정을 선택 취소하는 경우 다른 탭에는 변경 사항이 표시되지 않습니다. 다른 탭은 [아코디언] 패널에서 별도로 스타일 지정해야 합니다.

레이블 컨테이너의 텍스트를 업데이트하기 위한 여러 가지 옵션이 있습니다.
레이블이 짧고 텍스트를 "옆으로" 유지하려는 경우(예: 책장에 책이 꽂힌 모양) [텍스트] 도구를 사용하여 기존 자리 표시자 텍스트를 선택하고 원하는 레이블을 입력할 수 있습니다(아래 이미지 참조).
![fig21 아코디언 위젯의 [텍스트] 도구를 사용하여 레이블 텍스트를 편집합니다.](/content/dam/help/ko/muse/using/panel-widgets-tabbed-accordion/_jcr_content/main-pars/image_10/fig21.png)
텍스트 레이블을 사용하지 않으려는 경우 레이블 컨테이너의 기존 자리 표시자 텍스트를 삭제한 다음 [컨트롤] 패널 또는 [채우기] 패널([상태] 패널과 함께)의 서식 지정 옵션을 사용하여 각 레이블에 다른 색상을 적용하면 됩니다(아래 이미지 참조). 각 레이블 컨테이너의 모양을 개별적으로 업데이트하려면 파란색 화살표 단추를 클릭하여 [옵션] 메뉴에 액세스하고 [함께 편집] 옵션을 해제합니다.
![fig22 [채우기] 메뉴 및 텍스트 서식 지정 옵션을 사용하여 레이블 컨테이너 및 해당하는 텍스트 컨텐트의 색상을 변경합니다.](/content/dam/help/ko/muse/using/panel-widgets-tabbed-accordion/_jcr_content/main-pars/image_11/fig22.png)
다른 옵션은 이미지 편집 프로그램을 사용하여 레이블 패널에 삽입되는 이미지를 만드는 것입니다. 이미지를 페이지에 배치하고 잘라낸 다음 텍스트 도구로 레이블 텍스트를 선택하고 이미지를 레이블 컨테이너에 붙여 넣습니다. 원할 경우 이미지에는 세로 방향 텍스트가 포함될 수 있습니다(아래 이미지 참조).
