워드프레스 링크버튼 만들기. 재사용가능 재활용 블록 지정. 서식스타일 편집하는 법.

워드프레스에서 링크 버튼을 만들고, 재사용 가능 재활용 블록 지정 및 서식 편집하는 법

애드센스에서 가장 큰 수익을 낼 수 있는 광고단위는 바로 자동 광고다. 그 자동광고를 뜨게 하는 것이 링크다. 그런 링크를 쉽게 인식하고 클릭할 수 있게 하는 보조 도구가 바로 링크 버튼이다. 오늘은 워드프레스에서 링크 버튼을 만들고, 재사용 가능 재활용 블록 지정 및 서식 편집하는 법까지 알아본다.

참고로, 나의 테마는 twenty sixteen이고, yoast seo 플러그인을 사용한다. 보통 테마나 seo 플러그인에 따라서 편집툴이 조금씩 차이가 있는 것 같다.



워드프레스 링크버튼 만들기

먼저, 문단에서 메뉴목록 중 버튼을 선택한다.

링크 버튼 만들기
링크 버튼 만들기


그럼, 이런 버튼이 생긴다.

버튼 생성
버튼 생성


그럼 상단의 메뉴에서 링크 모양을 선택한다. 그럼 버튼 아래로 링크 입력 창이 생긴다. 그럼 링크 주소를 입력하고, 버튼 안에도 텍스트를 추가하면 링크버튼이 완성된다. 글을 읽다가 이 버튼을 클릭하면 내가 넣어둔 주소로 이동을 하게 되는 것이다.

단, 자동광고를 띄우기 위해서는 새창 열기는 해제해 줘야 한다는 것을 알아두자.

버튼 내역 입력
버튼 내역 입력


내가 생성한 링크 버튼이다. 이름이 꽤 긴데, 핸드폰에서 볼 때는 두 줄로 넘어가서 지저분해질 수 있다. 그래서 꼭 적당한 길이로 해주는 것이 좋다.

버튼 생성된 모습
버튼 생성된 모습


재사용가능 재활용블록 서식으로 지정

이 링크버튼을 할때마다 선택하기도 귀찮으니 서식처럼 지정해서 불러오기 할 수 있다. 이렇게 만들어진 링크버튼을 다시 재사용가능한 재활용블록으로 생성해주는 방법이다. 참고로, 버튼 뿐만 아니라, 여러가지 자주 쓰는 서식을 이렇게 재활용 블록으로 만들어 놓으면 매우 편리하다.


먼저, 내가 만든 버튼을 선택하고 메뉴에서 패턴/재사용가능 블록 생성을 눌러준다.

재사용 블록 만들기
재사용 블록 만들기


그럼 이렇게 패턴생성이라고 뜬다. 빈칸에 원하는 이름을 지정해주고, 생성을 눌러주면 된다. 나는 이름을 링2라고 정해주었다.

여기서 아래의 동기화됨을 해제해 주면 하나의 서식으로 완성이 된다. 이걸 꼭 해주시길 추천한다. 만일 동기화됨을 해제하지 않으면, 할 때마다 패턴 해제를 해줘야 한다. 이게 좀 귀찮다.

이름정해 패턴 생성
재사용 블록 만들기


이제 링크버튼이 필요할 때는 블록에서 +를 눌러서, 찾아보기에서 링만 쳐도 이렇게 뜬다. 선택해 주면, 아까 내가 만든 링크 버튼이 동일하게 뜬다. 그걸 이름과 주소를 편집해서 새롭게 사용하면 되는 것이다.

링크버튼 불러오기
링크버튼 불러오기


단, 재활용서식을 불러와 사용할 때는 주의할 점이 있다.

동기화됨이 설정되어 있다면, 사용시에 반드시 위의 목록에서 패턴분리 버튼을 눌러줘야 한다. 재활용블록을 일반블록으로 분리하는 과정이다. 혹 이걸 까먹었다가는 수정해 놓은 내역이 날아갈 수 있다. 주의!

패턴 분리 해주기
패턴 분리 해주기


링크버튼 재활용가능블록 서식 스타일 편집

만들어진 링크버튼은 원하는 스타일로 편집도 가능하다. 먼저 빈 글에서 링크 버튼을 하나 불러와 준다.


블록을 누르고 상단 맨 오른쪽 더보기(점 3개)를 눌러준다. 그럼 아래와 같이, 뜨는 메뉴에서 패턴 관리를 눌러준다. 이때는 새 탭에서 링크 열기하는 것이 편하다.

버튼 서식 편집
버튼 서식 편집


그럼, 아래와 같이 지정해 둔 재활용 블록서식들의 목록이 나온다. 여기서 링2에서 편집으로 들어간다.

버튼 링크 서식 편집하기
버튼 링크 서식 편집하기



그럼, 블록을 선택한 상태에서 왼쪽 목록에서 버튼 아래의 버튼을 선택한다. 이거 중요하다. 처음에는 못 찾아서 좀 헤매었다.

버튼 링크 서식 편집하기
버튼 링크 서식 편집하기



그럼 오른쪽에 편집툴이 뜨는데 여기서 블록을 선택해준다. 그리고 아래쪽에 오른쪽 동그라미로 들어간다. 이건 글 편집시 나오는 내용과 동일하다.

나는 버튼 칼라가 마음에 들지 않아서, 일단 칼라를 바꿔 보기로 했다. 배경으로 들어가서 칼라를 지정해 준다.

버튼 링크 서식 편집하기
버튼 링크 서식 편집하기



칼라를 정하고 선택해 주면, 버튼의 칼라가 바뀌어 있다. 이 편집에서 글자의 크기나, 버튼의 테두리 등등 이것저것 바꿔줄 수 있다.

버튼 링크 서식 편집하기
버튼 링크 서식 편집하기


의외로 이 링크 버튼 사용이 매우 유용하다. 조금이나마 도움이 되셨길 바라며 마친다. 이상, 워드프레스에서 링크버튼 만들기와 재사용가능한 재활용블록 지정 및 서식 편집법까지 알아보았다.