워드프레스 홈페이지에서 사이드바를 사용하지 않다가 적용시켜보았는데, 다음 두 가지 가능은 알아두고 필요 시 적용하면 좋겠다 싶었다. 현재는 사이드바는 고정하지 않았지만, 너비는 조절해둔 상태이다.
목차
1. 사이드바 고정
제너레이트프레스 테마(무료)에서 사이드 바 고정하는 방법을 찾다가 간단히 CSS를 추가해주면 되는 방법을 찾았다
디자인-사용자 정의하기에서 CSS 추가하기.
/*사이드바 고정 */
.inside-right-sidebar{top:20px; position: sticky; position: -webkit-sticky;}
※참고링크 – 이 페이지를 열면 구체적 내용을 확인 가능하며, 직접 문구 복사 가능하다.
상단 고정 너비는 top:20px의 숫자를 변경하면 된다.
잘 작동한다. 그런데 일단 지금은 별로 필요하지 않은 것 같아 적용은 취소했다.
2. 사이드바 너비 조절
이것도 겨우 찾았다.
외모-테마파일 편집기-function.php에서 아래의 문구를 복붙해준다.
add_filter( ‘generate_right_sidebar_width’,’lh_right_sidebar_width’ );
function lh_right_sidebar_width() {
return ‘25.5’;
}
※참고링크 – 이 페이지를 열면 구체적 내용을 확인 가능하며, 직접 문구 복사 가능하다.
25.5가 너비고 이것을 조절해주면 된다.난 25.0으로 조절한 상태이다.
보통 테마를 바로 편집하지 말고, 차일드테마를 만들어서 사용하라고 하는데, 아직 거기까진 가지 못하고 그냥 현재 테마파일에서 수정한 상태이다. 나중에 자식테마를 만들게 되면, 오늘 추가한 것은 지워야할 것 같다. 다들 하라는 데는 이유가 있을테니, 여유가 되는대로 차일드테마 만드는 법을 좀 배워봐야겠다.