워드프레스 제너럴프레스 테마에 사이드바 광고 고정하는 방법을 알아보겠습니다. 구글 애드센스에 수익 구조가 CPA에서 CPM으로 변화면서 광고를 많이 오래 노출해야 수익을 더 얻을 수 있게 되었는데요. 그래서 요즘에는 많은 블로그에 사이드에 고정광고를 많이 넣고 있습니다. 그래서 저도 운영하고 있는 워드프레스에 사이드바를 고정해서 광고를 넣었는데요. 제가 사용하는 테마가 제너럴프레스이기 때문에 이 테마로 설명드리겠습니다.
사이드에 광고가 들어가는 위치는 위에 사진처럼 오른쪽 메뉴 상단입니다. 스크롤을 밑으로 내려도 오른쪽 메뉴가 따라 내려오게 됩니다. 설정방법을 알아보겠습니다.
우선 워드프레스 관리자에 들어가주세요. 그리고 [외모] - [사용자 정의하기] - [추가css] - [코드 추가]에 들어가 주세요. 그리고 아래 코드를 넣고 저장을 해주시면 끝입니다.
/* 제너럴프레스 사이드바 고정 시작 */
@media (min-width: 1025px) {
.site-content {
display: flex;
justify-content: space-around;
align-items: flex-start;
}
#right-sidebar {
position: -webkit-sticky;
position: sticky;
top: 0px;
align-self: flex-start;
}
/* 제너럴프레스 사이드바 고정 끝 */
만약 안되는 분들이나 사이드바에 하단을 고정하고 싶은 분들은 아래 링크를 참고해서 넣어주시면 됩니다.
GeneratePress 테마 사이드바 고정하기 (How to make the sidebar sticky in GeneratePress) - 워드프레스 정보꾸러
최근 들어 Astra 테마와 GeneratePress 테마에서 사이드바를 고정하기 위해 사용된 CSS 코드가 제대로 작동하지 않는다고 몇 분이 알려주었습니다. Sticky Menu & Sticky Header 플러그인을 사용하는 것을 고
www.thewordcracker.com
