아코디언 블록

아코디언은 콘텐츠의 축소 가능한 섹션을 표시하며, 각각은 내에서 콘텐츠를 확장하거나 축소하는 클릭 가능한 헤더를 갖습니다. 이 가이드에서는 워드프레스닷컴 사이트에서 아코디언 블록을 추가, 사용자 정의 및 사용하는 방법을 배웁니다.

아코디언을 사용하여 정보를 정리하고, 페이지 길이를 줄이고, 방문자가 자신에게 가장 중요한 콘텐츠에 집중할 수 있게 하세요. 아코디언은 방문자가 선택적으로 탐색하고 싶을 수 있는 콘텐츠를 구성하는 데 적합합니다. 다음과 같은 인기 있는 사용 방법이 있습니다.

• 약관 및 정책: 방문자를 압도하지 않고 법률 또는 정책 정보를 표시합니다.
• FAQ: 확장 가능한 답변으로 자주 묻는 질문을 그룹화합니다.
• 상품 상세정보: 규격, 크기 조정 가이드 또는 배송 정보를 축소 가능한 섹션에 표시합니다.
• 단계별 지침: 튜토리얼이나 가이드를 이해하기 쉬운 단계로 나눕니다.
• 이벤트 일정: 시간 또는 세션별로 안건 또는 일정을 구성합니다.
• 팀 프로필: 각 팀 멤버에 대한 확장 가능한 상세 정보와 함께 간략한 소개를 표시합니다.

페이지 또는 글에 아코디언 블록을 추가하려면 다음 단계를 따르세요.

1. 사이트의 알림판을 방문합니다.
2. 페이지 또는 글로 이동하여 아코디언을 추가할 페이지/글을 클릭합니다.
3. + 블록 삽입기 아이콘을 클릭합니다.
4. “아코디언 블록“을 검색하고 블록을 클릭하여 글 또는 페이지에 추가합니다.

블록 추가에 대한 자세한 안내는 여기에서 확인하세요.

글이나 페이지에 아코디언 블록을 처음 추가하면 다음과 같은 섹션이 표시됩니다.

• 아코디언 아이템: 각 접을 수 있는 섹션(제목 및 패널 포함).
  • 아코디언 헤딩: 내에서 콘텐츠를 확장하거나 축소하는 클릭 가능한 제목.
  • 아코디언 패널: 헤더를 클릭할 때 표시되는 콘텐츠.

아코디언을 완료하려면 다음 단계를 따르세요.

1. 항상 표시하려는 제목 또는 헤딩 텍스트를 추가합니다.
2. 아코디언 패널 영역 내부를 클릭하거나 목록 보기를 사용하여 선택합니다.
3. 아코디언 패널 영역 내에 블록을 추가하려면 + 블록 삽입기를 클릭합니다. 텍스트, 이미지, 비디오 및 기타 블록을 포함하여 모든 유형의 콘텐츠를 추가할 수 있습니다.

아코디언 블록에는 아코디언 동작 방식을 제어하는 설정이 포함됩니다. 이러한 설정에 접근하려면, 목록 보기를 사용하여 부모 아코디언 블록을 선택하고 오른쪽 사이드바에서 블록 설정을 여세요.

“내부 블록 콘텐츠 너비 사용“이 켜지면 아코디언 블록 내의 블록은 다음과 같은 너비 설정을 따릅니다.

• 콘텐츠: 넓게 또는 전체 폭으로 설정되지 않은 블록의 콘텐츠 영역 폭입니다.
• 넓게: 넓게로 설정된 블록의 콘텐츠 폭입니다.

활성화되면 한 아코디언 아이템을 열면 다른 모든 열린 아이템이 자동으로 닫힙니다. 그러면 콘텐츠가 깔끔해지고 방문자가 한 번에 한 섹션에 집중할 수 있습니다.

각 아코디언 헤더 옆에 나타나는 확장/축소 아이콘(일반적으로 “+” 또는 화살표)을 전환합니다. 깔끔하고 미니멀한 모양을 위해 이 옵션을 비활성화합니다.

아이콘이 아코디언 헤더의 왼쪽 또는 오른쪽에 표시되는지 선택합니다.

페이지가 로드될 때 확장됨으로 표시할 특정 아코디언 항목을 설정할 수 있습니다. 이를 수행하려면 다음 단계를 따르세요.

1. 목록 보기를 사용하여 기본 으로 열려는 아코디언 아이템 블록을 선택합니다.
2. 블록 설정 사이드바에서 “기본으로 열기” 옵션을 활성화합니다.

블록 설정 사이드바에서 스타일 아이콘을 클릭하여 블록의 디자인 설정에 액세스합니다. 스타일 아이콘은 절반이 채워진 원 모양입니다.

사용 가능한 옵션은 다음과 같습니다.

• 색상: 아코디언 헤더와 패널의 배경과 텍스트 색상을 설정합니다.
• 배경 이미지: 전체 부모 아코디언 블록에 배경 이미지를 추가합니다.
• 타이포그래피: 텍스트의 글꼴 크기와 스타일을 조정합니다.
• 크기: 아코디언 아이템 안쪽 여백 및 여백을 제어합니다.
• 테두리 및 그림자: 아코디언에 테두리 및 그림자 효과를 추가합니다.