워드프레스 테마 가운데 아스트라 테마는 많은 사용자를 보유할 정도로 인기가 좋기 때문에 다양한 설정에 대해서 찾으시는 분들이 있을 것입니다.

설정 방법 중에서 중에서 저도 찾아보았던 것으로 사이드바가 스크롤을 내렸을 때 따라다니는 설정을 하는 방법입니다. 

테마 사용자 정의하기에서 옵션으로 제공이 된다면 편하게 설정할 수 있지만 아스트라 테마는 옵션으로 제공되지 않기 때문에 CSS 추가를 해서 설정을 적용할 수 있습니다. 

CSS 추가 방법을 어렵게 생각하실 수 있지만 코드만 추가하면 되기 때문에 아래의 설명을 보시면 누구나 어렵지 않게 하실 수 있을 것입니다.

아스트라 테마

CSS 추가하는 방법은 테마 편집기에서도 할 수 있지만 복잡하기 때문에 관리자 화면에서 외모 > 사용자 정의하기로 가신 후에 메뉴에서 추가 CSS로 들어가시면 됩니다.

아스트라 테마

추가 CSS로 들어가신 후에 위에 표시한 것처럼 코드를 입력하시고 발행해서 적용하시면 됩니다. 

/**************

 sticky-sidebar

 **************/

@media screen and (min-width: 769px) {

#secondary {

    position: sticky;

    position: -webkit-sticky;

    top: 6px; }

}

코드는 위에 보이는 것을 드래그해서 복사해서 CSS 추가에 붙여넣기 하시면 됩니다. 코드만 추가하시면 되기 때문에 어렵지 않게 따라다니는 사이드바를 적용하실 수 있을 것입니다.