티스토리 커버 스킨 3종 중 whatever 스킨의 최근글 글자크기 조정해 보기.

일상다반사|

::: 목차 :::

보고싶은 글을 선택하면 본문 내용으로 바로 이동하여 볼수 있습니다.

    현재 이 티스토리 블로그에 쓰고 있는 스킨은  whateve스킨입니다.   나온지 얼마되지 않아서 인지 스킨 수정하는 자료들이 검색을 해 봐도 많이 보이질 않습니다.  나름 깔끔게 보여 이 스킨을 사용해야 겠다고 생각이들어 바로 적용해서 사용하고 있습니다.   블로그 운영 도중 되도록 스킨 변경을 하지 않기 위해 이리저리 무료스킨도 알아봤는데, 이번에 나온 whatever스킨이 맘에 들어 적용해 봤습니다.   본문 제목이나 글자, 태그, 사이드 최근글, 폰트변경 방법등은 쉽게 검색이 되어 적용 할 수 있는데, 블로그 첫페이지의 최근글 리스트 글자를 수정하는 곳은  제가 못 찾아서 그런지 검색을 해 봐도 보이질않습니다. 

     

    저도 html, csss에 잘 모르고 , 따라하는 수준밖에 되지 않기에, 소소한 작은 정보가 누군가에겐 도움이 되는 걸 알기에  티스토리 whatever스킨의 첫페이지의 최근글 리스트 목록의 글자를 바꾸는 방법에 대해  간단히 적어봅니다.  첫페이지에 커버 스킨이 적용되지만 전 그냥 #1 스킨 처럼 간단히 썸네일로 최근글을 보여주는게 좋아 사용하고 있습니다.

    기존 최근글을 적용했을땐 글자 크기가 작아  가독성이 별로 입니다.  pc화면에서도 그렇고, 모바일 화면에서도 마찬가지로 글자크기가 작아 가독성이 안 좋아 보입니다.

     

    티스토리-->스킨편집-->HTML, ccs 중 css로  들어가 주세요.

     

    우선 pc에서 첫페이지의(메인) 최근글 리스트 글자크기 조성하는 부분입니다.

    스킨을 조금 수정한 부분이 있어 위치가 조금 틀릴 수 있는데, 많이 차이나지는 않을 듯 합니다.

    860번에 있는 font-size: 0.975em로 해 주면  pc화면에서  최근글 글자가  기존보다 약간 더 크집니다.  저는 0.92em정도로 했습니다.  저는 스킨 수정한 부분이 있어 860번에 있지만, 처음 스킨 적용하면 약간 틀리겠지만, 그렇게 많이 차이 나지 않는 곳에 있을 듯 싶습니다.  수정후 아래처럼 pc화면에서 최근글이 약간 더 커졌습니다.

    글자 크기를 약간 크게 수정하니  훨씬 잘 보이고, 괜찮아 보입니다. pc화면에서 보여지는 최근글 수정은 됐습니다.

     

    이제 모바일 화면에서도 최근글 글자 크기 수정할려면 다른 부분을 수정해 줘야 합니다.

    위의 2353번에 있는 font-size: 0.95em으로 변경해 줬습니다.  최근글 제목글자 수정은 2348번에 있는 font-size: 부분을 수정해 주니 변경되네요.  저는 2353번 위치이지만 스킨 수정이 조금 있으므로, 처음 스킨 적요하면 위치가 약간 틀릴듯한데, 크게 차이는 나지 않을 듯 합니다.

    아주 보잘것 없는 내용이지만, 스킨 수정이 생소한 누군가에겐 작은 도움이 되었으면 합니다.

    댓글()