블로그를 운영하다 보면 최근글과 인기글 위젯의 위치나 노출 방식이 마음에 들지 않을 때가 있으셨을 텐데요. 깔끔한 디자인을 위해 숨기고 싶기도 하고 중요한 정보를 먼저 보여주기 위해 순서를 바꾸고 싶기도 합니다. 또 PC와 모바일 환경에서 다르게 설정하고 싶은 분도 분명 있을 겁니다.
블로그의 기본 요소인 최근글과 인기글 위젯을 원하는 대로 제어하는 방법
1. 최근글/인기글 숨기기, 깔끔한 블로그 디자인을 위해
때로는 블로그의 특정 섹션을 강조하거나, 더욱 미니멀한 디자인을 위해 최근글이나 인기글 위젯을 숨기고 싶을 수 있습니다. 방법은 아주 간단합니다.
- 티스토리 관리 페이지로 접속합니다.
- 좌측 메뉴에서 [꾸미기] → [사이드바]를 클릭합니다.
- 표시된 사이드바 모듈 목록에서 '최근 글' 또는 '인기글' 모듈을 찾습니다.
- 해당 모듈 우측 하단의 [-숨김] 버튼을 클릭합니다.
이렇게 하면 해당 위젯이 블로그에서 더 이상 보이지 않게 됩니다. 언제든지 다시 보이게 하고 싶다면 숨김 처리된 모듈 목록에서 [+표시] 버튼을 클릭하면 됩니다. 만약 인기글만 숨기고 싶다면 [스킨편집]→[html]에서 인기를 을 감출 수 있습니다.
html에서 600번대에 있는 네모칸 안에 있는 최근글이나 인기글을 삭제하거나 주석 처리로 감출 수 있습니다.
삭제 후 나중에 사용할 수도 있기 때문에 주석 처리로 감추기를 합니다. 주석 처리는 시작 코드 <!-- 와 끝나는 코드 -->로 주석 처리 해줍니다.
이렇게 수정 후에는 인기글은 사라지고 최근글만 보입니다.
2. 최근글/인기글 순서 변경
블로그 방문자에게 먼저 보여주고 싶은 정보가 있다면 최근글과 인기글 위젯의 순서를 간단하게 변경할 수 있습니다.
- 티스토리 관리 페이지 → [꾸미기] → [사이드바]로 이동합니다.
- 만약 사이드바 영역에 최근글과 인기글이 없다면 [사이드바 추가] 버튼을 클릭하여 최근글/인기 그를 추가합니다.
- 티스토리 관리 페이지 [꾸미기]→ [스킨편집]→ [html편집]에서 최근글 코드와 인기글 코드 위치를 서로 변경해 줍니다.
- 원하는 위치로 드래그하여 놓으면 순서가 변경됩니다.
- 예를 들어, 현재 활발하게 소통하고 있는 블로그라면 최근글을 먼저 보여주는 것이 좋을 수 있고 오랫동안 사랑받는 콘텐츠를 강조하고 싶다면 인기글을 먼저 배치하는 것이 효과적일 수 있습니다.
수정 후 인기글과 최근글이 서로 위치변경된 것을 볼 수 있습니다.
최근글과 인기글의 순서가 서로 바뀐 걸 볼 수 있습니다. html에서 인기글과 최근글을 본인의 스타일로 바꿔서 꾸밀 수도 있습니다. 아래와 같이 인기글은 인기 급상승, 조회수 폭발 같이 자유롭게 수정이 가능합니다.
3. 최근글/인기글 위젯 분리하기
최근글과 인기글 위젯을 동일한 사이드바 영역에 배치하는 것이 일반적이지만, 때로는 각각 다른 위치에 배치하여 시너지 효과를 낼 수도 있습니다. 예를 들어, 최근글은 사이드바 상단에 배치하여 최신 정보를 빠르게 전달하고, 인기글은 본문 하단이나 다른 사이드바 영역에 배치하여 독자들의 흥미를 유발할 수 있습니다.
위젯을 분리하는 방법은 간단합니다.
티스토리 관리 페이지 → [꾸미기] → [사이드바]로 이동합니다.
만약 다른 사이드바 영역이 없다면, [사이드바 추가] 버튼을 클릭하여 최근글/인기 그를 추가합니다.
티스토리 관리 페이지 [꾸미기]→ [스킨편집]→ [html편집]에서 최근글 코드와 인기글 코드 위치를 서로 변경해 줍니다.
이제 최근글과 인기글 위젯이 각각 다른 위치에 배치되어 블로그 레이아웃을 더욱 다채롭게 구성할 수 있습니다.
4. 모바일에 보이는 인기글 감추기
모바일 환경에서는 화면 공간이 제한적이기 때문에, 때로는 특정 위젯을 숨겨 사용자 경험을 개선하는 것이 중요합니다. 특히 PC에서는 유용했던 인기글 위젯이 모바일에서는 불필요하거나 화면을 답답하게 만들 수 있습니다.
- 모바일에서 인기글 위젯을 감추는 방법은 다음과 같습니다.
- 티스토리 관리 페이지 → [꾸미기] → [모바일] 설정으로 이동합니다.
- [모바일 웹 자동 연결 사용]이 '사용 안 함'으로 설정되어 있는지 확인합니다. (사용 중인 경우, 설정을 해제해야 모바일 설정 변경이 가능합니다.) [모바일 상세 설정] 또는 유사한 메뉴를 클릭합니다.
- 사이드바 또는 위젯 설정 관련 메뉴를 찾습니다.
- 표시되는 위젯 목록에서 '인기글' 모듈을 찾아 [숨김] 또는 [표시 안 함] 옵션을 선택합니다.
html 모드에 붙여 넣기 한 후 기본모드로 돌아와 보면 아래와 같이 코드가 보입니다 그대로 서식으로 저장해 두셨다가 필요할 때 서식으로 불러오기만 하면 됩니다.
각 스킨마다 모바일 설정 메뉴의 구성이 약간 다를 수 있지만 위와 같은 방법으로 모바일 환경에서 특정 위젯을 숨길 수 있습니다. 이렇게 설정하면 PC에서는 인기글 위젯이 정상적으로 보이지만(PC에서도 인기글 감추기로 인기글은 안보임) 모바일 화면에서는 숨겨져 더욱 깔끔하고 보기 좋은 블로그를 만들 수 있습니다.