애드센스 사이트에서 승인받은 도메인 주소의 자동 광고를 켜면 개수나 위치 등 자세하게 설정할 수 있다. 그런데 광고가 블로그 전체 본문 폭보다 넓게 나오면 레이아웃 가독성이 떨어져 보이기도 한다.

가끔 카테고리 아카이브 페이지 헤더에 나오는 광고의 가로 사이즈는 1,200px로 고정되어 있다. 블로그 전체 폭을 1,100px으로 설정해뒀기 때문에 전체 레이아웃에서도 벗어나고 있다.

문제는 광고 가로 사이즈를 1,100px로 맞춰주면 간단하게 해결된다. 워드프레스 대시보드의 Appearance – Customize로 오면 Additional CSS로 온 다음 아래 코드를 넣으니 사이즈가 조정되었다.

@media (min-width: 1101px) {
.adsbygoogle {
max-width: 1100px !important;
margin: 0 auto;
  }
}

설명을 더하면 모바일이든 태블릿이든 화면 너비가 1,100px까지는 그대로 나오지만, 접속 기기 폭 1,101px 이상부터는 가로를 1,100px으로 만들어 준다고 보면 된다.

여담으로 헤더 아래 위치가 효율이 좋은 것 같지는 않다. 다만, 애드센스 광고 제외를 계속하다가 이 위치 삭제가 안 되는 것 같아서 나중에 확인해보려고 한다.

워드프레스 마스터 가이드