본문 바로가기
IT 컴퓨터/워드프레스

워드프레스 블로그 애드센스 자동광고 여백 간격 만들기

by 라스트 트레인 2024. 4. 4.

워드프레스 블로그 기준으로 애드센스 자동광고 설정을 할 때 애드센스 자동광고 여백 간격 만드는 방법에 대해 알아보겠습니다.

워드프레스 블로그 포스팅 본문에 애드센스 자동광고 설정을 했을 때 본문의 내용과 간격이 없이 붙어 있어서 보기 안 좋은 경우가 있습니다.

이 때, 광고와 본문 사이에 간격을 만들어서 보기 좋게 애드센스 자동광고를 띄우는 방법입니다.

 

 

워드프레스 블로그 애드센스 자동광고 여백 간격 만들기

 

목차

 

1. 애드센스 자동광고 여백 만들기

 

 

애드센스 자동광고 여백 만들기

 

 

아래 이미지와 같이 자동광고와 본문 내용과 간격이 없어서 좋아 보이지 않습니다.



먼저 워드프레스 어드민에서 외모로 들어갑니다.




외모에서 사용자 정의하기로 들어갑니다.




사용자 정의에서 추가CSS 로 들어갑니다.




추가 CSS 자동광고여백 넣기 소스를 붙여 넣고 공개로 저장을 합니다.

.google-auto-placed {margin: 1.39em !important;}
margin 은 본문 폰트크기를 고려해서 정하면 됩니다.

좌우 여백도 설정하려면 1.39em 뒤에 0em 으로 넣으면 중앙정렬이 됩니다.

.google-auto-placed {margin: 1.39em 0em !important;}

 

 




아래와 같이 애드센스 자동광고와 본문 사이에 여백이 생겨서 보기가 훨씬 좋아졌습니다.



오늘은 ‘워드프레스 블로그 애드센스 자동광고 여백 간격 만들기‘ 를 알아보았습니다. 이 방법은 워드프레스 테마 기준이며 정상적으로 작동되고 있습니다.

 

2024.03.28 - [IT 컴퓨터/워드프레스] - 워드프레스에 애드센스 광고 코드 넣는 방법

 

워드프레스에 애드센스 광고 코드 넣는 방법

이번 포스팅에서는 워드프레스 블로그에 애드센스 광고 코드를 넣는 방법에 관해 알아보겠습니다. 워드프레스 블로그를 시작하고 애드센스 코드를 삽입하고 광고를 활성화 시키려면 본인의 계

lasttrain.tistory.com

 

반응형

댓글