티스토리 왓에버(Whatever) 스킨에서 포스팅 제목 짤림 현상 해결 방법
본문 바로가기

일상 반사 다반사/알아두면 피와 살

티스토리 왓에버(Whatever) 스킨에서 포스팅 제목 짤림 현상 해결 방법

안녕하세요?

 

티스토리 왓에버(Whatever) 스킨을 이용하다 보면 아래 그림과 같이 포스팅 제목이 잘리는 현상을 발견할 수 있어요.

 

제목이 짤려서 온전한 내용을 전달하지 못하고 있어요.

 

방문자 입장에서는 온전한 포스팅 제목을 보고 판단한 뒤 유입될 수는 있어도 포스팅 제목에서 생략된 부분이 궁금해서 유입될 가능성은 극히 희박하기 때문에 이러한 포스팅 제목 생략 잘림 현상은 방문자 유입에 도움이 안 되고 이는 결국 티스토리 블로그 체류시간 저하라는 문제를 낳을 수 있다고 최종적으로 결론 지었습니다. 그래서 오늘은 티스토리 왓에버(Whatever) 스킨에서 포스팅 제목 짤림 현상을 해결하는 방법에 대해서 소개해드리도록 할게요.

 

티스토리 왓에버(Whatever) 스킨에서 포스팅 제목 짤림 현상을 해결하는 방법에 대해서 아주 쉽게 소개해드릴께요.

★목차

 

  • 티스토리 왓에버(Whatever) 스킨에서 포스팅 제목 짤림 현상을 해결하는 방법

  • 티스토리 왓에버(Whatever) 스킨 리스트 타입에 따른 적용 모습

  • 마무리

  • 티스토리 왓에버(Whatever) 스킨에서 포스팅 제목 짤림 현상을 해결하는 방법

관리자 페이지 접속하기

1. 티스토리 블로그 '관리자' 페이지로 접속해줍니다.

티스토리 블로그 '관리자' 카테고리를 저와 같이 따로 설정해두신 분은 쉽게 들어갈 수 있지만 만약 따로 설정해두시지 않으신 분들은 인터넷 주소창에서 블로그 주소 뒤에 '/manage'를 추가로 입력해주신 뒤, 다시 말해, '본인의 블로그 주소/manage'를 입력해주신 뒤 접속해주시면 되겠습니다.

스킨 편집 버튼 클릭하기

2. 좌측 사이드바에서 '꾸미기' 카테고리의 '스킨 편집' 항목으로 접속해주세요.

스킨 편집 화면

3. 그럼 좌우로 화면이 분할되는 것을 볼 수 있는데 우측 화면은 스킨 편집이 실질적으로 이루어질 '스킨 편집 화면'이 되겠고 좌측 화면은 '스킨 편집 화면'에서 이루어진 스킨 편집 결과가 실질적으로 적용될 블로그의 모습을 미리 보여주는 화면이 되겠습니다.

'스킨 편집 화면'에서 'html 편집' 버튼을 클릭해주세요.

4. 상단에 보시면 'html', 'CSS', '파일업로드' 이렇게 3가지 항목이 보이실 텐데 중앙의 'CSS' 항목을 클릭해주세요.

'post-item .title' 부분을 찾는 첫 번째 방법 '직접 찾기'
'post-item .title' 부분을 찾는 두 번째 방법 '검색창 이용하기'

5. 'post-item .title' 부분을 찾아줍니다.

해당 부분을 찾는 방법은 크게 2가지로 설명드릴 수 있으니 편하신 방법으로 찾아주시면 되겠어요.

첫 번째 방법은 해당 부분을 직접 찾아주는 것입니다.

'CSS' 항목은 보통 편집 수정을 잘 안 하는 영역이기 때문에 초기 'CSS' 항목 내 코드가 초기 상태를 유지하고 있는 경우가 대다수이고 수정을 했다 해도 뼈대 자체가 크게 바뀌도록 수정하지는 않으므로 많은 분들의 티스토리에서 'post-item .title' 부분은 초기 상태 즉, 845번째 행에 위치하고 있을 겁니다. 설사 과거에 수정한 점을 감안한다 하더라도 845번째 행 부근에 해당 부분이 위치하고 있을 가능성이 높기 때문에 840번째행에서 860번째행 부근에서 'post-item .title'을 직접 찾아주시면 되겠습니다.

두 번째 방법은 검색창을 이용하는 것입니다.

