본문 바로가기
블로그이야기

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

by 돌이아빠 2024. 3. 17.

Contents

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

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

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

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

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

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

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

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

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

    스킨 보관 방법

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

    티스토리 스킨 보관
    티스토리 스킨 보관

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

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

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

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

     

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

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

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

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

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

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

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

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

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

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

     

    마치며

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

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

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

    함께 읽어보면 좋은 글

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

     

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

    티스토리 블로그에 기본 제공되고 있는 공감/신고 버튼 그리고 저작권 표시 아이콘들을 블로그 화면에 보이지 않도록 없애는 방법이 있습니다. 크게 공감,신고,그리고 저작권 표시 아이콘들 전

    windlov2.tistory.com

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

     

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

    티스토리 북클럽 스킨에 정착한 이후 이것 저것 변경을 해보고 있습니다. 제 성향에 맞게 이것 저것 손을 대보고 있는데, 이번 포스팅에서는 티스토리 북클럽 스킨의 헤더 부분에 대한 내용입니

    windlov2.tistory.com

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

     

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

    티스토리 기본 스킨 중 하나인 북클럽 스킨이 참 깔끔해서 복귀 후 이런 저런 기본 스킨들 사용해 보다가 최종 정착하여 약 3개월째 사용중입니다. 북클럽 스킨이 깔끔하긴 하지만 이런 저런 부

    windlov2.tistory.com

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

     

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

    여러가지 이유로 티스토리 블로그 스킨에서 사이드바를 고정하고 싶은 경우가 있습니다.(사실 여러가지 이유라고 했지만 가장 큰 이유는 아마도 구글 애드센스 광고 수익 때문일 확률이 높아보

    windlov2.tistory.com

    유익하셨나요? 공유 or 구독해 보세요