워드프레스 일기의 사이드바 고정 3

이 티스토리 블로그에는 티스토리의 최신 공식 스킨인 오디세이(Odyssey) 스킨이 적용되어 있습니다. 스크롤 시 사이드바가 고정되지 않아서 자바스크립트를 사용하여 사이드바를 고정시켜 붙박이 사이드바로 만들어 보았습니다. 2년 전에도 JS를 사용하여 사이드바를 고정시켰지만 자연스럽게 고정되지 않아서 코드를 제거했다가, 최근 개선된 코드를 사용하여 이전보다 스무드하게 고정되도록 했습니다.티스토리 오디세이 스킨: 스크롤 시 사이드바를 고정시키는 방법티스토리 규제가 강화되면서 팝업 배너를 표시해도 제재를 받을 수 있고, 일부 사용자에 의하면 자동 목차를 표시해도 정지 조치를 내린다고 합니다. 그래서 이 블로그에서는 자동 목차를 제거하고 가능하면 순정 상태로 이용하려고 노력하고 있습니다.😄사이드바의 경우 스크..

저는 대부분의 워드프레스 사이트에서는 CSS를 사용하여 사이드바를 고정하고 있습니다. 뉴스페이퍼 등 일부 유료 테마에서는 테마 옵션을 통해 사이드바 붙박이(Sticky) 기능을 제공하지만, 그런 기능이 제공되지 않을 경우 보통 CSS로 고정하는 것이 가능합니다. GeneratePress 테마 사이드바 고정하기 (How to make the sidebar sticky in GeneratePress) - 워드프레스 정보꾸러 최근 들어 Astra 테마와 GeneratePress 테마에서 사이드바를 고정하기 위해 사용된 CSS 코드가 제대로 작동하지 않는다고 몇 분이 알려주었습니다. Sticky Menu & Sticky Header 플러그인을 사용하는 것을 고 www.thewordcracker.com 이 블로그..

이 티스토리 블로그에는 현재 Book Club (북클럽)이라는 가장 최근에 공개된 스킨이 사용되고 있습니다. 현재 사이드바의 크기를 조금 조정했고, IE를 제외하고는 사이드바가 마우스를 스크롤할 때 함께 따라 내려가도록 설정되었습니다. 티스토리 북클럽 스킨에 사이드바를 고정하고 싶은 경우 아래의 방법을 시도해볼 수 있습니다. 목차 티스토리 북클럽 (Book Club) 스킨에서 사이드바 고정하는 심플한 방법저는 사이드바를 고정하기 위해 다음과 같은 CSS 코드를 추가했습니다./* 사이드바 너비 지정 및 고정 */ @media screen and (min-width:1081px) { #aside { width: 26%; padding: 75px 0 32px; box-sizing: border-box; pos..