Accounted/Tistory Skin11 글 본문의 Headings 글꼴 크기 수정 (feat. 밑줄 넣기) | hELLO 스킨 커스터마이징 005 결과물 미리보기 Headings 글꼴 크기 수정 티스토리에서 글쓰기를 할 때 제목1, 제목2, 제목3 은 나중에 발행했을 때 각각 h2, h3, h4 가 된다. 여기에서 h1 이 빠진 이유는 글 제목 = h1 이기 때문이다. 수정 전 (Before) 과 후 (After) 의 Headings 글꼴 크기 값은 아래 표에서 보는 바와 같다. 기존 값보다 적게는 0.125rem 많게는 0.25rem 을 크게 수정하였다. Before After h2 1.25rem 1.5rem h2 (1100px 이상) 1.5rem 1.625rem h3 1.125rem 1.25rem h3 (1100px 이상) 1.25rem 1.375rem h4 1rem 1.125rem h4 (1100px 이상) 1.125rem 1.25rem H2.. 2023. 8. 12. 글 목록의 글꼴 크기와 줄간격 수정, 글 제목과 요약문의 줄 수 제한 | hELLO 스킨 커스터마이징 004 이 글에서는 블로그 첫 화면에서 리스트 형식으로 표시되는 글 목록의 글꼴 크기와 줄간격을 수정하고, 리스트는 물론 그리그 형식으로 표시되는 화면에서 글 제목과 요약문의 줄 수를 제한하는 CSS 코드를 삽입하였다. 추가로 모바일 환경에서 글과 글 사이 간격을 넓혀서 명확히 구분되도록 수정하였다. 결과물 미리보기 블로그 첫 화면에서 글 목록의 글꼴 크기와 줄간격을 수정하고, 글 제목과 요약문의 줄 수를 제한한 결과 화면은 아래 그림에서 보는 바와 같다. 글 목록 (리스트) 의 글꼴 크기와 줄간격 수정하기 우선, 수정할 부분의 HTML 또는 CSS 코드를 찾아서 편집하는 방법은 아래 링크를 참조하면 좋다. 사이드바 카테고리 "분류 전체보기" 삭제 | hELLO 스킨 커스터마이징 002 사이드바 메뉴 정리 사이.. 2023. 8. 11. 사이드바 글꼴 크기와 줄간격 수정 | hELLO 스킨 커스터마이징 003 결과물 미리보기 사이드바에 표시되는 프로필, 방문자 수, 카테고리의 글꼴을 수정한 결과물은 아래 그림에서 보는 바와 같다. 그런데 수정하는 동안 방문자 수가 5명 늘었네? 이 글의 아래 부분에서는 사이드바에서 표시되는 위치에 따라 크게 프로필, 방문자 수, 카테고리의 순서로 글꼴 및 줄간격을 수정하는 과정을 설명한다. 수정할 부분의 HTML 또는 CSS 코드를 찾아서 편집하는 방법은 아래 링크를 참조하면 좋다. 사이드바 카테고리 "분류 전체보기" 삭제 | hELLO 스킨 커스터마이징 002 사이드바 메뉴 정리 사이드바 카테고리 "분류 전체보기" 를 삭제하기 전에, 우선 사이드바에서 필요하지 않은 부분은 과감히 제거했다. 물론 영원히 삭제하는 것은 아니고, 나중에 다시 가져와 plave.tistory.co.. 2023. 8. 7. 사이드바 카테고리 "분류 전체보기" 삭제 | hELLO 스킨 커스터마이징 002 사이드바 메뉴 정리 사이드바 카테고리 "분류 전체보기" 를 삭제하기 전에, 우선 사이드바에서 필요하지 않은 부분은 과감히 제거했다. 물론 영원히 삭제하는 것은 아니고, 나중에 다시 가져와서 표시할 수도 있다. 정리한 사이드바 메뉴와 정리하게 된 간략한 이유는 아래와 같다. 블로그 메뉴: 지금 당장은 필요 없음 공지사항: 지금 당장은 필요 없음 인기 글: 지금 당장은 필요 없음 태그: 사이드바 공간을 너무 많이 차지해서 앞으로도 사용하지 않을 예정 최근 댓글: 지금 당장은 필요 없음 (댓글 거의 없 ㅠㅠ) 최근 글: 블로그 첫 화면으로 대체 가능하니 앞으로도 사용하지 않을 예정 살아남은 사이드바 메뉴는 프로필, 방문자 수, 검색, 카테고리, [광고] adsense 의 순서이며, 위 캡쳐 화면의 오른쪽 부분.. 2023. 8. 6. 블로그 첫 화면은 리스트, 카테고리 글 목록은 그리드 | hELLO 스킨 커스터마이징 001 hELLO 스킨 커스터마이징 시작 며칠 전에 Book Club 스킨에서 hELLO 스킨으로 변경했다 (아래 글 참조). 이 글에서는 hELLO 스킨 커스터마이징의 시작으로서 관리자 화면 > 꾸미기 > 스킨 편집 메뉴에서 손쉽게 변경 가능한 옵션들을 설정한다. 티스토리 스킨 변경 (Book Club > hELLO) 티스토리 스킨 변경 (Book Club > hELLO) 지난 2021년 9월 말에 티스토리 스킨을 Poster 에서 Book Club 으로 변경한 이후, 약 2년 간 잘 사용하던 Book Club 스킨을 이번에 hELLO 스킨으로 변경했다. hELLO 스킨 소개 hELLO 스킨은 정상우 (pronist) 님이 plave.tistory.com 관리자 화면 > 꾸미기 > 스킨 편집 티스토리 관리자 .. 2023. 8. 4. 티스토리 스킨 변경 (Book Club > hELLO) 지난 2021년 9월 말에 티스토리 스킨을 Poster 에서 Book Club 으로 변경한 이후, 약 2년 간 잘 사용하던 Book Club 스킨을 이번에 hELLO 스킨으로 변경했다. hELLO 스킨 소개 hELLO 스킨은 정상우 (pronist) 님이 티도리 프레임워크를 이용하여 개발 및 무료 배포하고 있는 깔끔하고 단순한 디자인의 티스토리 스킨이다. hELLO 스킨에 대한 자세한 설명과 다운로드는 아래 웹페이지 링크를 참조. hELLO 티스토리 스킨을 소개합니다. — hELLO. (pronist.dev) hELLO 티스토리 스킨을 소개합니다. hELLO 스킨은 초기에 기능이 많이 없었다가, 티스토리 블로거 여러분의 호응에 힘입어 기능의 추가와 함께 업데이트를 여러 번 하게 되었습니다. hELLO 1.. 2023. 8. 3. 관련 글 리스트 썸네일과 제목 위치 수정 (HTML, CSS) | 북클럽 스킨 커스터마이징 004 요약 티스토리 북클럽 스킨에서 글 아래에 있는 "관련 글" 리스트의 썸네일 크기를 직사각형에서 정사각형으로 수정했다. 제목이 썸네일에 겹치는 문제도 해결했다. 관련 글 리스트 (수정 전) 티스토리 북클럽 스킨에서 글의 마지막 부분 아래에는 태그, 관련 글, 댓글의 순서로 표시된다. 이 중에서 "관련 글" 부분에서는 아래 그림에서 보는 바와 같이, 관련 글 (썸네일과 간략한 제목) 이 표시된다. 내 생각에 티스토리 북클럽 스킨을 만든 사람은 정사각형을 싫어하거나 직사각형을 좋아하는 듯 하다. 직사각형의 썸네일을 정사각형으로 수정하는 일은 이번이 3번째인데, 마지막이 되었으면 한다. 썸네일 수정 (직사각형 > 정사각형) 스킨편집 > html 편집 으로 들어간 다음, HTML 탭에서 ctrl + F 누르고 ".. 2021. 10. 9. 이전 1 2 다음 반응형
