본문 바로가기
반응형

기타/Blog11

[Tistory] 티스토리 블로그 포스트에 목차 넣는 방법 이번 포스트에서는 티스토리 블로그 포스트에 목차를 자동으로 넣는 방법에 대해 알아보겠습니다. 블로그 포스트의 길이가 길어지면 글의 전체 구조를 한눈에 파악하기 힘들어질 수 있습니다. 이럴 때 포스트 상단에 목차(TOC, Table Of Contents)를 넣어주면 글의 구조를 한눈에 파악할 수 있고, 원하는 정보를 바로 찾아갈 수 있어 편합니다. 특히 목차를 포함하고 있는 글은 검색엔진 최적화에도 도움이 된다고합니다. 검색 랭킹 상위에 자주 랭크되는 위키 문서의 경우 문서의 앞쪽에 목차를 포함하고 있는 것을 볼 수 있습니다. 티스토리에서는 목차를 자동으로 생성하는 기능을 제공하지 않습니다. 하지만 파일 업로드와 스킨 편집 그리고 서식을 이용해서 손쉽게 자동 목차 기능을 구현할 수 있습니다. 목차 파일 업.. 2023. 10. 17.
티스토리 접속시 '400 Bad Request' 문제 해결 방법 어느날 갑자기 크롬에서 티스토리 블로그에 접속할 경우 '400 Bad Request' 에러가 발생했다. 티스토리 블로그를 관리하기 위한 관리 페이지 접속이 안되는 것은 물론이고, 티스토리 블로그에 발행되어 있는 글들을 확인할 수도 없었다. 티스토리 서버에 장애가 있는지 찾아봤지만 그런 공지는 없었다. 커뮤니티에도 티스토리 장애에 대한 글은 없었다. 무엇보다도 다른 웹 브라우저를 통해 접속해보니 접속이 잘 되었다. 결국 메인 웹 브라우저로 사용하고 있는 크롬의 설정 문제인 것으로 보였다. 400 Bad Request 오류 해결방법 블로깅은 물론이고 업무에 필요한 개발 문서들도 조회가 안되는 터라 문제 해결을 진행하기로 했다. [설정] - [개인정보 및 보안] - [인터넷 사용 기록 삭제] 탭을 찾아 들어간.. 2023. 2. 17.
[티스토리] 페이지 기능 소개 및 사용 방법 티스토리에는 페이지라는 기능이 있습니다. 페이지는 일반적인 글쓰기 기능으로 발행되는 블로그 포스트와는 다른 성격의 글입니다. 사실 잘 사용되는 기능은 아니며 꼭 페이지 기능을 사용하지 않고 일반 글쓰기를 이용해 동일한 기능으로 사용할 수도 있습니다. 티스토리가 지원하고 있다는 정도만 알고 있는 페이지 기능에 대해서 알아보겠습니다. 티스토리 페이지 티스토리의 페이지 기능은 고정으로 사용되는 페이지를 만드는 기능입니다. 예를 들어 블로그 소개, 글쓴이에 대한 소개 글을 페이지로 작성해서 티스토리 메뉴에 링크시켜 사용 할 수 있습니다. 티스토리의 관리모드로 들어가보면 '글관리' 항목 밑에 '페이지 관리' 항목을 통해 사용할 수 있습니다. 이 메뉴를 클릭하면 이전에 작성한 페이지 리스트들을 확인할 수 있습니다... 2022. 9. 23.
[티스토리] 북클럽 스킨 글자 크기, 줄 간격, 글자 간격 조정 - 가독성 향상 블로그의 기본은 글입니다. 좋은 글이 좋은 블로그를 만드는데요. 글의 내용도 중요하지만 가독성도 중요합니다. 글의 가독성에 가장 큰 영향을 미치는 것은 폰트입니다. 가독성 좋은 폰트를 고르거나 유료 폰트를 구입해서 사용하는 정도까지는 아니지만 글자 크기(폰트 사이즈)를 조정하는 정도는 해볼만합니다. 티스토리 북클럽 글자 크기 조정 우선 관리모드로 들어갑니다. 그리고 꾸미기-스킨편집 페이지로 들어갑니다. 오른쪽 상단에 있는 'html 편집' 버튼을 눌러 CSS 편집창으로 갑니다. 스킨의 HTML과 CSS 그리고 스킨에 필요한 사진같은 리소스 파일을 업로드할 수 있는 메뉴를 볼 수 있습니다. 가운데 있는 CSS 항목을 클릭해주면 스킨의 CSS 편집을 할 수 있는 메뉴가 나옵니다. CSS 에디터에서 .entr.. 2022. 8. 30.
[티스토리] 메뉴 기능 소개 - 메뉴 추가하고 삭제하기 티스토리에는 메뉴 기능이 있습니다. 블로그 레이아웃 상단에 위치한 '홈', '태그', '미디어로그' 같은 것들이 메뉴입니다. 티스토리 플랫폼에서 기본으로 제공하는 메뉴들이 저렇게 스킨에 출력되고 있는데요. 티스토리는 저 메뉴 항목들을 입맛에 맞게 커스터마이징 할 수 있도록 관리 기능을 제공하고 있습니다. 티스토리 메뉴 삭제 태그나 미디어로그, 위치로그 같은 메뉴는 기본으로 설정되어 있기는 하지만 잘 사용되지 않습니다. 따라서 깔끔하게 지워버리고 원하는 메뉴를 추가하도록 하겠습니다. 우선 관리모드로 들어가보겠습니다. 그러면 '꾸미기' 항목 중에 '메뉴'라는 항목을 찾아볼 수 있습니다. 이걸 클릭하면 현재 블로그에 등록되어 있는 메뉴 항목들을 볼 수 있습니다. 메뉴 항목에 마우스를 가져가면 옆에 '삭제' 버.. 2022. 8. 29.
[티스토리] 이미지 복사 금지 설정 방법 이전 글에서 블로그 포스트의 내용에 대한 복사는 막으면서 코드 같은 특정 부분만 복사를 허용하는 방법에 대해서 정리했습니다. CSS를 수정해서 일부 태그에 대해서만 복사를 허용했었는데요. 이전글 : [Tistory] 티스토리 코드 부분만 복사 허용하기 문제는 본문에 올라간 사진에 대해서는 우클릭 후 다른 이름으로 저장하기가 된다는 점이었습니다. 물론 작정하고 퍼갈 경우 캡쳐를 해서 퍼가겠지만 그래도 손쉽게 다운로드는 못하게 막고 싶을 수 있습니다. 이미지 복사 역시 CSS 편집으로 막을 수 있습니다. 다시 관리모드-꾸미기-스킨편집 페이지에서 CSS 편집 창으로 들어갑니다. 스킨에 따라 다른데요. .area_view 를 사용하는 스킨이라면 .area_view img 항목에 pointer-events: no.. 2022. 8. 26.
[티스토리] 코드 부분만 복사 허용하기 블로그를 운영하면서 불펌에 신경이 많이 쓰이는 편입니다. 공들여 작성한 글을 자신이 작성한 글인양 [Ctrl] + C, V로 퍼가서 발행하는 경우가 왕왕있습니다. 그래서 티스토리는 블로거들에게 불펌금지 플러그인을 제공했죠. 하지만 개발 블로그의 경우 소스코드를 복사할 수 없어 불편한 경우가 많이 있습니다. 예제를 따라하면서 배우고 싶은데 소스코드를 복사할 수 없으니 불편합니다. 하지만 본문은 복사할 수 없지만 소스코드 부분만 복사할 수 있게 풀어줄 수 있습니다. 티스토리 스킨의 CSS 부분을 수정하면 됩니다. 우클릭 방지 플러그인 해제 일단 티스토리에서 제공하는 '마우스 오른쪽 클릭 방지' 플러그인을 해제해야합니다. 티스토리의 관리모드에서 플러그인 메뉴를 선택하면 '마우스 오른쪽 클릭방지' 플러그인이 있.. 2022. 8. 26.
티스토리 소제목 꾸미기 - h1, h2, h3, h4 태그에 css 적용 티스토리 스킨 중에 h1, h2, h3, h4 태그가 밋밋한 경우가 많이 있습니다. 발행된 글을 보면 소제목이라고 붙여 넣었지만 중간에 글자만 조금 클 뿐 소제목으로 와닿지 않는 경우가 많은데요. 이 경우 스킨 편집에서 css만 적용해도 소제목처럼 보이게 만들 수 있습니다. 예를 들어 이런식으로 '애플 3m 썬더볼트 4 프로 케이블' 이라는 소제목과 '썬더볼트 4'라는 소제목이 있습니다. 본문에 비해서 글자가 조금 더 크고 볼드 처리되어 있을 뿐 소제목이라는 느낌이 확 와닿지 않습니다. 티스토리 소제목 꾸미기 티스토리 스킨 편집 기능을 이용해서 소제목을 좀 더 소제목처럼 보이게 만들 수 있습니다. 티스토리 관리 메뉴에서 '스킨편집'을 들어가서 html 편집을 누릅니다. CSS 탭을 찾아들어가서 '.ent.. 2022. 5. 10.
[Blog] 블로그 포스트에 사용할 무료 이미지 조회 사이트 블로그 포스팅을 하다보면 중간중간 적당한 이미지를 섞어주는 것이 글에 대한 집중도를 높이는데 도움을 주기도 합니다. 하지만 블로그 포스트에 사용할 정도의 고급 이미지는 저작권이 있는 경우가 많이 있는데요. 인터넷 검색으로 얻은 이미지를 함부로 블로그에 올리다가 나중에 저작권 관련 소송을 당할 수도 있습니다. 블로그의 사이즈가 작았을 때에는 저작권을 별로 신경을 안쓰는 분들이 많은데요. 블로그가 커지고 영향력이 커지면 문제가 생길 가능성이 높습니다. 특히나 이미지, 사진, 글, 영상, 폰트 등을 사용할 때에는 저작권 문제가 없는지 항상 신경써야 합니다. 무료 이미지 검색 사이트 하지만 온라인에는 이미지와 사진을 무료로 공유해주는 아주 착한 사람들도 많이 있습니다. 무료 이미지를 검색하고 다운로드 할 수 있.. 2021. 7. 2.
반응형