저와 같은 갈증을 느끼는 분이 계실 것 같아서 내용 공유합니다.
티스토리 블로그는 언뜻 보면 예쁜 듯 하지만, 상당히 거슬리는 부분이 많이 있습니다. 본인이 HTML, CCS를 능숙하게 다룬다면 전혀 문제가 되지 않겠지만, 상당수의 유저는 HTML, CCS가 뭔지도 모르죠??ㅋㅋㅋ
저도 이번에 티스토리 블로그 메인페이지 대표 이미지의 크기가 상당히 신경이 쓰여서 기어코 방법을 알아내서 바꾸고 말았습니다. 저와 같은 심정을 가진 분들을 위해 이 포스팅을 작성합니다.
0단계. 현상 파악
아래 사진과 같이 티스토리블로그 메인 페이지의 사진의 크기와 비율이 너무 거슬립니다. 그냥 넘어가자고 생각을 해도 넘어가지지가 않습니다. 거슬려 거슬려 거슬려 거슬려 거슬려 거슬려!!
이 놈의 사진을 내가 원하는 비율로 바꿔야겠다는 마음이 굉장히 많이 듭니다. 바꿔 바꿔 바꿔!!
1단계. 사진 크기 조정
- HTML 편집 - CCS 탭으로 이동합니다.
스크롤을 쭉~ 내리시다 보면 (꽤 많이 내려야 합니다.) 아래와 같은 코드를 발견하게 됩니다. 여기에서 정말 중요한 것은 Width와 Height입니다. 아래 사진의 박스 친 곳의 값을 변경해줍니다. 사이즈는 본인 취향에 맞게 변경해주시면 됩니다. 전 160px로 변경했지만, 200px로 변경해도 되고, 그 이상도 이하도 가능합니다.
변경 전.
변경 후.
여기까지 했다면 메인 페이지는 이렇게 변경이 되었을 겁니다. 어라? 크기는 내가 원한 데로 커졌는데, 비율이 안 맞는 걸 보게 됩니다.
2단계. 사진 비율 조정
HTML 탭으로 이동합니다. 스크롤을 내려서 아래 사진과 같은 부분을 찾아주고, C 230x300 부분을 수정해주면 됩니다. 저는 R200x200으로 했습니다.
변경 전.
변경 후.
최종 결과물
여기까지 하면 내가 원하는 크기의 사진이 메인 페이지에 표시되기 시작하였습니다. 이제야 좀 마음이 후련해지네요.
댓글