워드프레스 블록 편집기 기능 정리
워드프레스 블록 편집기를 사용하다 보면 의외로 모르는 기능들이 많습니다. 글을 쓰고 이미지를 넣는 정도로만 사용해도 큰 문제는 없지만, 조금만 더 살펴보면 글을 훨씬 보기 좋게 정리할 수 있는 기능들이 숨어 있습니다.
예를 들어 본문 안에 단추를 만들어 관련 글이나 외부 페이지로 연결할 수 있고, 소셜 아이콘을 넣어 SNS 계정으로 자연스럽게 안내할 수도 있습니다. 또 제목이나 본문 일부의 글자 색을 바꾸거나, 이미지와 텍스트를 나란히 배치해서 단순한 글을 좀 더 읽기 편한 형태로 만들 수도 있습니다.
예전에는 이런 작업을 하려면 HTML이나 CSS를 어느 정도 알아야 한다고 생각하기 쉬웠습니다. 하지만 구텐베르크 블록 편집기에서는 블록을 추가하고 옵션을 선택하는 방식으로 기본적인 꾸미기와 배치를 할 수 있습니다.
이번 글에서는 워드프레스 5.4 업데이트에서 눈에 띄었던 블록 편집기 기능들을 중심으로, 블로그 글 작성에 실제로 도움이 되는 기능들을 정리해 보겠습니다. 특히 버튼 만들기, 소셜 아이콘 추가, 텍스트 색상 변경, 미디어와 텍스트 배치 기능은 수익형 블로그를 운영할 때도 꽤 유용하게 활용할 수 있습니다.
1. 블록 block
구텐베르크 편집기를 열어봅시다. 블록을 추가하는 + 단추가 왼쪽에서 오른쪽으로 이동합니다.
가. 소셜 아이콘
본문 내에 소셜 미디어 아이콘을 추가할 수 있습니다. 소셜 미디어 아이콘을 추가해 독자들이 더욱 적극적으로 참여하는 글을 작성할 수 있습니다.
1) 블록 추가
블록 추가 + 단추를 누르면, 아래 스크린샷 이미지처럼 ‘위젯’ 메뉴가 나옵니다. 이것을 선택하세요.
2) Social Icons
Social Icons를 클릭 합니다.
3) 소셜 아이콘 블록
그러고 나면, 다음과 같은 소셜 아이콘 블록이 놓이게 됩니다.
아이콘 위의 작은 화살표로 아이콘 위치를 이동시킬 수 있습니다. 원하지 않는 아이콘은 오른쪽 세 점을 눌러 삭제하면 됩니다.
아이콘을 탭하면 링크주소를 넣는 창이 나옵니다.
나. 단추 만들기
블록>Buttons를 선택해 위와 같은 단추를 만들 수 있습니다.
블록을 선택한 다음 ‘Buttons’를 검색해서 만들 수도 있고, 글씨와 배경 색을 따로따로 지정할 수도 있습니다.
내가 선택한 색상 조합이 가독성이 떨어질 경우, 적절한 선택을 할 수 있도록 도와주는 정보창이 오른쪽 사이드 바에 뜹니다.
위와 같이 단추를 만들어 보았습니다.
단추를 눌러보세요. wpbeginner.com 해당 페이지로 바로 연결됩니다.
다. 텍스트 색깔 옵션
워드프레스에서도 제목과 본문 텍스트에 색깔을 입힐 수 있게 되었습니다. 글씨에 색을 넣기 원했던 분들은 이번 업데이트로 한결 편하게 작업할 수 있게 되었습니다.
텍스트 색상은 선택할 수 있지만, 블록의 바탕색은 아쉽게도 아직 지정할 수 없습니다. 하지만 블록>커버로 들어가서 적당히 조정하면 아래와 같이 비슷한 효과는 볼 수 있습니다.
커버 블록으로 블록 바탕색 지정 효과내기
라. 미디어 및 텍스트
블록>레이아웃요소>미디어 및 텍스트 로 들어가 봅시다.
여러 가지 미디어와 텍스트를 함께 나타낼 수 있습니다.
배치 형태도 옵션에 따라 다르게 가능하고, 그 외에도 블록 종류가 상당히 다양해진 것을 볼 수 있었습니다.
2. 깔끔한 UI, 쉬워진 탭
편집기 로딩이 14%, 타이핑 시간은 51% 빨라졌습니다.
‘팁’이 없어지고 대신 ‘웰컴 가이드 창’이 새로 생겼어요. 필요하면 언제든지 불러올 수 있지요.
직관적으로 디자인되어 편집 모드인지 탐색 모드인지 슬쩍 보기만 해도 알 수 있게 디자인되어 있었습니다.
이번 글에서는 워드프레스 블록 편집기 기능 정리를 담아 보았습니다. 버튼 만들기, 소셜 아이콘, 텍스트 색상 설정까지 구텐베르크 핵심 기능을 쉽게 확인해보세요. 초보자도 바로 따라할 수 있도록 실제 사용 흐름 중심으로 설명했으며, 글을 더 보기 좋게 만드는 실전 팁도 함께 담았습니다.
사실 이번 변화는 단순한 업데이트라기보다, 블록 편집기 기능이 조금 더 강화된 정도로 보는 것이 맞겠습니다. 그래서 구텐베르크 편집기를 적극적으로 사용하는 경우에는 편의성이 느껴지지만, 클래식 편집기나 마크다운 기반으로 글을 작성하는 경우라면 큰 차이를 체감하기는 어렵습니다.
저 역시 타이포라에서 글을 작성하고, 그 글을 워드프레스 블록 편집기에 붙여넣어 포스팅하는 방식을 사용하고 있기 때문에, 모든 블록 기능을 활용하지는 않습니다. 하지만 버튼이나 소셜 아이콘처럼 꼭 필요한 기능만 잘 활용해도 글의 완성도는 충분히 높아집니다.
워드프레스 글을 읽기 좋게 만드는 데 가장 큰 영향을 주는 요소 중 하나가 바로 텍스트 정렬입니다.
특히 양쪽 정렬은 글의 완성도를 한 단계 높여주기 때문에 반드시 한 번은 설정해보시는 것을 추천드립니다.
아래에서 실제 적용 방법을 확인하실 수 있습니다.
쿠팡파트너스 및 네이버 브랜드 커넥트 활동으로, 판매 발생 시 수수료를 제공받습니다.
“Harupaper의 새로운 이야기를 가장 먼저 만나보세요”
구독하시면 새 글을 빠르고 편하게 받아보실 수 있습니다.