워드프레스 버튼 서식 쉽게 만드는 방법 (수익형 블로그 필수요소)

수익형 블로그를 하는 사람이라면 링크를 버튼으로 삽입하는 것은 선택이 아닌 필수일 것입니다. 애드센스 자동광고로 전면광고를 설정해 놓고, 버튼을 통해 현재 창 열기로 링크 페이지가 전환되면 광고의 클릭율이 매우 높아집니다.

저는 이 티스토리 블로그에서는 미리 만들어 놓은 HTML 소스를 서식으로 지정해 놓고 필요한 경우 불러와서 버튼을 배치하고 있습니다.

✅ 워드프레스 개설 쉽게 따라하기

이런 식으로 말입니다. 글 내용과 연관된 부분에 이것도 추가로 참고해보라고 할 때 배치하면 효과적이겠죠.

이 버튼을 워드프레스에서는 아예 에디터 상에서 기본 기능으로 지원해주고 있습니다. 편하게 만들고, 티스토리처럼 서식화해서 이후 쉽게 불러와서 재사용이 가능합니다.

워드프레스 버튼 설정방법

블록 버튼 선택

1) 워드프레스 블록 편집기에서 새로운 블록을 추가하고, 검색에 ‘버튼’ 이라고 입력합니다. 검색 결과에 버튼 아이콘이 나오는 것을 선택합니다.

버튼 설정화면

2) 버튼형 블록이 새로 생성되고, 텍스트를 입력한 뒤 우측에 세팅과 디자인 설정을 바꿔서 원하는 형태로 만들어줍니다. 배경 색상을 그라데이션까지 지정할 수 있어서 매우 만족스럽습니다.

버튼 생성한 모습

3) 처음 버튼 블록이 생성된 상태에서, 텍스트를 입력하고 디자인을 바꿔준 모습입니다. 형태를 다 만들면 그 다음에 버튼 내부의 텍스트 부분에 링크 (단축키 Ctrl+K) 걸고싶은 페이지 URL을 추가해주면 됩니다.

재활용 가능한 블록 생성

4) 만든 버튼을 서식처럼 저장할 수 있습니다. 버튼에 커서를 클릭하고 점 세개 > 부모블록 선택을 해줍니다. 그러면 버튼 개체가 아니라 블록 자체가 선택이 되는데요. 다시 점 세개를 누르시면 재활용 가능한 블록생성 메뉴가 보입니다.

여기에 원하는 이름을 입력해서 저장해놓으면, 그 다음에는 새로운 블록을 추가하고 검색창에 이름을 입력하면 만들어놓은 버튼 양식을 다시 불러와서 빠르게 사용할 수 있습니다.

일반 블록으로 변환

💡한가지 주의하실 점은 버튼 서식을 만들어놓은 뒤 나중에 재사용 가능한 블록으로 불러오실 때 이렇게 점 세개 누르고 일반 블록으로 변환 해주셔야 합니다. 그렇지 않고 재사용 블록으로 불러온 여러개가 동시에 수정되어 버리는 불상사가 발생합니다. (이걸 이용하면 다른 기능으로도 쓸 수 있겠군요.)

요즘 티스토리 자체광고 때문에 망했다고 워드프레스로 넘어가는 분들 많으신데, 버튼 서식도 활용하셔서 전면광고 이용한 수익형블로그 잘 만드시길 바랍니다.