스킨 15

Article Thumbnail 구글 검색 엔진 인덱스 생성 오류 발생하는 메타 태그 티스토리 오딧세이(Odyssey) 스킨의 일부 코드가 구글 검색 엔진의 인덱스 생성이나 구글 서치 콘솔의 페이지 색인 생성을 방해합니다. - 2023년 2월 1일 확인 - 스킨 버전: 2020년 9월 9일 초기 버전에서는 발견되었지만 최근 업로드된 수정 버전에서는 삭제한 것으로 확인됩니다. ① 구 버전을 그대로 사용하고 있는 티스토리 오딧세이 스킨 사용자는 구글 검색엔진 인덱스 생성 오류가 발생하므로 자신의 블로그 코드를 검사하는 것이 좋겠습니다. ② 해당 코드를 다른 스킨에 추가하여 사용하는 (티스토리) 블로거도 마찬가지로 오류 발생 원인이 되므로 삭제하거나 수정하는 것이 좋습니다. 2023. 2. 1.
Article Thumbnail 북클럽 스킨 "포인트 컬러(point-color)" 변경 북클럽 스킨의 "skin.html" 파일의 상단에는 1개의 링크와 2개의 헤더 숫자의 색을 지정하는 CSS 스타일 설정 구문이 있습니다. 1. 글 본문 텍스트 링크(".entry-content a") 2. 글 리스트 제목의 개수(".post-header h2 em") 3. 댓글 제목의 개수(".comments h2 .count") 모두 동일한 색으로 지정하는 것입니다. 위의 이미지에서 사용한 파란색은 "#0150FE"입니다. 북클럽 스킨 skin.html의 색 설정 코드 .entry-content a, .post-header h2 em, .comments h2 .count {color:} .comment-form .submit button:hover, .comment-form .submit button:.. 2022. 8. 30.
Article Thumbnail 북클럽 스킨 "관련글(related-articles)" flex box로 변경 등록한 글의 하단에 배치되어 현재 글과 관련 있는 글들을 보여 주는 메뉴입니다. PC 화면에서는 가로로 4개, 모바일 화면에서는 가로 2개씩 2줄로 역시 4개의 글 링크가 있습니다. 그대로 사용해도 괜찮은 기능입니다. 단지 자신이 원하는 형태로 수정하려면 거의 불가능할 정도로 코드가 복잡합니다. CPU 연산을 필요로 하는 CSS 코드로 짜여 있습니다. width: 101.621621621621622%; margin-left: -1.621621621621622%; padding-left: 1.621621621621622%; padding-bottom: 68.181818181818182%; width: 103.571428571428571%; margin-left: -3.571428571428571%; pad.. 2022. 6. 12.
Article Thumbnail 티스토리 Odyssey 스킨의 "관련 사이트" 메뉴 오류 수정 Odyssey는 가장 최근에 티스토리에서 배포한 스킨입니다. 데모 사이트는 명칭이 문화재청으로 등록되어 있습니다. https://skin-demo-5zif0.tistory.com/ 이곳에 들어가면 티스토리에서 데모 사이트로 제공하는 스킨의 특징을 점검할 수 있습니다. 블로그 관리 홈으로 들어가면 "나의 링크" 메뉴가 있습니다. 자주 찾는 사이트를 추가하면 드롭 다운 메뉴로 페이지 오른쪽 하단에 "관련사이트"에 등록된 것이 보입니다. 겉 보기에는 멀쩡하지만 X 버튼을 눌러서 리스트를 접어도 그 위치를 마우스로 클릭하면 해당 링크로 연결되는 오류를 발견할 수 있습니다. 위의 이미지를 예로 설명하면, 일단 관련 사이트 메뉴를 접고 현재 보이지 않는 "티스토리"와 "다음"의 위치를 마우스로 찍으면 링크가 살아 .. 2022. 4. 30.
Article Thumbnail 티스토리 북클럽 스킨의 홈프로모션 슬라이더 실행 구문 단순화 티스토리 스킨 "BookClub" skin.html main-slider 실행 조건 수정 원본 코드를 수정하게 되면, - 일부 구간에서 실행 조건이 2개에서 1개로 줄어듭니다. - 사진 전체의 URL 링크에서 "바로가기" 버튼에 한정된 링크로 변경됩니다. - 불필요한 코드를 삭제했으므로 skin.html 파일의 크기도 약간 줄어듭니다. ※ 슬라이더 관련 코드 원본 91행에서 수정 58행으로 축소 - 초기 페이지 로딩 속도가 아주 조~금 빨라질 것입니다. skin.html 원본의 조건문 구조 ...... promotion-1-url이 있으면 inner 컨테이너 만들고 박스 만들고 promotion-1-text가 있으면 등록하고 promotion-1-color가 있으면 등록하고 바로가기 버튼 등록 promo.. 2022. 4. 11.
Article Thumbnail GNB navigation 코드 수정 코드를 머리로 짜는 것이 아니라 필요한 코드를 인터넷 검색하여 수정 작업을 진행하고 있습니다. 모르니까! 티스토리의 블로거들이 북클럽 스킨의 내비게이션 메뉴 GNB의 코드를 별다르게 유용한 목적으로 사용하지 않는 듯하여 새로운 기능을 추가하여 본래의 기능을 개선하고 있습니다. 이 페이지는 새로 만든 코드를 분실하면 처음부터 맨발로 다시 만들어야 하므로 그 변경 과정을 기록하는 것입니다. ※ 아무것도 모르는 상태에서 코드를 발로 작성하기 때문에 티스토리 블로그 서버에 악영향을 미칠 수도 있습니다. 클라이언트 처리 코드이므로 괜찮을 수도 있겠네요. 그래도 계속해서 개선해 나가야 합니다. 잘못된 코드 발견하시면 조언 부탁드립니다. 1. GNB NavBar의 현재 페이지 표시 코드 수정 // script.js .. 2022. 4. 6.
Article Thumbnail 티스토리 북클럽 스킨의 홈프로모션 슬라이더 컬러와 버튼 오류 수정 티스토리 블로그에서 제공하는 북클럽 스킨의 홈 화면 슬라이더 북클럽 스킨을 티스토리 블로그에 적용하면 초기 홈 화면의 상단에 "main-slider"라고 하는 최대 3개 이미지의 슬라이더 기능을 구현합니다. ※ 2022년 4월 11일 내용 변경 메인 슬라이더는 블로그 관리자에게 3개의 이미지와 연결되는 타이틀과 버튼의 색을 각각 변경할 수 있는 옵션을 제공합니다. - 프로모션 문구와 색상, - 프로모션 자세히 보기 색상과 Hover 색상 ※ "자세히 보기"는 "바로 가기" 버튼을 뜻합니다. 1개의 이미지에만 옵션이 적용되는 문제 발생 최대 3개의 이미지를 슬라이더에 사용할 수 있으니까 각각의 개별적인 옵션이 적용되어야 하는 데, 첫 번째 이미지에서만 정상적으로 나타나고 나머지 2개의 이미지에 관련된 색은.. 2022. 3. 12.
Article Thumbnail Google Adsense, Kakao Adfit 사이드바의 위아래 margin 삭제 1. 본문과 사이드바에 모두 적용 .google-auto-placed, .revenue_unit_wrap { width: 100%; max-width: 1080px; margin: 40px auto !important; } 2. PC 접속 페이지의 사이드바에 적용 :not(.mobile-menu) #aside .google-auto-placed, :not(.mobile-menu) #aside .google-auto-placed ins, :not(.mobile-menu) #aside .revenue_unit_wrap { margin: 20px auto !important; } 2021.10.30 "2. PC 접속 페이지의 사이드바에 적용" 수정 구글의 배너 설정이 약간 변경되었습니다. 위의 코드는 상하 스.. 2021. 10. 19.
Article Thumbnail 북클럽 스킨 사이드바의 '로그인'과 '로그아웃' 오류 수정 티스토리 블로그의 북클럽 스킨의 코드 오류를 수정하는 방법입니다. 모바일 접속할 때 팝업 창으로 뜨는 사이드바의 '로그인'과 '로그아웃'이 오류 수정 대상입니다. 텍스트로 링크되어 있는 이 버튼은 눌러도 반응이 없습니다. 블로그 관리자가 로그인한 상태이면 '로그아웃' 버튼이 보이고, 관리자가 로그인하지 않았으면 '로그인' 버튼이 보입니다. 오류가 발생하는 이유 아래 코드는 북클럽 스킨의 자바스크립트를 담고 있는 파일에서 복사한 오류 발생 부분입니다. 북클럽 스킨의 자바스크립트 코드는 'script.js' 파일에 담겨 있습니다. $profile.on("click", ".login", function(){ document.location.href = 'https://www.tistory.com/auth/lo.. 2021. 9. 23.
Article Thumbnail 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.