빠른 요약#
- 알아보기 쉬운 아이콘을 커스텀 상태에 추가하세요.
- 색상 및 텍스트 배경색을 설정하여 배지를 읽기 쉽게 만드세요.
- 목록에 표시되는 방식을 다음에서 선택하세요: 상태 보기 (이름 또는 아이콘).
- 다음 화면에서 결과를 미리 확인하세요: WooCommerce → 주문.
상태 편집기 열기#
경로: WooCommerce → 주문 → Order Status → 편집(상태 선택) 또는 새로 추가(새 상태 만들기).
대체 텍스트: WooCommerce → 주문 → Order Status에서 연 상태 편집기.
캡션: “주문 → Order Status에서 상태 편집기를 여세요.”
아이콘 추가하기#
아이콘 추가를 클릭하고 단순하고 의미가 분명한 아이콘을 선택하세요. 지나치게 세밀한 모양은 피하고, 윤곽이 뚜렷한 아이콘을 고르세요.
대체 텍스트: 커스텀 상태의 아이콘 선택기가 열린 화면.
캡션: “단순하고 알아보기 쉬운 아이콘을 선택하세요.”
대체 텍스트: 상태에 적용된 선택한 아이콘.
캡션: “아이콘이 지정되었는지 확인하세요.”
배지 색상 선택#
색상(텍스트/아이콘)과 텍스트 배경색(배지 배경)을 사용하여 대비를 확보하고 빠르게 훑어볼 수 있게 하세요.
대체 텍스트: 텍스트/아이콘과 배지 배경용 색상 선택기가 열린 화면.
캡션: “텍스트/아이콘 색상과 배지 배경을 설정하세요.”
대비 팁#
- 어두운 텍스트에는 밝은 배경을, 밝은 텍스트에는 어두운 배경을 사용하세요.
- 대비가 낮은 조합은 피하세요(예: 밝은 회색 위의 중간 회색).
- 모든 상태에 일관된 색상 팔레트를 유지하세요.
대체 텍스트: 고대비와 저대비 상태 배지 비교.
캡션: “가독성을 위해 고대비 조합을 사용하세요.”
상태 보기: 이름 또는 아이콘#
주문 표에서 상태가 표시되는 방식을 제어하세요.
- 이름: 텍스트 레이블을 표시합니다(모든 사용자에게 가장 명확함).
- 아이콘: 텍스트 대신 아이콘을 표시합니다(팀이 기호를 알아볼 수 있을 때 효과적).
대체 텍스트: 이름과 아이콘 옵션이 표시된 상태 보기 드롭다운.
캡션: “이름을 표시할지 아이콘만 표시할지 선택하세요.”
주문에서 미리 보기#
상태를 저장한 후 WooCommerce → 주문을 열어 한눈에 잘 읽히는지 확인하세요.
- 배지가 다음 위치에 올바르게 표시되는지 확인하세요: 상태 열.
- 아이콘 보기를 사용하는 경우 아이콘만 보고도 의미를 알 수 있는지 확인하세요.
대체 텍스트: 이름과 아이콘으로 표시된 배지가 있는 주문 화면.
캡션: “주문 목록에서 가독성과 일관성을 확인하세요.”
모범 사례#
- 핵심 색상 2-4개를 재사용하여 단계를 그룹화하세요(예: 파란색 = 진행 중, 초록색 = 완료, 빨간색 = 차단됨).
- 빨간색/노란색은 경고나 주의가 필요한 상태에만 사용하세요.
- 색상에만 의존하지 마세요: 텍스트 또는 아이콘이 분명해야 합니다.
문제 해결#
- 배지가 흐리거나 읽기 어려움: 대비(텍스트 대 배경)를 높이세요.
- 아이콘이 헷갈림: 더 단순한 기호로 바꾸거나 다음을 사용하세요: 상태 보기 = 이름.
- 주문에 변경 사항이 없음: 상태를 저장한 후 새로 고침하세요. 캐싱 플러그인을 사용한다면 캐시를 비우세요.
2026년 4월 20일 업데이트 · 도움이 필요하신가요? 지원 티켓을 등록하세요