본문 바로가기
블로그관리팁

티스토리 북클럽 스킨 긴제목 잘림 현상 해결방법(목록, 모바일 본문 상단 제목)

by ♡행복을주는사람♡ 2021. 8. 18.
반응형

안녕하세요~!!

티스토리 블로그를 시작한 지 얼마 되지 않았는데요.

이렇게 저렇게 스킨변경도 해보고

이것저것 만지다 보니

어렵게 만들어놓은 것들이 사라지기도 하고 모르는 것이 많네요.

하나하나 서치 해가며 고칠 것은 고치는데도 아직 배울 것이 많네요.

처음에는 어떤 스킨이 예쁜가 외형만 고려했는데요.

어느 날 북클럽 스킨이 여러 가지 실용적이고 좋다는 글이 많더라고요.

북클럽으로 다시 스킨변경을 했더니 홈에서 긴 제목이 잘려서 다 보이지 않더라고요.

따라서 긴제목 잘림 현상 해결방법을 공유합니다.

 

 

북클럽스킨 긴제목 잘림현상
북클럽스킨 긴제목 잘림현상

 

 

목차

     

     

    북클럽스킨 긴제목 짤리는 현상 해결방법(목록)

     

     

     

    티스토리는 블로그를 관리할 수 있게 정리된 관리자란이 따로 있는데요.

    콘텐츠, 댓글. 방명록, 통계, 수익(애드핏, 애드센스 등), 꾸미기, 플러그인, 링크, 관리 등으로 되어 있습니다.

    그중 꾸미기 란에는

    스킨변경, 스킨편집, 사이드, 메뉴, 모바일, 메뉴바/구독 설정 등이 있는데요.

    그곳에서 블로그 관리를 위한 중요한 것들이 포진되어 있습니다.

    특히, 스킨편집이 젤 중요한 것 같아요.

    북클럽 스킨 제목 잘림 현상도 스킨편집에서 해결 가능 합니다.

     

     

    티스토리 스킨편집
    티스토리 스킨편집

     

     

    1. 스킨편집하기(CSS)

    제일 먼저,

    티스토리 관리자홈에서 [스킨편집] [html 편집] [CSS] 순으로 입장합니다.

    2. 찾기

    [HTML] 옆에 있는 [CSS] 란을 클릭한후, 본문 안에서 키보드 ctrl F키를 누릅니다.

    검색란에서 'post-item .title' 글자를 입력합니다.

     

     

    css 편집
    CSS 편집(post item title 검색)

     

     

    3. 글자 바꿔주기

    1171번째 줄에 'white-space: nowrap;'글자가 있습니다.

    'nowrap'에서 'normal'로 철자를 바꿔주시면 됩니다.

    반드시 적용을 클릭해야 합니다.

     

     

    북클럽스킨 제목 잘림 코드 수정하기
    nowrap에서 normal로 수정해준다

     

     

    4. 확인하기

    티스토리홈으로 와서 제대로 되었는지 확인합니다.

    모바일에서도 해결되었는지 확인합니다.

    제목이 잘리지 않고 모두 다 제대로 잘 보이네요. 성공~!!

    이렇게 하나하나 배워가는 것 같습니다.

     

     

    북클럽 스킨 제목 잘림 해결됨
    북클럽 스킨 제목 잘림 해결됨

     

     

    북클럽스킨 긴제목 잘림 해결방법(모바일 본문제목)

    제가 글을 많이 쓰지는 않는데

    어느 날 핸드폰으로 내가 쓴 글을 확인하던 중..

    제목이 안 보이는 걸 발견했습니다.

    "어.. 이거 뭐지? 왜 이러지?"

     

     

    모바일 제목 잘림 현상 해결하기
    모바일 제목 잘림현상 해결하기

     

     

    CSS 편집하기

    해결방법은 간단합니다.

    [스킨편집] [html 편집] [CSS] 순으로 클릭합니다.

    [CSS] 탭에서 'post-cover .inner'을 찾아줍니다.(ctrl F)

    그러면 세 개가 나옵니다.

    그중 세 번째(2921번줄)에서 숫자 2를 4로 수정해 줍니다. 그리고 반드시 적용을 클릭합니다.

    제목을 두줄에서 네 줄로 수정해 준다는 의미입니다.

    긴 제목의 경우에도 네 줄이면 충분하더라고요.

     

     

    숫자2를 숫자4로 바꿔준다
    숫자2를 숫자4로 바꿔준다

     

     

    티스토리 제목서식 만들기, 서식 꺼내쓰기

     

    티스토리 제목 꾸미기, 서식 만들기, 서식 관리

    안녕하세요~!! 닉네임 행복을 주는 사람입니다 티스토리 블로그를 서핑하다 보면 제목을 이쁘게 꾸민 분들이 많더라고요 그래서 오늘은 저도 부러워만 할게 아니란 생각에 제목도 꾸미고 제목

    rtreasury.tistory.com

     

     

    오늘의 지혜, 명언

    흐르는 물이 지나치게 맑으면 물고기가 살지 않고,

    사람도 지나치게 영리하면 친구가 생기지 않는다. (가어)

     

    반응형