블록을 사용해 콘텐츠 추가하기

블록은 워드프레스 편집기에 있는 하나의 콘텐츠 조각입니다. 웹사이트를 만드는 데 쓰는 조립 블록처럼 생각하시면 됩니다. 텍스트, 이미지, 비디오, 오디오, 열, 여백, 페이지 나눔, 결제 버튼, 달력 등의 블록을 추가할 수 있습니다! 이 가이드에서는 블록 추가를 시작하는 방법을 알려드립니다.

이 비디오에서는 워드프레스 편집기에서 블록을 사용해 콘텐츠를 추가하는 방법을 알아봅니다. 블록 삽입기 사용, 슬래시 명령으로 블록 추가, 도구 모음과 사이드바 설정으로 블록 편집, 목록 보기로 블록 위치 변경 등을 다룹니다.

+ 버튼인 블록 삽입기가 보이는 곳이라면 어디서든 블록을 추가할 수 있습니다. 이 버튼은 다음과 같은 여러 곳에 표시됩니다.

1. 편집기 왼쪽 위에 있는 + 블록 삽입기를 클릭합니다. 이 옵션을 사용하면 다양한 블록 스타일을 미리 볼 수 있습니다.

2. 키보드에서 Enter/Return 키를 눌러 새 줄을 만들고, 빈 블록 측면의 + 블록 삽입기를 클릭합니다.

3. 클릭한 블록에 나타나는 도구 모음에서 점 3개(…)를 클릭하고 앞에 삽입 또는 뒤에 삽입을 선택하여 현재 블록 위 또는 아래에 새 블록을 삽입합니다.

팁: 블록 이름이 익숙해지면 슬래시 다음에 블록 이름을 입력해 블록을 빠르게 추가할 수 있습니다. 예: /image 또는 /heading.

블록을 제거하려면 블록 제거하기를 참조하세요.

페이지에 이미 콘텐츠가 있고 특정 위치에 새 블록을 추가하려면 다음 두 가지 방법 중 하나를 사용할 수 있습니다.

목록 보기는 사이트 콘텐츠 작업 시 필수적인 도구입니다. 목록 보기를 열어 새 블록을 추가하려면 다음 단계를 따라 하세요.

1. 편집기 왼쪽 위에 있는 가로줄 세 개 아이콘을 클릭하여 목록 보기를 엽니다.
2. 새 블록을 추가할 위치 옆에 있는 기존 블록을 클릭합니다.
3. 강조 표시된 블록 오른쪽에 있는 점 세 개를 클릭합니다.
4. 앞에 삽입 또는 뒤에 삽입을 선택합니다.
5. + 블록 삽입기를 클릭합니다.
6. 추가하려는 블록을 검색한 다음 클릭하면 해당 위치에 삽입됩니다.

컴퓨터의 마우스/터치패드를 사용하여 다음 단계에 따라 원하는 위치에 새 블록을 추가할 수도 있습니다.

1. 페이지에서 새 블록을 추가할 위치로 커서를 옮긴 뒤 그 위치에 마우스를 올려 둡니다.
2. 약 1초 후에 나타나는 + 블록 삽입기를 클릭합니다.
3. 추가하려는 블록을 검색한 다음 클릭하면 해당 위치에 삽입됩니다.

사이트에 추가하고 싶은 거의 모든 요소에 맞는 블록이 있습니다. 전체 블록 목록을 살펴보려면 편집기 왼쪽 위에 있는 + 블록 삽입기를 클릭하세요. 전체 블록 목록과 각 블록의 가이드는 여기에서 확인할 수 있습니다.

여기에서는 모든 블록이 카테고리별로 나뉘어 표시됩니다. 블록에 마우스를 올리면 추가 정보가 담긴 미리보기가 표시됩니다.

여기에서 블록 패턴(유용한 디자인으로 구성된 블록 그룹)에도 접근할 수 있습니다. 전문적으로 디자인된 다양한 패턴을 활용하여 웹사이트를 구축하려면 패턴 라이브러리를 살펴보세요.

플러그인을 설치한 경우 플러그인에서 추가한 블록이 여기에 표시될 수 있습니다.

워드프레스 에이전트는 사이트 콘텐츠를 작성하고 만드는 데 도움을 줍니다. 다음은 복사하여 사용할 수 있는 프롬프트 예시입니다.

• “[주제]에 대한 페이지의 짧은 소개 단락을 작성해 주세요.”
• “방문자가 연락하도록 유도하는 행동 유도 단락을 작성해 주세요.”
• “우리 비즈니스가 제공하는 5가지 서비스를 글머리 기호 목록으로 만들어 주세요.”
• “소개 페이지에 넣을 간단한 팀 소개를 작성해 주세요.”

워드프레스 에이전트는 자연어 프롬프트를 사용해 페이지나 글 전체에 블록을 추가하고 배치하며 콘텐츠를 채울 수 있습니다. 다음은 사용해 볼 수 있는 프롬프트 예시입니다.

• “소개 페이지 상단에 이미지 블록을 추가하고 그 뒤에 단락 블록을 넣어 주세요.”
• “서비스 페이지로 연결되는 ‘자세히 알아보기’ 버튼 블록을 삽입해 주세요.”
• “홈페이지의 각 섹션 사이에 구분선 블록을 추가해 주세요.”
• “최신 글의 두 번째 단락 뒤에 인용 블록을 삽입해 주세요.”