본문 바로가기

#1스킨4

티스토리 #1 스킨 댓글, 태그, 하단 푸터 영역 숨기기 #1 스킨 헤더 영역 숨기기에 이어 푸터 영역을 보이지 않게 설정하려고 합니다. #1 스킨 푸터 영역 숨기기 #1 스킨 푸터 영역을 안보이게 하는 방법은 다음과 같습니다. 스킨편집 > HTML 편집 > CSS 아래의 영역에 display:none; 추가 [수정전] [수정후] 수정 전에는 공지사항, 최근글, 방문자수, 달력 등 여러가지가 표시되었는데, 수정 후에 댓글과 태그라인만 남아있는 것을 볼 수 있습니다. 댓글과 태그라인도 숨기기 댓글과 태그 라인 숨기려면 아래 영역에 display:none; 을 추가하면 됩니다. [수정후] 하단 영역을 보면 공감 버튼을 제외하고 보이지 않는 것을 볼 수 있습니다. 이렇게 수정하면 컨텐츠만 보이기 때문에 글을 보는 사람이 더 집중하는 효과가 있을 것 같습니다. 이상 .. 2023. 8. 6.
티스토리 #1 스킨 헤더 영역 숨기기 티스토리 #1 스킨으로 변경하고 나니 스크롤을 내릴 때마다 따라 내려오는 헤더 영역이 눈에 거슬립니다. 특히 모바일에서 화면은 적은데 저렇게 일부 영역을 차지하면 보는 사람 입장에서 짜증이 날 것 같다는 생각입니다. 비슷한 이유로 구글 앵커 광고를 싫어하는 사람들이 있죠. 그래서 오늘은 헤더 부분이 보이지 않도록 설정하려고 합니다. 그럼 바로 시작할께요! #1 스킨 헤더 안보이게 하기 #1 스킨 헤더 영역을 안보이게 하는 방법은 다음과 같습니다. 스킨편집 > HTML 편집 > CSS 아래의 4군데 영역에 display:none; 추가 원래 4군데 영역에는 display:none; 이라는 속성값이 없는데, 혼동하지 않도록 수정 후의 모습을 캡쳐해서 올립니다. 위의 라인 번호 참고하셔서 똑같이 수정하면 더 .. 2023. 8. 6.
티스토리 #1 스킨 제목(타이틀) 글씨 크기 조정 및 H1 태그 변경하기 티스토리 #1 스킨 본문 글자 크기 조절에 이어 제목 크기를 조정해보려고 합니다. #1 스킨 제목(타이틀) 글자 크기를 보면 조금 과하게 큰 경향이 있습니다. 글자 수가 많으면 보기 안좋을 것 같아서 미리 글자 크기를 조정해보려고 합니다. 그러면 바로 시작하겠습니다. #1스킨 제목 크기 조정 #1 스킨 제목 크기 조절 방법은 아래와 같습니다. 스킨편집 > HTML 편집 > CSS [tit_post] 검색 font=size 변경하여 글자 크기 조정 [수정전] [수정후] font-size 20px #1 스킨 타이틀 H1 태그로 수정 사실 글자 크기보다 더 중요한 건 제목 태그를 H1 태그로 변경하는 것 입니다. 구글 SEO 노출에 유리하게 하려면 제목은 H1 태그를 사용해야 하는데, #1 스킨은 기본적으로 .. 2023. 8. 6.
티스토리 #1 스킨 본문 글자 크기 및 여백 조정하기 티스토리를 하는 분들 중에서 #1 스킨을 사용하는 분들이 많아서 알아보니 스킨 자체가 가볍고 속도가 빨라서 많이들 선호하더라구요. 그래서 이번에 티스토리에서 제공하는 스킨 중에서 #1로 바꿔봤습니다. 처음에 스킨을 변경하면 설정해줘야 하는 부분이 있는데요. 저는 가독성을 높이기 위해서 본문 글자 사이즈와 여백을 조정하는 것이 중요하다고 생각합니다. 참고로 이 글은 #1 스킨 글자 사이즈와 여백을 설정하는 글입니다. 스킨마다 차이가 있으니 다른 스킨을 사용하시는 분은 구글에 [티스토리 + 스킨명 + 글자 크기 조정] 식으로 검색해보시기 바랍니다. #1 스킨 글자 크기 조정 #1스킨 글자 크기와 여백 조정의 순서는 다음과 같습니다. 스킨편집 > HTML 편집 > CSS [area_view p] 검색 font.. 2023. 8. 6.