오류 28 북클럽 스킨 팝업창 최근 댓글 링크 관련 오류 정정 Book Club (tistory.com) 김영사 콘텐츠로 제작한 티스토리 북클럽 스킨 데모 페이지입니다. 북클럽 스킨은 모바일 화면에서 팝업 윈도를 띄웁니다. 화면이 작기 때문에 PC 화면의 사이드바(aside)를 모바일 화면의 팝업창으로 이동한 형태입니다. 모바일 기기에서 왼쪽과 같은 메뉴 버튼을 누르면 본문 위에 팝업 윈도가 뜨면서 사이드바의 내용을 나열하게 됩니다. 팝업창의 댓글 리스트에서 하나의 링크를 마우스로 클릭하면, 1. 해당 페이지를 웹브라우저의 메인 창에 펼치고 2. 클릭한 댓글의 위치로 화면이 이동합니다. https://skin-demo-0053.tistory.com/27#comment17308450 페이지 주소 + 글 번호(27) + 댓글 번호(#comment17308450) 댓글 .. 2022. 5. 26. 티스토리 Odyssey 스킨의 "관련 사이트" 메뉴 오류 수정 Odyssey는 가장 최근에 티스토리에서 배포한 스킨입니다. 데모 사이트는 명칭이 문화재청으로 등록되어 있습니다. https://skin-demo-5zif0.tistory.com/ 이곳에 들어가면 티스토리에서 데모 사이트로 제공하는 스킨의 특징을 점검할 수 있습니다. 블로그 관리 홈으로 들어가면 "나의 링크" 메뉴가 있습니다. 자주 찾는 사이트를 추가하면 드롭 다운 메뉴로 페이지 오른쪽 하단에 "관련사이트"에 등록된 것이 보입니다. 겉 보기에는 멀쩡하지만 X 버튼을 눌러서 리스트를 접어도 그 위치를 마우스로 클릭하면 해당 링크로 연결되는 오류를 발견할 수 있습니다. 위의 이미지를 예로 설명하면, 일단 관련 사이트 메뉴를 접고 현재 보이지 않는 "티스토리"와 "다음"의 위치를 마우스로 찍으면 링크가 살아 .. 2022. 4. 30. 티스토리 북클럽 스킨의 홈프로모션 슬라이더 컬러와 버튼 오류 수정 티스토리 블로그에서 제공하는 북클럽 스킨의 홈 화면 슬라이더 북클럽 스킨을 티스토리 블로그에 적용하면 초기 홈 화면의 상단에 "main-slider"라고 하는 최대 3개 이미지의 슬라이더 기능을 구현합니다. ※ 2022년 4월 11일 내용 변경 메인 슬라이더는 블로그 관리자에게 3개의 이미지와 연결되는 타이틀과 버튼의 색을 각각 변경할 수 있는 옵션을 제공합니다. - 프로모션 문구와 색상, - 프로모션 자세히 보기 색상과 Hover 색상 ※ "자세히 보기"는 "바로 가기" 버튼을 뜻합니다. 1개의 이미지에만 옵션이 적용되는 문제 발생 최대 3개의 이미지를 슬라이더에 사용할 수 있으니까 각각의 개별적인 옵션이 적용되어야 하는 데, 첫 번째 이미지에서만 정상적으로 나타나고 나머지 2개의 이미지에 관련된 색은.. 2022. 3. 12. padding과 margin의 음수 값 margin은 (border 외곽의) element 주위의 여백이나 element 사이의 간격을 지정하기 위하여 사용하며, 양수와 음수 값을 모두 허용합니다. padding은 길이 단위나 비율(%)을 설정하여 element의 border와 content 사이의 거리를 지정합니다. padding의 음수 값(minus 혹은 negative)은 허용하지 않기 때문에 설정을 무시하거나 초기 값 혹은 디폴트 값인 "0"으로 해석하기도 합니다. /* 예제 */ padding-left: calc(100% - 560px); padding-left의 값을 가변적으로 사용한 예문입니다. 100%의 width가 560픽셀 이상일 경우에는 문제가 되지 않지만, 만약 100%의 width가 560픽셀 미만이라면 padding-.. 2021. 12. 11. 북클럽 스킨 커버 아이템 추가 및 오류 수정 / 커버 갤러리2 북클럽 스킨 "커버 갤러리2" 아이템의 오류 수정 방법 - 'skin.html' 코드 수정 - 'cover-thumbnail-4' - class="title" "커버 갤러리2" 아이템의 HMTL 코드 소스는 'skin.html' 파일의 "cover-thumbnail-4"에서 관리합니다. "커버 갤러리2" 아이템을 활성화시키면 글의 제목이 중복 표시되는 오류가 발생합니다. 위 캡처 이미지의 "" 코드가 1, 2 겹쳐서 반복되고 있습니다. 한 개의 코드 라인을 삭제하면 간단하게 문제는 해결됩니다. 1번을 삭제하면 이 글 상단에 등록한 캡처 이미지처럼 그림과 글에 약간의 여백이 설정되어 안정감 있는 모습을 보입니다. 그리고 티스토리 치환자 태그 사이에 위치하는 것이 정상적인 코드입니다. 2번을 삭제하면 그림과.. 2021. 10. 10. 북클럽 스킨 사이드바의 '로그인'과 '로그아웃' 오류 수정 티스토리 블로그의 북클럽 스킨의 코드 오류를 수정하는 방법입니다. 모바일 접속할 때 팝업 창으로 뜨는 사이드바의 '로그인'과 '로그아웃'이 오류 수정 대상입니다. 텍스트로 링크되어 있는 이 버튼은 눌러도 반응이 없습니다. 블로그 관리자가 로그인한 상태이면 '로그아웃' 버튼이 보이고, 관리자가 로그인하지 않았으면 '로그인' 버튼이 보입니다. 오류가 발생하는 이유 아래 코드는 북클럽 스킨의 자바스크립트를 담고 있는 파일에서 복사한 오류 발생 부분입니다. 북클럽 스킨의 자바스크립트 코드는 'script.js' 파일에 담겨 있습니다. $profile.on("click", ".login", function(){ document.location.href = 'https://www.tistory.com/auth/lo.. 2021. 9. 23. Only one AdSense head tag supported per page "TagError: adsbygoogle.push() error: Only one AdSense head tag supported per page. The second tag is ignored." 구글 애드센스 광고 코드를 태그에서 하나만 호출해야 한다는 알림 오류 메시지입니다. 태그 안에 직접 애드센스 스크립트 코드를 넣지 않고 티스토리 "블로그 관리 홈"의 "애드센스 관리" 페이지에서 2개의 광고 유형을 활성화시킨 상태입니다. 1. 전체 자동 광고 2. 본문 하단 및 목록하단 광고 두 개 중에서 하나를 끄니까 이 오류 메시지가 더 이상 나오지 않습니다. 어떤 유형의 코드를 사용하든 페이지의 헤드 태그에 애드센스 스크립트 태그가 단 하나만 있어야 합니다. 티스토리 계정에 구글 애드센스 계정을 연동하여.. 2021. 9. 17. 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. 티스토리 script.js GNB 오류 수정 ※ 2020.11.27: 블로그 반영 ※ 2024.03.26: 아래 링크한 알릭2님의 블로그에 원본 소스를 수정하는 자세한 이유와 설명이 기재되어 있습니다. 북클럽 스킨 - GNB 메뉴 현위치 버그 (tistory.com) 원본 (오류) $(window).load(function(){ $gnb.find("li").each(function(){ gnbWidth = gnbWidth + $(this).outerWidth() + 1; if ( window.location.pathname.indexOf($(this).find("a").attr("href")) != -1 ){ $(this).addClass("current"); } }); $gnb.find("ul").width(gnbWidth); if ( $gnb... 2020. 11. 18. 티스토리 북클럽 스킨의 댓글 관련 코드 오류 일부 수정 티스토리에서 제공한 'Book Club' 스킨에 댓글 관련 코드의 일부가 누락되었습니다. 댓글의 등록, 수정, 삭제 과정에 오류가 발생합니다. 모든 오류를 수정하지는 못하고 댓글을 등록하고 새로 고침을 하지 않으면 페이지의 내용이 갱신되지 않는 증상은 고칠 수 있습니다. 수정에 필요한 정보와 소스 코드는 티스토리 관련 페이지를 참고했습니다. 티스토리 / 스킨가이드 / 댓글 티스토리, 치환자 구조, 댓글 리스트입니다. 댓글주소 수정/삭제 댓글쓰기 댓글주소 수정/삭제 Book Club 스킨, 'skin.html' 파일의 455~497 라인입니다. 더보기 댓글주소 수정/삭제 답글 더보기 댓글주소 수정/삭제 2개의 코드를 비교해 보면 북클럽 'skin.html' 파일에 2개의 오류와 1개의 차이점이 발견됩니다... 2020. 9. 13.
