티스토리 작성글 제목 짤림 수정 방법(오디세이 스킨)

티스토리 작성글 제목 짤림 수정 방법 입니다.

최적화가 되어 있지 않아 여기저기 수정할 게 많네요.

 

모바일과 PC 버전 두가지 모두 설정하는 방법입니다. 

각각 설정을 따로 해 줘야하는 번거로움이 있습니다 ...^^

 

참고로 오디세이 스킨 버전을 사용하시는 분들에 최적화 된 설명입니다.

(명령어 검색 시 스킨마다 명령어 구성이 좀 다른 것 같습니다. 그래도 잘 찾으실 수 있을거에요.)

---

 

▣모바일 버전 수정방법

모바일로 미리보기를 하면 아래 사진처럼 제목이 짤려보입니다. 

저는 풀네임이 보였으면 좋겠는데 .. 수정을 시작 해 봅니다.

티스토리 블로그 설정 화면에서 톱니바퀴(설정) 클릭

 

 

꾸미기 탭에서 스킨편집 클릭

 

hteml 편집 누르고 CSS 탭 클릭

 

 

Ctrl+F 누르고 media query 검색 후

max-height : 100 px -> 80 px

webkit-line-clamp : 1 -> 5로 변경 (제목이 길면 더 큰 숫자로 바꾸시면 됩니다.)

 

게시글 제목이 전부 다 잘 보이는 것을 확인할 수 있습니다.

 

 

▣ PC 화면

이제는 PC화면 수정을 시작합니다. 아래처럼 화면에서 잘려보이네요.

모바일 PC 각각 설정 해 줘야하는 번거로움이 있습니다.

Ctrl+F 누르고 article-type-common 검색 후 

webkit-line-clamp  1 -> 2로 변경(제목이 길면 더 큰 숫자로 바꾸시면 됩니다.)

 

 

설정 후 제목이 전부 다 잘 보이는 것을 확인할 수 있답니다.