티스토리 업데이트
[안내] PC에서도 프로필 카드를 확인할 수 있어요.
안녕하세요. 티스토리팀입니다. 티스토리 글을 읽다보면 혼자만 보기 아까운 유용한 글들이 참 많은데요. 마음에 드는 블로그를 한 눈에 살펴보고, 주변 사람들과 더 쉽고 빠르게 공유할 수 있
notice.tistory.com
2023년 11월 22일, 티스토리에서는 중요한 업데이트가 진행되었습니다. 이번 업데이트의 주요 내용 중 하나는 프로필 카드가 스킨에 노출된다는 점입니다. 모바일에서는 이미 기본적으로 노출되고 있었지만, 이번 업데이트를 통해 PC에서도 프로필 카드가 보이도록 변경되었습니다. 하지만, 티스토리의 모바일 기능을 사용하지 않는 블로거들은 이러한 변화에 대해 잘 모르고 계실 수 있습니다.
프로필 카드란?
프로필 카드는 블로그 사용자에 대한 정보를 담고 있는 카드로, 보통 블로그의 사이드바나 하단에 위치합니다. 이 카드는 방문자에게 블로거의 이름, 프로필 이미지, 소개글 등을 보여주어 블로그의 신뢰성을 높이고, 방문자와의 소통을 강화하는 역할을 합니다.
그러나 모든 블로거가 이 기능을 원하지는 않을 수 있습니다. 특히, 특정 스킨을 사용하고 있는 경우, 프로필 카드의 디자인이 블로그와 잘 어울리지 않거나, 개인의 취향에 맞지 않을 수 있습니다.
네임카드 숨기기
저처럼 프로필 카드의 디자인이 마음에 들지 않거나, 블로그의 전체적인 스타일과 어울리지 않는 경우, 이를 간단하게 숨길 수 있는 방법이 있습니다. CSS 코드를 사용하여 네임카드를 보이지 않게 설정하는 방법을 소개하겠습니다.
CSS 코드 사용하기
네임카드를 숨기기 위해 다음의 CSS 코드를 사용하면 됩니다.
div[data-tistory-react-app="Namecard"] {
display: none !important;
}
위 코드는 display: none; 속성을 사용하여 해당 요소를 화면에서 보이지 않게 합니다. !important를 추가함으로써 다른 스타일 규칙보다 우선적으로 적용되도록 합니다.
적용 방법
- 관리자 페이지 접속: 티스토리 블로그의 관리자 페이지에 로그인합니다.
- 스킨 편집: 왼쪽 메뉴에서 "스킨"을 선택한 후 "스킨 편집"을 클릭합니다.
- CSS 추가: CSS 편집기에서 위의 코드를 추가합니다.
- 변경사항 저장: 모든 변경이 완료되면 저장 버튼을 클릭하여 수정사항을 적용합니다.
- 확인: 블로그를 새로고침(
F5)하여 네임카드가 제대로 숨겨졌는지 확인합니다.
SEO 최적화와 사용자 경험
블로그의 디자인 요소는 사용자 경험에 큰 영향을 미칩니다. 방문자가 블로그를 방문했을 때, 깔끔하고 일관된 디자인은 긍정적인 인상을 주고, 콘텐츠에 집중할 수 있는 환경을 제공해 줍니다. 따라서, 자신의 블로그에 맞지 않는 요소는 과감히 제거하고, 사용자 경험을 최우선으로 고려하는 것이 좋습니다.
또한, SEO 측면에서도 불필요한 요소를 제거함으로써 페이지 로딩 속도를 개선할 수 있습니다. 페이지 로딩 속도는 검색 엔진 최적화에 있어 중요한 요소 중 하나로, 빠른 로딩 속도는 사용자 만족도를 높이고, 검색 엔진에서도 긍정적으로 평가받을 수 있습니다.
마무리
이번 티스토리 업데이트를 통해 프로필 카드가 PC에서도 노출되도록 변경된 것은 블로거와 독자 간의 소통을 강화할 수 있는 좋은 기회입니다. 하지만, 모든 블로거가 이러한 기능을 원하지 않을 수 있으며, 개인의 스타일에 맞게 조정하는 것이 중요합니다. CSS 코드를 활용하여 네임카드를 간편하게 숨길 수 있으며, 이를 통해 블로그의 디자인과 사용자 경험을 개선할 수 있습니다.