🗂️ 티스토리 카테고리 앞에 폰트어썸 아이콘 추가하기

티스토리 카테고리 앞에 폰트어썸 아이콘을 표기해주었다.

특별한건 없지만 그래도 그냥 예전부터 꼭 해보고 싶었던거라 틈만 나면 구글링을 하고 있었지만 저같은 초보가 감히 시도하기엔 너무 어려운듯 하여 포기하고 있었던 카테고리에 아이콘 넣기. 이런 저런 방법들을 다 사용해보다가 이가 없으면 잇몸으로 하자는 생각으로 고유주소를 이용하면 어떨까 싶어서 ChatGPT 를 통해 CSS 코드를 얻어 보았습니다.

선생님 감사합니다

역시 똑똑한 우리 AI 선생님 😂 
바로 CSS에 적응해보니 정상적으로 출력이 되네요. 링크주소는 적용하고자 하는 카테고리 위에 우클릭을 눌러 링크주소복사로 따오시고 CSS 수정하실때 티스토리 주소를 제외한 /category/ 부터 적용하시면 됩니다.  

/category/ 앞은 삭제

요즘 스킨을 이곳 저곳 커스텀하면서 ChatGPT 의 도움을 상당히 많이 받고 있습니다. 저같은 초보도 스킨을 직접 커스텀 할수 있다는게 상당히 좋네요. 아래는 CSS 코드입니다. 

/* 카테고리 앞에 폰트어썸 아이콘 넣기*/

a[href="/category/주소"]::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\'; /* 아이콘 코드 입력 예)\f0f3 */
  margin-right: 5px; /* 아이콘과 텍스트 사이의 간격 조절 */
  color: #000000; /* 아이콘 색상
}

어디까지나 초보가 AI 를 통해 흉내낸 코드일뿐입니다. 행여나 이 글을 읽는 CSS 고수분이 계신다면 부디 더 좋은 방법이 있다면 꼭 알려주시면 감사하겠습니다.