구텐베르크 편집기는 워드프레스에서 콘텐츠를 생성하고 편집하는 데 핵심 요소입니다. 블록 시스템을 통해 텍스트, 이미지, 버튼 등 다양한 요소를 유연하고 직관적으로 다룰 수 있습니다. 이 가이드에서는 기본적인 블록 - 제목, 단락, 이미지, 갤러리, 버튼 및 열 - 을 효과적으로 삽입하고 조정하여 콘텐츠를 매력적으로 만드는 방법을 배웁니다.
주요 요점
- 구텐베르크 편집기는 콘텐츠 작성을 위한 블록 시스템을 사용합니다.
- 블록을 개별적으로 조정할 수 있습니다: 색상, 여백 및 레이아웃.
- 갤러리는 여러 이미지를 매력적인 형식으로 표시할 수 있습니다.
- 버튼은 다른 페이지로의 링크를 포함할 수 있으며 스타일을 쉽게 조정할 수 있습니다.
- 열은 콘텐츠 배치를 용이하게 하여 레이아웃에 유연성을 제공합니다.
단계별 가이드
기본 블록 추가하기
구텐베르크 편집기를 시작하려면 워드프레스 관리자 페이지를 열고 편집하려는 게시물이나 페이지로 이동하세요. 새 블록을 추가하려면 사용 가능한 모든 블록을 표시하는 + 기호를 클릭하세요. 원하는 블록을 선택하세요.
제목 스타일 조정하기
제목 블록을 추가한 후 다양한 스타일을 지정할 수 있습니다. 예를 들어 글꼴 크기와 색상을 조정할 수 있습니다. 제목을 강조하기 위해 생동감 있는 색상을 선택하되 가독성이 유지되도록 주의하세요.
텍스트 스타일링 및 링크
텍스트 블록은 콘텐츠를 작성할 뿐만 아니라 다양한 조정을 가능하게 합니다. 텍스트를 색상으로 스타일링하거나 링크를 추가할 수 있습니다. 링크를 설정하려면 원하는 텍스트를 강조 표시하고 URL을 추가하세요. 이렇게 하면 텍스트가 상호작용할 수 있습니다.
이미지 및 그 조정
이미지를 삽입하는 것도 간단합니다. 이미지를 업로드하거나 미디어 라이브러리에서 선택하세요. 그런 다음 특정 비율과 디자인 조정으로 이미지를 꾸밀 수 있습니다. 예를 들어 원형 프로필 이미지를 만들고 싶다면, 테두리를 100%로 설정하여 완벽한 원형 이미지를 얻도록 하세요.
갤러리 만들기
여러 이미지를 동시에 표시하려면 갤러리 블록을 사용하세요. 이때 미디어 라이브러리에서 이미지를 선택하여 로딩 시간을 최적화하는 것이 중요합니다. 웹사이트 성능에 영향을 미칠 수 있는 큰 이미지 파일은 피하세요. TinyPNG와 같은 도구를 사용하면 이미지 품질을 손상시키지 않으면서 파일 크기를 줄일 수 있습니다.
버튼 추가 및 스타일링
버튼은 쉽게 생성할 수 있으며 방문자를 중요한 페이지로 안내할 수 있습니다. 버튼 블록을 추가하고 URL과 연결하세요. 그런 다음 버튼의 외관을 조정하여 부각시킬 수 있습니다.
구조적 레이아웃을 위한 열 사용하기
열은 내용을 나란히 배치하는 훌륭한 도구입니다. 원하는 열 수를 선택하고 개별적으로 조정할 수 있습니다. 텍스트와 이미지가 결합된 레이아웃에 적합합니다. 그러나 모바일 장치에서 열이 어떻게 표시되는지 주의하여 사용자 친화적인 디자인을 보장하세요.
요약 - 구텐베르크 편집기: 효과적인 콘텐츠 생성을 위한 포괄적인 가이드
구텐베르크 편집기는 매력적이고 잘 구조화된 콘텐츠를 만들 수 있도록 도와주는 다양한 기능을 제공합니다. 단순한 텍스트 블록 추가부터 열과 갤러리가 포함된 복잡한 레이아웃까지, 창의력을 발휘할 수 있는 무한한 가능성이 있습니다.
자주 묻는 질문
구텐베르크 편집기에서 새 블록을 어떻게 추가하나요?플러스 기호(+)를 클릭하여 사용 가능한 블록을 표시하고 원하는 블록을 선택하세요.
구텐베르크 편집기에서 색상과 글꼴을 조정할 수 있나요?네, 각 블록의 색상과 글꼴을 개별적으로 조정할 수 있습니다.
구텐베르크 편집기에서 갤러리를 어떻게 만드나요?갤러리 블록을 추가하고 미디어 라이브러리에서 이미지를 선택하세요.
버튼에 링크를 추가하려면 어떻게 하나요?버튼 블록을 선택하고 링크 필드에 URL을 입력하세요.
이미지를 삽입할 때 주의해야 할 점은 무엇인가요?웹사이트의 로딩 속도에 영향을 주지 않도록 이미지 크기를 최적화하세요.
