워드프레스 버튼 자동으로 여백 넣기

워드프레스 수익화를 위해서는 전면광고를 띄우는 것이 중요합니다. 클릭률을 올리기 위해서 버튼을 만들어 넣는 건이 일반적인데 워드프레스의 버튼은 상단 여백만 기본으로 설정이 되어있고, 하단은 여백이 설정되어 있지 않기 때문에, 따로 여백도구를 추가해 여백을 넣어야 합니다.

물론 재사용블럭(현재는 패턴)을 이용해서 미리 설정해 놓는 방법도 있지만, 모든 버튼에 일괄적으로 같은 여백을 넣고 싶은 경우가 있습니다. 그럴때는 css를 간단하게 수정해서 넣을 수 있습니다.

우선 워드프레스 외모 ➡ 사용자 정의 ➡ 추가 CSS로 들어갑니다. 그리고 아래의 코드를 복사해서 붙여넣기 합니다.

/* 버튼 하단 여백 */

.wp-block-button {
	margin-bottom: 40px;
} 

여백 크기를 조절하고 싶다면 40px를 다른 값으로 변경하시면 됩니다. 버튼의 위도 마진(여백)을 설정하고 싶다면 margin-top: 40px;를 중괄호 안에 추가해주시면 됩니다.