본문 바로가기

워드프레스 글 작성 시 여백 추가하는 방법

2019. 12. 31. 댓글 4

워드프레스에서 글을 작성할 때 여백을 추가하고 싶은 경우가 있을 수 있습니다. 그런 경우 구텐베르크 편집기 (블럭 에디터)에 포함된 '여백 설정' 블럭을 활용하여 여백을 추가할 수 있습니다.

여백을 추가하려는 경우 블록 추가 아이콘(플러스 모양의 아이콘)을 클릭하고 레이아웃 요소 섹션으로 이동하여 "여백 설정" 블록을 선택하도록 합니다.

여백 설정 블록

여백 설정 블록을 선택하면 해당 위치에 여백이 추가되고, 오른쪽에 여백 높이를 설정할 수 있는 옵션이 표시됩니다.

"여백 설정"에서 높이를 원하는 값으로 조정하도록 합니다. 

위의 그림에서 Theme Settings는 기본적으로 제공되는 기능은 아니고, 테마에서 제공하는 옵션입니다. 위의 예시는 인기 매거진 테마인 Newspaper를 사용할 경우에 표시되는 것을 보여줍니다.

고급에서는 추가 CSS 클래스를 입력할 수 있습니다.

워드프레스 버전 5부터는 구텐베르크 편집기가 기본적으로 탑재되어 있습니다. 구텐베르크 편집기는 도입될 당시에 많은 논란을 일으켰지만, 이제 자리를 잡아 가는 것 같습니다.

구텐베르크를 잘 활용하면 페이지 빌더를 사용하지 않고 웬만한 디자인의 페이지를 만들 수 있습니다. 보다 정교한 페이지 디자인을 원하는 경우에는 (페이지 빌더를 사용하고 있지 않다면) Elementor와 같은 무료 페이지 빌더를 활용할 수 있습니다.

 

워드프레스 Elementor 페이지 빌더의 블록과 페이지 템플릿 사용하기

무료로 제공되는 페이지 빌더인 Elementor는 유료 페이지 빌더 못지 않은 다양한 기능으로 많은 사용자를 확보하고 있는 플러그인입니다. 페이지 빌더를 사용하면 사이트 속도가 느려질 수 있지만, Elementor는 비교적 빠른 속도를 보이는 것 같습니다.

www.thewordcracker.com

구텐베르크 사용 방법:

 

※일부 글에 제휴 링크가 포함될 수 있습니다.

댓글4