본문 바로가기

티스토리 꾸미기5

티스토리 라꼬스킨 숫자 리스트 수정하는 방법 (글자 크기, 색상, 들여쓰기) 티스토리 블로그에는 리스트 기능이 있는데요. 활용하면 정보를 잘 정리하여 전달할 수 있어서 자주 사용하는 편입니다. 특히 숫자 리스트는 순위를 매기거나 순번을 매길 때 유용합니다. 오늘은 숫자 리스트의 글자크기와 색깔을 변경해 보고, 들여 쓰기까지 해서 깔끔하게 보이도록 수정해 주겠습니다. 티스토리 숫자 리스트 변경하기 위 사진은 라꼬스킨으로 변경 후 손대지 않은 숫자 리스트의 모습이에요. 우리는 위 부분을 아래처럼 수정해 주겠습니다.  들여 쓰기를 적용했고, 글자 크기를 조금 더 키웠어요. 색상도 변경되었습니다. 그럼 이제 수정 방법을 하나씩 차근히 설명드릴게요~   1. 블로그관리에 들어가서 꾸미기의 '스킨편집'을 클릭합니다.  2. 스킨편집의 'html 편집'을 클릭합니다.  3. 'CSS' 버튼을.. 블로그운영 2024. 8. 28.
티스토리 꾸미기, '카테고리의 다른 글' 리스트 제목 2줄로 변경하는 방법 (feat.라꼬스킨) 블로그 글을 다 읽고 나면 마지막 부분에 '카테고리의 다른 글' 리스트가 나오는데요. 이 부분을 모바일뷰로 보면 제목이 잘려 보입니다.제목을 전체 다 보일 수 있게 변경해 주는 방법을 알려드리겠습니다. '카테고리의 다른 글' 리스트 제목 2줄로 변경하는 방법 PC버전에서는 줄 칸이 길어서 잘리는 일이 거의 없지만 모바일버전에서는 제목이 1줄로 보여 거의 잘리게 됩니다. 이 부분을 위의 사진처럼 다 노출되도록 변경해 보겠습니다.   1. 첫 번째로 블로그관리에서 꾸미기 탭의 '스킨편집'을 클릭해 주세요.  2. 스킨편집 창에서 html 편집을 클릭해 주세요.  3. CSS 글자를 눌러 CSS 편집 창으로 변경해 줍니다.4. CSS 창에 커서를 한 번 클릭한 뒤, Ctrl+F 하여 "category th {.. 블로그운영 2024. 8. 6.
티스토리 꾸미기, 블로그 홈 화면에서 포스팅 제목 안 잘리게 하는 방법 (feat.라꼬스킨) 이전 포스팅에서 티스토리 링크 포스트가드 제목 수정을 알려드렸는데요. 이번엔 블로그 홈 화면에서 보이는 포스트 제목이 잘리지 않고 전체 노출될 수 있게 수정해 보겠습니다. 블로그 홈 화면에서 포스팅 제목 다 보이게 하는 방법 홈 메인에서 보면 기본적으로 포스트 제목이 1줄입니다.하지만 제목이 길 경우에는 잘려서 저는 2줄로 노출되게 수정하여 사용하고 있습니다.  모바일버전에서도 제목이 잘리지 않고 잘 나오죠?변경하실 분들은 차근히 따라와 주세요.   1. 블로그 설정에서 스킨 편집으로 들어갑니다.  2. html 편집 클릭  3. CSS 편집에서 Ctrl+F로 ".post-item .title" 찾기4. 총 9개의 검색 중에서 3번째 부분을 수정하겠습니다.5. 제가 줄 친 white-space: 부분을 .. 블로그운영 2024. 8. 6.
티스토리 꾸미기, 링크 포스트가드 제목 2줄로 변경하는 방법 (feat.라꼬스킨) 오늘은 외부링크든 내부링크든 포스팅에 추가하실 때 제목이 길어서 잘리는 부분을 해결하는 방법을 알려드리려고 합니다. 별로 어렵지 않으니 차근히 따라와 주세요~ 티스토리 링크 포스트가드 제목 2줄로 변경하는 방법 티스토리에서 링크를 넣고 엔터를 치면 저렇게 포스트 가드가 생성이 되는데요. 제목이 길면 잘려서 보이지 않죠. 그래서 위와 같이 2줄로 제목이 노출되게 바꿔보겠습니다.  모바일 버전도 제목이 2줄로 보이는 게 훨씬 괜찮아 보이죠?참고로 제가 사용하는 라꼬스킨 CSS 편집이니 다른 스킨을 사용하시는 분은 수정이 다를 수 있는 부분 참고해서 봐주세요. 그럼 이제 수정을 시작해 볼게요. 1. 포스트가드 여백 줄이기제목을 두줄로 바꾸기에 앞서 제목 위의 여백을 줄여줘야 합니다.안 그러면 글자가 중앙에 오.. 블로그운영 2024. 8. 6.
티스토리 블로그 라꼬 스킨 PC 모바일 뷰, 글자 높이 간격(본문 문단) 수정하기 요즘 많은 분들이 라꼬 스킨을 사용하고 계신데요.라꼬 스킨이 성능도 좋은데 가성비가 좋아서 많이 추천되고 있죠. 저도 라꼬스킨을 만족하면서 사용 중입니다. 다만 모바일뷰로 보았을 때 글자 높이 간격 부분이 좁아서 답답한 면이 있었는데요. 간단하게 수정하고 좀 더 가독성 좋은 블로그로 바꿔보겠습니다. 그럼 시작합니다! PC버전 글자 높이 간격 수정 먼저 PC버전으로 볼 때 본문 문단의 간격을 수정해 보겠습니다. 기본 세팅이 35px로 되어 있어서 줄 바꿈 했을 때 간격이 너무 커서, 저는 수정해서 사용하고 있는데요. PC버전 간격은 스킨편집에 들어가서 쉽게 수정할 수 있습니다.  1. 블로그 설정에서 꾸미기의 스킨편집 클릭  2. 스크롤을 제일 밑으로 내려 root 칸의 본문 문단 간격(px) 수정 후 적.. 블로그운영 2024. 7. 26.

티스토리툴바