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

워드프레스를 이용해서 블로그나 사이트를 운영하다보면 아주 간단한 방법으로 링크 버튼을 만들수 있다. 제품을 홍보하거나 사이트로의 이동, 나의 블로그 다른 글들로 이용자들을 안내할때 아이콘화된 버튼링크는 아주 효율적이다. 본 포스팅에서는 워드프레스의 기본 기능을 활용해 버튼링크를 만들어 본다.

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

워드프레스 링크 버튼 만드는 방법

1. 블록추가

re20230806 172348 1

블록을 선택한 다음 오른쪽 하단에 ‘블록추가’를 누른다.

2. 버튼 선택

re20230806 172423 1

팝업창에서 버튼이 보이면 바로 눌러주고 버튼 아이콘이 보이지 않는다면 검색에 ‘버튼’을 입력하고 엔터를 누른다.

3. 텍스트 추가

re20230806 172449 1
re20230806 172611 5
re20230806 172625 1

텍스트를 입력하고 오른쪽 블록 메뉴에서 폭 설정에 25%, 50%, 75%, 100% 중 원하는 폭을 선택한다. 페이지 비율에 따라서 자동으로 링크버튼의 사이즈가 결정되게 된다.

4. 블록 메뉴 활용하기

re20230806 172649 5
re20230806 172715 5

블록 선택상태에서 오른쪽 블록메뉴에 들어가면 링크 버튼의 텍스트색상, 배경색상, 글씨크기, 테두리의 반지름 등을 기호에 맞게 직접 설정할 수 있다. 한번씩 눌러보면서 조절해보면 사용방법을 알 수 있을 것이다. 자신이 원하는데로 설정해보자.

5. 링크버튼에 링크 삽입하기

re20230806 172745 1
re20230806 172811 1

링크 버튼을 선택해 링크버튼을 누르고 버튼을 눌렀을때 이동할 사이트의 주소를 입력해준다.

6. 재사용블럭 활용하기

이렇게 한번 만들어둔 링크 버튼은 사용할때마다 번거롭게 만들 필요없이 재사용이 가능하게끔 할 수 있는 기능이 워드프레스에는 포함되어 있다. 이것을 워드프레스에서는 ‘재사용블럭’이라고 부른다.

re20230806 173903 1

버튼을 선택하고 오른쪽 위 점 세개 메뉴를 선택한 다음 ‘부모블록선택’을 누른다.

re20230806 173922 5

메뉴바가 조금 달라지는데 다시 오른쪽 점세개 버튼을 누르면 노출되는 메뉴가 달라진다. 여기서 ‘재활용 가능한 블록 생성’을 선택하자.

re20230806 173953 5

재사용블록의 이름을 설정하고 저장을 누른다. 이제 이 링크버튼은 언제 어느때라도 쉽게 불러와서 사용이 가능하게 되었다.

7. 재사용블록 불러오기

re20230806 174030 1

원하는 블록에 더하기 아이콘을 누른후 자신이 설정한 링크 버튼의 이름을 입력하면 보라색으로 되어있는 재사용블록이 보일 것이다. 이제 이것만 눌러주면 간단하게 링크버튼을 불러내어 블로그에 사용할 수 있다.

여기서 한 가지 중요한 것은 이렇게 불러낸 재사용블록은 모든 페이지에 영향을 끼치게 되므로 불러낸 재사용블록의 점세개 메뉴를 눌러 일반 블록으로 변환을 선택해서 사용해야 다른 페이지에 영향을 끼치지 않게 된다.