반응형
안녕하세요. 혹시 티스토리로 만든 홈페이지 보신적있으신가요? 저는 종종 티스토리를 이용해 홈페이지를 만드는데요. 홈페이지를 만들다보면 기존에 있는 스킨만으로는 한계가 올때가 종종있는데요. 오늘은 티스토리 스킨 중 홈페이지용으로 사용하기 가장 적합한 Whatever 스킨에 있는 커버 슬라이드 높이 조절방법을 알아볼게요. *2분이면 변경 가능!
1. Whatever 스킨 커버슬라이드 생성
먼저 Whatever 스킨을 적용한 블로그를 홈페이지 처럼 보이기 위해 스킨편집으로 들어가서 슬라이드를 추가해줍니다.
✔️블로그 관리> 스킨편집> 커버 추가> 삽입슬라이더에 맞는 사진&내용입력 >확인
2. Whatever 스킨 커버슬라이드 높이 조정방법
자, 커버가 생성되었습니다. 이제 확인을 해볼까요? Html편집창에서는 괜찬아 보였지만, 실제로 블로그에 들어가보면 위 사진처럼... 아이고... 🥴사진에 보시는 것과 같이 화면을 다 가려버렸습니다. 높이 조절이 필요하겠죠?
✔️Html편집 > css > Ctrl+f 'cover-slider' 입력 후 엔터 > padding-bottom 부분을 조절하면 크기를 늘리거나 줄일 수 있습니다.
*기본이 40%으로 되어있고 너무 크니, 저는 25%로하겠습니다.
😀짜잔! 하단 썸네일 1줄까지 거의 다 보일정도로 높이조절이 되었습니다. (대만족 :D)
😁훨씬 보기 좋아졌죠? 그런데.. 이미지 위에 제목과 박스가 거슬리네요.. 제목과 박스 지우는 방법은 다음 포스팅에서 알려드리겠습니다. 감사합니다!
■함께보면 좋은 글
728x90
반응형
'블로그 팁' 카테고리의 다른 글
티스토리 whatever 커버 슬라이드 자동 재생 넘어가기 (1) | 2023.04.17 |
---|---|
티스토리 whatever 커버 슬라이드 텍스트, 텍스트 박스 숨기기 설정방법 (0) | 2023.04.14 |
티스토리 모바일(휴대폰) 버전 확대/축소 기능 설정방법 (0) | 2023.04.13 |
티스토리 다음 저품질 해결방법 [블로그 메뉴얼 저품질에 관하여] #2 (15) | 2020.12.18 |