북클럽 19 Book Club 스킨 NavBar(GNB) 오류 수정 블로그의 대표 페이지 정보를 찾기 쉽게 상단에 배치하는 GNB 메뉴바의 오류 수정 티스토리 Book Club 스킨 (MIT License) 파일: "script.js" 20210402 본문 하단 "5. 추가 수정" - 로딩 속도 향상을 위한 구문 변경 20210403 본문 하단 "6. (아마도) 마지막 수정" - 내비게이션 메뉴바, #GNB의 오류를 모두 수정한 것으로 추측합니다. 1. "홈" 메뉴 이중 링크 수정 2. "홈" 메뉴를 삭제할 경우 처음 메뉴가 잘못 "current" 표시되는 오류 수정 3. 카테고리 경로뿐만 아니라 파일을 메뉴에 등록할 경우에도 "current" 표식 가능 4. 조건문을 하나로 단축하여 로딩 속도 단축 기본 코드의 오류 증상 1. 북클럽 스킨의 기본 코드 스킨 데모 페이지.. 2021. 3. 30. Tistory 블로그 사이드바에 프로필 정보 창 추가하는 요령 (북클럽 스킨) ※ 20210303 등록 방법의 오류 수정 및 반영 ※ 20210220 "skin.html" 파일에 추가하는 코드 수정 티스토리에서 2020년에 제공한 공식 스킨 "Odyssey"에는 사이드바에 블로그의 정보를 전달하는 작은 창을 달 수 있습니다. skin.html을 검색하면 'box-profile'이라는 'class'를 사용합니다. 프로필 정보 창 이미지입니다. 사이드바의 상단입니다. 알기 쉽게 파란색 박스로 블록 처리하였습니다. Odyssey 스킨을 사용한 문화재청의 블로그를 샘플로 전시하여 사용자에게 정확한 스킨 디자인 포인트를 알려 주고 있습니다. 이 프로필 창을 "Book Club" 스킨에 적용하는 요령을 설명하겠습니다. 다른 스킨 사용자는 코드를 자신이 사용하는 스킨에 맞게 수정을 해야 할 것.. 2020. 12. 27. 티스토리 블로그에 구글 검색 엔진 추가 구글 애드센스 가입자는 애드센스 검색엔진을 자신의 블로그나 사이트에 등록하여 이용이 가능합니다. Google 기반 검색엔진을 내 블로그나 사이트에 손쉽게 추가하여 1. 내 블로그 글만 검색 2. 인터넷 검색 마음대로 설정이 가능합니다. 가장 유용한 기능은 블로그에 검색엔진을 장착하고 검색을 하면 검색 결과를 바로 밑에 제시하고 블로그 페이지의 본문 내용을 하단으로 위치 변동합니다. 검색 결과를 별도 페이지에 제시하는 것이 아니라 블로그 본문과 어울리게 보여 주기 때문에 검색을 하기 위하여 블로그를 벗어날 필요가 없습니다. 티스토리 북클럽 스킨 사용하고 있습니다. ※ "skin.html" 파일의 구글 검색엔진 코드입니다. 코드를 많이 수정하여 왼쪽의 라인 숫자는 일치하지 않을 것입니다. 동일한 스킨을 사용.. 2020. 11. 30. 티스토리 북클럽 스킨 사이드바 공지사항, 댓글 길이 조정 티스토리 블로그의 북클럽 스킨에 사이드바 블록을 사용할 때, 공지사항, 최근 글, 최근 댓글의 표시 길이를 조절할 수 있습니다. 아래 이미지는 "공지사항"을 25글자, 32글자, 40글자로 조정했을 때, 블록에 표시된 글자의 길이 변화를 보여 줍니다. 여백을 최대한 활용하여 전달하는 정보의 양을 적당하게 늘리는 것이 좋겠습니다. 글자는 'Byte'를 나타내어 영어와 숫자는 1글자 1바이트, 한글은 1글자 2바이트입니다. 영어 기준으로 설정되어 있습니다. 30글자로 설정하면 한글 15글자가 들어갈 수 있습니다. 25 글자 32 글자 40 글자 "최근글"의 글자 길이와 리스트의 개수 조정 조정하는 옵션이 숨겨진 메뉴를 찾아서 들어가겠습니다. 본인의 블로그에 로그인합니다. '블로그 관리 홈 / 사이드바 '를 .. 2020. 9. 20. 티스토리 북클럽 스킨의 댓글 관련 코드 오류 일부 수정 티스토리에서 제공한 'Book Club' 스킨에 댓글 관련 코드의 일부가 누락되었습니다. 댓글의 등록, 수정, 삭제 과정에 오류가 발생합니다. 모든 오류를 수정하지는 못하고 댓글을 등록하고 새로 고침을 하지 않으면 페이지의 내용이 갱신되지 않는 증상은 고칠 수 있습니다. 수정에 필요한 정보와 소스 코드는 티스토리 관련 페이지를 참고했습니다. 티스토리 / 스킨가이드 / 댓글 티스토리, 치환자 구조, 댓글 리스트입니다. 댓글주소 수정/삭제 댓글쓰기 댓글주소 수정/삭제 Book Club 스킨, 'skin.html' 파일의 455~497 라인입니다. 더보기 댓글주소 수정/삭제 답글 더보기 댓글주소 수정/삭제 2개의 코드를 비교해 보면 북클럽 'skin.html' 파일에 2개의 오류와 1개의 차이점이 발견됩니다... 2020. 9. 13. 티스토리 북클럽 스킨의 포스트 커버 기능 정지와 콘텐츠 위치 이동 티스토리 북클럽 스킨의 포스트 커버 위치 캡처 이미지입니다. 페이지의 가로폭(width) 전체를 사용합니다. 포스트 커버의 기능을 사용하지 않고 사이드바 옆의 본문 안으로 내용을 이동시킬 수 있습니다. 포스트 커버는 블로거가 등록한 정보 페이지에서 본문 위에 위치한 글의 제목, 글의 작성일, 글의 작성자, 글의 카테고리를 보여 주는 블록입니다. 이 포스트 커버를 본문 위로 이동하면 가로폭을 점유하는 공간이 사라지며, 본문 안으로 해당 내용을 이동시키기 때문에 깨끗하게 글의 내용을 편집할 수 있습니다. 아래 캡처 이미지에 포스트 커버를 이동할 위치를 설명하였습니다. 본문 내용 상단으로 이동합니다. 작업 과정은 다음 순서로 진행하게 됩니다. ※ 정보는 개인적으로 실험한 것이기 때문에 100% 안전은 보장하지.. 2020. 8. 29. 티스토리 북클럽 스킨의 포스트 커버 높이 수정 북클럽(BookClub) 스킨을 사용하는 블로그의 포스트 커버(Post-Cover) 높이를 수정하는 방법입니다. - 글 본문에 끼워 넣은 이미지를 본문 글의 상단에 재배치하여 시각적인 효과를 주는 커버 이미지이기 때문에, 텍스트 위주의 블로그, 내용을 짧게 전달하는 블로그 등에서는 별 필요가 없는 기능입니다.. - 기능 자체를 중지시키는 방법도 있지만, 인덱스, 방명록, 태그 페이지와 차이를 줄 수 있기 때문에 높이만 줄여서 사용하는 것도 괜찮습니다. 수정 전 포스트 커버 스크린샷입니다. 높이 340px(픽셀)입니다. 북클럽 데모 페이지를 참고하세요. 수정 후 포스트 커버 스크린샷입니다. 높이 100px로 줄였습니다. - 모바일 화면은 180px 블로그 관리 페이지 > 꾸미기 > 스킨 편집 > HTML .. 2020. 8. 15. 현재 티스토리 블로그 시스템에 문제가 발생한 것으로 확인됩니다. 2020.06.26 pm 03:16 티스토리 관리팀에서 현재 오류를 복구하였습니다. 하단에 기재한 담따 님의 임시 오류 해결 방법을 적용하였을 경우 다시 해당 자바스크립트 코드 1줄을 안의 원래 위치로 이동시켜도 됩니다. 이 블로그는 BookClub 기본 스킨을 개인적으로 수정해서 사용하고 있습니다. 2020년 6월 25일 낮부터 일부 메뉴와 이미지에 오류가 발생하여, PC와 모바일 블로그에 정상적인 접근이 어려운 상태입니다. 블로그 소스 코드 편집 과정에 오류가 있어서 이런 문제가 발생한 것으로 착각하여 여러 군데 건드리다가 작업에 진전이 없어서 티스토리의 기본 스킨 페이지에 들어가서 데모 스킨을 작동시켜 보았습니다. 제 블로그와 동일한 오류가 발생하고 있습니다. 하루 동안 헛수고했습니다. 북클럽 스킨.. 2020. 6. 26. 티스토리 북클럽 스킨의 포스트 커버 하단 여유 공간 축소 수정: 2020.08.16, 내용 자체에 오류가 많아서 다시 작성했습니다. 티스토리에서 제공하는 무료 스킨 "북클럽(Book Club)"을 사용하고 있습니다. 이 스킨에는 본문 페이지에 첨부된 이미지를 상단에 재배치하여 시각적인 효과를 주는 'post-cover' 영역이 존재합니다. 기본 높이가 340px이며, 영역 내부 하단에 약간의 여유 공간을 제공합니다. 아래 이미지는 모바일(767px 이하)의 post-cover입니다. [출처] 북클럽 데모 페이지 시각적으로는 보기 좋지만 내용이 중복되고 많은 공간을 차지하니까 많은 블로거가 이 영역의 높이를 줄여서 사용합니다. 이 높이를 수정해서 사용하다 보면 포스트 커버의 텍스트가 영역의 지정된 높이를 초과하여 하단의 다른 영역을 침범하여 가리는 오류가 발생합.. 2020. 5. 8.
