본문 바로가기
반응형

티스토리 꾸미기3

블로그 포스트 수동으로 목차 만들기 블로그 포스팅을 할 때 중요하게 목차를 만들어주면 SEO에 좋은 요소가 되고 읽는 사람에게도 도움이 됩니다. 자동으로 목차를 만들어주는 코드들도 많이 있지만 수동으로도 목차를 만들 수 있습니다. 웹사이트 속도 측면에선 수동으로 목차를 만드는게 더 빠릅니다. 오늘은 어떻게 목차를 만들 수 있는지 알아보도록 하겠습니다. 목차 목차 리스트 작성 제목에 id 넣어주기 목차 리스트에 링크 걸어주기 목차 리스트 작성 목차를 넣고자 하는 위치에 목차 리스트를 넣어줍니다. 목차와 내용의 제목, 소제목을 리스트로 만들어주면 됩니다. 아래의 예시와 같이 작성해주세요. (예시) 목차 제목1 소제목 1-1 소제목 1-2 제목2 소제목 2-1 소제목 2-2 소제목 2-3 제목에 id 넣어주기 html 편집모드로 변경하여 h태그.. 2023. 9. 13.
티스토리 블로그에 네이버 글꼴 설정하기 구글 폰트말고도 네이버에서 무료로 제공하는 글꼴들이 있습니다. 네이버 글꼴에는 나눔글꼴(35종), 마루부리글꼴(5종), 클로바 나눔손글씨(109종)으로 다양한 폰트를 공유하고 있습니다. 구글 폰트에도 없는 이쁘고 세련된 글꼴이 많아 블로그에 적용하기 좋습니다. 오늘은 네이버 무료 글꼴을 다운받지 않고 티스토리 블로그에 적용시키는 방법에 대해 알아보겠습니다. 네이버 글꼴 티스토리 블로그에 적용하기 STEP1. 네이버 글꼴에서 마음에 드는 글꼴 선택 아래 네이버 글꼴 링크에 들어가봅시다. https://hangeul.naver.com/font 네이버 글꼴 모음 네이버가 만든 150여종의 글꼴을 한번에 만나보세요 hangeul.naver.com 목록에서 맘에드는 폰트를 골랐다면 클릭해줍니다. STEP2. 링크.. 2023. 2. 10.
티스토리 표 테두리 없애기_데스크탑 모바일 모두 적용가능 티스토리에서 글을 쓸 때 표를 넣고 테두리 없음을 해도 미리보기나 글 발행후 봤을 때 테두리가 남아있는 것을 볼 수 있습니다. 필요에 따라 표의 테두리를 꼭 없애야 하는 경우에는 답답할텐데요, 어떻게 해야 완벽하게 테두리를 없앨 수 있는 지 오늘 알려드리겠습니다. 일단 html을 건드려야 합니다. 복잡하지 않을까하는 걱정은 하지 않으셔도 됩니다. 필요한 자리에 복사붙여넣기만 하면 되니 한번 봅시다. 표 테두리 없애는 방법 테두리가 없어지지 않는 문제를 해결하기 위해서는 html로 각 셀마다 테두리 없애는 작업을 해줘야 합니다. 글에 3*2 표를 넣으면 html에는 아래와 같은 코드가 생성됩니다. 이 코드의 모든 style영역에 border:none;을 삽입해주면 됩니다. 위 코드에서 수정하면 아래와 같습.. 2023. 2. 9.
반응형