본문 바로가기
thumbnail [티스토리 초기설정] <h1> 태그 2개 중복 문제 해결 웹 페이지들은 하나의 h1 태그만 사용하는 것이 좋습니다. h1 태그가 2개 이상 존재하는 경우 검색 엔진에게 혼란을 줄 수 있습니다. 그러나 티스토리 블로그는 처음부터 h1 태그가 2개가 되는 문제점이 있습니다. h1 태그가 2개 이상 있어도 실제로 우리가 사용하는 데는 별다른 문제가 없지만 검색엔진에서 원활하게 검색되도록 하기 위해서는 가능하면 h1 태그는 하나만 사용하는 것이 좋습니다. ■ 티스토리 블로그 문제점 : 태그가 2개 존재 티스토리 블로그에는 태그를 사용하는 제목이 2개 존재하는 문제점이 있습니다. '블로그 전체의 타이틀(제일 위에 나오는 제목)'과 '개별 포스팅의 제목' 두 가지 모두 태그를 사용하고 있기 때문입니다. 따라서 개별 포스팅 기준에서 살펴보면 문서에 태그가 2개 있는 셈이 .. 2021. 11. 7.
thumbnail 티스토리 블로그 글 리스트에 구분선(가로줄) 넣기 티스토리 블로그의 글(포스팅) 리스트에 가로줄(구분선)을 넣는 방법입니다. 현재 저는 스킨은 "북클럽(Book Club)"을 사용하고 리스트 타입은 "뉴북"으로 사용하고 있습니다. 그렇지만 글 리스트에 가로줄 넣는 방법은 아마 다른 스킨들도 같은 방법으로 사용하실 수 있을 겁니다. ■ 북클럽 스킨 글 리스트에 구분선(가로줄) 넣기 샘플로 제 블로그의 글 리스트를 가져왔습니다. 아래 그림과 같이 글의 제목과 본문 일부분이 왼쪽편으로 나타나고, 오른쪽편으로는 썸네일이 표시되고 있습니다. 글과 글 사이에는 현재 아무런 구분선 없이 공백으로 되어 있는데요, 뭔가 허전한 느낌이라 구분선을 넣어 보기 좋게 만들고자 합니다. "블로그 관리 → HTML 편집 → CSS파일"로 이동해줍니다. CSS에서 2248번열 부근.. 2021. 11. 3.
thumbnail 티스토리 블로그 '리스트' 기능 폰트 사이즈 및 들여쓰기 등 수정하기 티스토리 블로그 에디터를 활용하여 포스팅을 작성하실 때 사용하시는 기능 중에 '리스트' 기능이 있습니다. 아래 그림과 같이 3가지 종류의 목록(검은색 동글뱅이, 하얀색 동글뱅이, 숫자)을 선택하여 사용하는 기능인데, 해당 아이콘 위에 '마우스 오버'를 해보면 '리스트'라고 나타나기 때문에 '리스트' 기능이라고 부르겠습니다. ■ '리스트' 기능 스타일 수정 필요성 이런저런 글을 작성하다 보면 주요 내용들을 List-up 하여 정리할 필요가 있는데, 이때 사용하기 좋은 기능이 바로 이 '리스트' 기능입니다. 저 역시 이 기능을 매우 애정 하며 사용하고 있는데요. 그런데 '리스트' 기능을 이용하여 작성된 부분의 폰트 사이즈나 들여 쓰기, 윗줄과 아랫줄 사이 간격 등이 마음에 들지 않는 부분이 많았습니다. 아마.. 2021. 11. 2.
thumbnail 티스토리 블로그 제목(h1~h4) 및 본문(p) 폰트 사이즈 조절 티스토리 블로그 에디터에서 포스팅을 작성하는 과정에서 폰트 사이즈(제목 1, 제목 2, 제목 3, 본문 1, 본문 2, 본문 3)를 활용하여 글을 작성하고 계실 겁니다. 여기서 각각의 폰트 사이즈를 조절하는 방법에 대해서 알아보겠습니다. ■ 제목(h1~h4) 폰트 사이즈 조절하기 에디터 우측 상단을 보시면 기본적으로 '본문 2'로 세팅되어 있는 부분이 보이실 텐데, 이 부분을 눌러주시면 '제목 1, 제목 2, 제목 3, 본문 1, 본문 2, 본문 3'과 같이 폰트 사이즈를 조절할 수 있도록 되어 있는 부분이 보이실 겁니다. 아마 다들 글을 작성하실 때 이미 사용하고 계실 것 같은데요. 여기서 선택되는 항목에 따라 정해진 폰트 크기로 글이 작성됩니다. 그런데, 이 크기가 마음에 들지 않아 수정하고 싶은 경.. 2021. 10. 30.
thumbnail [티스토리 초기설정] 북클럽 스킨 썸네일 수정방법 (정사각형 만들기) 블로그 글 목록에 표시되는 썸네일의 사이즈때문에 이미지가 잘려 나오는 경우 수정하는 방법입니다. 현재 북클럽 스킨을 사용하고 있는데, 정성껏 만든 썸네일이 좌우로 잘려서 예쁘게 나오지 않는 관계로 썸네일 사이즈를 정사각형으로 변경하는 방법을 알아보겠습니다. ■ 좌우가 잘려나가는 썸네일 이미지 (아래 위로 긴 직사각형 형태) 아래 그림과 같이 현재 블로그 글 목록의 썸네일 이미지가 좌우로 잘려나가는 문제가 있습니다. 북클럽 스킨 자체가 책을 소개하는 목적으로 만들어진 스킨이다 보니 책 모양에 알맞도록 아래 위로 약간 긴 책 형태의 썸네일 사이즈를 가지고 있는것 같습니다. 글에 포함되는 썸네일 자체를 현재 사이즈에 알맞은 형태로 제작하여 사용하는 방법도 있겠으나, 개인적으로 정사각형 모양이 더 마음에 드니,.. 2021. 10. 17.
thumbnail [티스토리 초기설정] 글 제목 배경 크기 줄이기 및 관련 설정하기 티스토리 블로그 포스팅 제목이 표시되는 부분은, 글에 포함된 이미지(썸네일)가 배경이 되고 글 제목이 그 위에 표시되는 형식으로 되어 있습니다. 배경의 크기가 너무 크다 생각되어 줄이고 싶거나, 제목 폰트 크기를 변경하고 싶을 때 방법을 말씀드리겠습니다. ■ 블로그 포스팅 상단 조절 필요성 아래 샘플 화면과 같이 글을 작성하고 나니 마음에 들지 않는 부분들이 생겼습니다. 해결해보고자 합니다. 제목의 배경이 되는 부분(보라색 이미지)이 아래 위로 너무 넓어서 화면에서 너무 많은 부분을 잡아먹는다. 제목 글자 크기를 더 키우고 싶다. (또는 더 줄이고 싶다) 배경이 되는 썸네일 이미지가, 제목 글자와 중첩되어서 읽는데 방해가 된다. 1) 포스팅 제목(타이틀) 배경 이미지 크기 줄이기 제목 배경의 크기를 조절.. 2021. 10. 16.
반응형