[Ctrl] 키와 [F] 키를 동시에 눌러서 뜨는 검색창에 우리가 찾고자 하는 'post-item .title'의 일부 'post-item'정도를 입력해주신 뒤 우측 아랫방향의 화살표를 눌러가며 해당 부분을 찾아주시면 되겠습니다.

' white-space' 부분의 수정 전후 모습

6. 'white-space' 부분의 내용을 'nowrap'에서 'normal'로 변경해주세요.

적용하기

7. 우측 상단의 '적용' 버튼을 클릭해주세요.

제목 짤림 현상 해결

8. 티스토리 블로그 홈 화면으로 돌아와서 새로고침(F5)을 통해 변경된 해당 내용을 확인해주세요.

 

  • 티스토리 왓에버(Whatever) 스킨 리스트 타입에 따른 적용 모습

 

1. 섬네일형

'섬네일형' 리스트 타입에서의 모습

2. 리스트형

'리스트형' 리스트 타입에서의 모습

  • 마무리

 

지금까지 티스토리 왓에버(Whatever) 스킨에서 포스팅 제목 짤림 현상 해결 방법에 대해서 알아보았습니다. 온전히 제목이 생략 없이 보이기에 해당 포스팅에서 자신이 의도하고자 하는 내용을 모두 보여줄 수 있다는 것에서 의미 있는 작업이 될 수 있다고 생각합니다. 왓에버(Whatever) 스킨 이용하시는 분들 중 해당 문제에 대한 궁금증이나 해소 욕구가 있으셨다면 많은 도움될 수 있는 포스팅이었으면 좋겠네요. 공감과 응원 댓글은 감사한 마음으로 하나하나 소중하게 간직하고 있답니다. 구독과 공감 그리고 댓글은 제가 이 포스팅을 지속하며 여러분과 소통하는데 정말 큰 힘이 되니 편하게 다가와주세요. 감사합니다. 행복한 하루 보내세요.

 

구글 애널리틱스 가입과 티스토리 블로그 유니버설로 연동 연결하는 방법

 

구글 애널리틱스 가입과 티스토리 블로그 유니버설로 연동 연결하는 방법

안녕하세요? 티스토리 블로그 하면서 방문자 분석을 위해 구글 애널리틱스를 이용 많이들 하시죠? 그만큼 구글 애널리틱스에 자신의 티스토리 블로그를 연동하는 것이 이제는 필수라고 할 수

rokggu.tistory.com

구글 애널리틱스 IP 필터링 설정 불필요한 자료 데이터 수집 제외 기능

 

구글 애널리틱스 IP 필터링 설정 불필요한 자료 데이터 수집 제외 기능

안녕하세요? 블로그나 사이트 개설 초기에는 아무래도 다른 사람들의 검색 유입보다 스스로가 방문하여 살피는 경우가 압도적으로 많기 때문에 불필요하게 자신의 IP가 구글 애널리틱스에 수집

rokggu.tistory.com

3차 재난지원금 코로나 신청 지급 대상 규모 액수 시기 방안 계획 총정리

 

3차 재난지원금 코로나 신청 지급 대상 규모 액수 시기 방안 계획 총정리

안녕하세요? 지난 포스팅에서 3차 재난지원금 지급과 관련하여 대략적인 내용을 정리해보고 생각해보는 시간을 가졌었는데 혹시 기억하시나요? :) 3차 재난 지원금 신청 대상 기간 시기 규모 총

rokggu.tistory.com

삼성 노트북 2021 신제품 갤럭시 아카데미 행사 최고의 입학 졸업 선물

 

삼성 노트북 2021 신제품 갤럭시 아카데미 행사 최고의 입학 졸업 선물

안녕하세요? 얼마 전 삼성 노트북 2021 신제품 PC사전예약 포스팅 기억하시나요? :) 삼성 노트북 2021 신제품 (갤럭시북 이온2 플렉스2 5G 노트북 플러스2) 입학선물 사전예약 구매 혜택 총정리 삼성

rokggu.tistory.com

LG 그램(gram) 2021 전작과 바뀐 점 달라진 점 12가지 아주 쉽게 총정리

 

LG 그램(gram) 2021 전작과 바뀐점 달라진 점 12가지 아주 쉽게 총정리

안녕하세요? 지난 초경량 노트북 2021 LG 그램(gram) 사전예약 구매 혜택 잘들 보셨나요? :) LG 그램(gram) 2021 사전 예약 혜택 정보 모델 라인 가격 총정리 LG 그램(gram) 2021 사전 예약 혜택 정보 모델 라

rokggu.tistory.com