티스토리 하단 네임카드(프로필카드) 영역 없애기

최근 티스토리 복귀 후 티스토리에서 제공하는 몇 가지 스킨을 사용해 보고 그 중에서 가장 깔끔하고 제 취향에 맞는 북클럽 스킨을 선택하여 블로그를 운영해오고 있습니다.

북클럽 스킨이 깔끔하긴 하지만 실제 운영하면서 몇 가지 마음에 들지 않는 부분들이 있어서 구글링을 통해 하나씩 수정해가고 있습니다.

그 중에서 티스토리 북클럽 스킨의 본문 레이아웃에서 용도가 명확하지도 않을 뿐더러 무슨 이유에서인지 제 기능도 제대로 제공되지 않고 있는 부분을 발견했습니다.

티스토리 북클럽 스킨 네임카드( 프로필카드) 영역

처음에는 이 영역을 뭐라고 불러야 하나 싶었는데 구글링 과정에서 알아낸 이름이 바로 네임카드(Namecard) 였습니다.

이번 글에서는 티스토리 북클럽 스킨에서 네임카드 영역을 표시하지 않도록 하는 방법을 알아보겠습니다.

티스토리 북클럽 스킨 네임 카드 제거를 위한 사전 준비

모든 작업은 스킨 편집을 통해 이루어지므로 혹시 모를 사고를 위해 티스토리에서 제공하는 스킨 보관 기능을 이용하여 현재 스킨을 백업해 두신 후 적용하시면 되겠습니다.

스킨 보관 방법

• 티스토리 관리자 화면 > 좌측 스킨 변경 메뉴로 진입합니다.

티스토리 스킨 보관

• 사용중인 스킨 영역에서 "보관" 버튼을 선택합니다.

티스토리 스킨 보관 다이알로그

• 스킨 보관 다이알로그에서 스킨명에 적당한 이름을 입력한 후 확인 버튼을 누릅니다.

스킨 보관이 완료되면 이제 사전 준비는 끝! 본격적으로 티스토리 북클럽 스킨의 네임카드를 없애보도록 하겠습니다.

 

티스토리 북클럽 스킨 네임카드 없애기

• 티스토리 관리자 화면 > 스킨 편집 메뉴로 진입합니다.

티스토리 블로그 스킨 편집 화면

• html 편집 화면에서 CSS 탭을  선택합니다.

티스토리 블로그 스킨 편집 화면에서 CSS 탭을 선택

네임카드(Namecard) 삭제를 위한 CSS 코드를 임의의 위치에 추가합니다.

/* 하단 Namecard 비노출 */
[data-tistory-react-app='Namecard'] {
  display: none !important;
}

티스토리 북클럽 스킨 네임카드 제거 CSS

적용 버튼을 눌러 네임카드(Namecard) 영역이 없어졌는지 확인합니다.

티스토리 북클럽 스킨에서 네임카드(Namecard) 영역이 제거된 모습

 

마치며

티스토리 북클럽 스킨에 기본적으로 제공되는 네임카드 영역은 일종의 블로그 명함 역할 + 구독하기 기능이 제공되는 영역이었습니다. 그런데 (2024년 기준) 어떤 이유에서인지 제가 적용한 북클럽 스킨의 네임카드 영역에는 구독하기 기능은 제공되지 않고 있었고 블로그 레이아웃 상 하단 부분에 큰 영역을 덩그러니 차지하고 있었습니다.

용도도 불명확하고 특별한 필요성을 느끼지 못하여 과감히 제거하였고 훨씬 깔끔해 졌습니다.

이상으로 티스토리 북클럽 스킨에서 네임카드(Namecard) 영역을 없애는 방법에 대해서 알아봤습니다.

함께 읽어보면 좋은 글

티스토리 공감 신고 버튼 없애는 방법

티스토리 공감 신고 버튼 없애는 방법

티스토리 북클럽 스킨 헤더(Header) 영역 크기 변경하기

티스토리 북클럽 스킨 헤더(Header) 영역 크기 변경하기

티스토리 북클럽 스킨 헤더(Header) 영역 상단에 고정하기

티스토리 북클럽 스킨 헤더(Header) 영역 상단에 고정하기

티스토리 사이드바 고정 방법

티스토리 사이드바 고정 방법