티스토리 오딧세이 스킨 제목 줄 늘리기/글자수 늘리기

 

 

 

티스토리에서 제공하는 스킨 오딧세이 스킨이 새로 나왔습니다. 

저는 오딧세이 스킨이 정말 맘에 드는데요. 

처음에 오딧세이가 나오자마자 제 블로그에 적용을 시켰다가 약간의 문제점을 발견했습니다. 

두가지 인데요. 

 

 

 

1. 포스팅 제목이 두줄이 넘어가면 다 보이지 않고 잘린다. 

2. 카테고리 제목 역시 한줄만 보이고 나머지가 잘려버린다.

 

제목의 줄이 두줄이나 한줄 이하로만 설정이 되어 있어서 제목이 길어질 경우 잘립니다. 

이 부분을 수정을 하도록 하겠습니다. 

 

# 포스팅 제목 줄 수 늘리기 

1. 먼저 스킨편집으로 들어가 CSS 로 들어갑니다. 

2. 2776번  .article-header  .title-article  이 부분을 찾습니다. 

 

 

 

그리고 사진에 보시는 바와같이 -webkit-line-clamp : 2 

이것을 숫자를 변경합니다. 

제목이 2줄로 나오게 설정이 되어있으니 5이상으로 설정하시면 충분합니다. 저는 8로 했습니다. 

# 카테고리 제목 줄 수 늘리기 

홈이나 카테고리의 스타일은 4유형으로 선택할 수 있는데요.  한가지만 쓰시려면 한가지만 하셔도 되는데 오딧세이 스킨의 특징은 각 카테고리 별로 컨셉에 맞게 스타일을 변경할 수 있어요.  ('포스터 타입'도 있는데 사진이 다 잘려 나와서 개인적으로 별로 였습니다. 그래서 제목 줄 수 늘리는 부분은 아예 찾지도 않았고 언급하지 않겠습니다 . )

 

 

 

*베이직 타입

1.  스킨편집 css에 들어갑니다. 

2. 2274번 media query - mobile 부분 입니다. (모바일이라 되어있지만 수정해보니 컴퓨터에서 봐도 잘 수정되더라구요.)

 

 

 

3.제목의 높이설정 입니다. 적당히 공간을 확보해야 제목 줄을 늘릴 수 있겠죠.  max-height : 24px;  여기서 숫자를 지워 공백으로 두거나 높은 숫자로 바꿔주세요. 저는 100으로 변경했습니다. 그냥 지우는게 편할겁니다. 처음에 저도 잘 몰라서 100으로 했는데 그냥 지우라는 분이 있더군요. 

4. 그러면 이제 제목 줄 수를 늘려야겠죠. 

-webkit-line-clamp : 1; 여기서 숫자1을 원하는 숫자로 올려주세요. 저는 8로 했습니다. 

 

*이미지 크기 고정 타입
(이건 좀 해깔려서 두가지 다 올려요. 제가 이쪽은 능력자가 아니라서 하나씩 다 해보면서 한거라서요 . ㅠㅠ)

1.위의 방법과 마찬가지로 스킨편집에서 css로 들어갑니다. 

2. 2369 번 .article-type-resize .title  를 찾으세요. 

 

 

 

그리고 사진에서와 같이 해당부분의 숫자를 올려주세요.  저는 원래숫자를 지우고 height 70 , line-clap 8 로 바꾸었습니다.  heigth는 그냥 숫자를 지우고 공백으로 둬도 됩니다. 

 

*이미지 크기 고정 타입 -제목 줄 수 늘리기

1. 마찬가지로 css로 들어갑니다.  

 

 

2. 사진에 보이는 2304 부분을 찾아주세요. 

3. height 의 숫자를 지우고 공백으로 두거나 더 높은 숫자로 변경해주세요. 저는 60px로 했습니다. 

그리고  밑에 line-clamp 역시 8로 변경해주세요.

 
*이미지 비율 유지타입

1.2169번 찾아서 표시항 부분을 공백으로 둡니다 .

자~  이제 다 끝났어요.  잘 변경 되었나요 ? 

오딧세이 스킨은 카테고리별로 4가지 타입 중 원하는 타입으로 설정을 할 수 있는 장점이 있습니다. (포스터 타입은 개인적으로 별로여서 안쓸거라서 언급하지 않았어요. 사진이 다 잘려 나와서 별로에요)

사진 위주의 카테고리라면 '이미지 비율 고정 타입'이 좋겠구요. 

텍스트 위주인데 사진이 들어갈때도 있고 없을때도 있다면 '베이직 타입'이 좋겠죠. 

보통 베이직타입을 많이들 하시더라구요. 

깔끔하게 정돈되보이는게 좋다고 하면 '이미지 크기 고정 타입'이 좋겠네요. 

 

저는 아직 오딧세이 스킨을 적용시키지는 않았는데요.  

다른 블로그를 하나 더 만들면 오딧세이로 할 예정입니다.  

이미지 비율유지 타입이 너무 맘에들어요.