본문 바로가기
반응형

좌측 사이드바에 있는 매인 카테고리 이름 앞에 아주 쉽게 아이콘을 달 수 있습니다.

적용된 모습

카테고리명 앞에 아이콘

아이콘 설정 하기

관리자화면 > 꾸미기 > 스킨편집 메뉴를 선택하면 스킨을 편집할 수 있는 새창이 열립니다.

아이콘 설정

추가설정 항목의카테고리 아이콘 항목에 아무것도 없으면 카테고리명 앞에는 아이콘이 붙지 않습니다. 이 항목에 아이콘 명을 ,를 구분자로 하여 입력을 하면 위에서 부터 순서대로 카테고리 명 앞에 아이콘이 붙습니다.

아이콘셋은 XEICON에서 제공하고 있는 아이콘을 사용합니다. XEICON는 NAVER가 서포트 하고 있는 Xpress Engine에서 무료로 제공하고 있는 프로젝트 입니다. 다른 아이콘셋은 적용이 되지 않으니 해당 사이트에서 아이콘 명을 확인하여 적용하시면 됩니다.

아이콘 명

XEICON 바로가기

결과 확인

아래와 같이 카테고리명 앞에 아이콘이 적용된 모습을 볼 수 있습니다.
아이콘명을 4개만 작성했기 때문에 상단으로 부터 4개의 카테고리만 아이콘이 반영이 된 것을 볼 수 있습니다. 아이콘 명 2개를 더 작성하면 완벽해 지겠네요 ^^

카테고리 아이콘 적용 모습

※ 참고로 아이콘명을 적을 때 티스토리에서 입력할 수 있는 글자 수를 제한해 놔서 무한대로 아이콘을 적용할 수는 없습니다.

UX 공작소

UX와 UI에 관해 내가 알게된 다양한 이야기를 공유해요~