가이드/웹사이트 편집/사이트 편집기/사이트 편집기 사용

사이트 편집기 사용

사이트 편집기를 사용하면 코드 없이도 헤더, 푸터, 템플릿을 포함하여 전체 사이트를 시각적으로 편집할 수 있습니다. 이 가이드에서는 사이트 편집기에 내장된 핵심 도구를 알아봅니다.

비디오 개요

과정: 워드프레스닷컴에서 웹사이트 만들기
영어 비디오입니다.
YouTube의 자동 번역 기능을 사용하면 원하는 언어로 시청할 수 있습니다.

자동 번역 자막을 켜는 방법:

  1. 비디오를 재생합니다.
  2. 비디오 오른쪽 하단의 ⚙️ 설정 아이콘을 클릭합니다.
  3. 자막/CC를 선택합니다.
  4. 자동 번역을 선택합니다.
  5. 원하는 언어를 선택합니다.

자동 더빙(실험 기능)으로 시청하는 방법:

  1. ⚙️ 설정 아이콘을 클릭합니다.
  2. 오디오 트랙을 선택합니다.
  3. 시청하려는 언어를 선택합니다.

ℹ️ 번역과 더빙은 Google에서 자동 생성되므로 정확하지 않을 수 있으며, 자동 더빙 기능은 현재 테스트 중이라 모든 언어에서 사용할 수 있는 것은 아닙니다.

사이트 편집기 접근

사이트 편집기는 템플릿, 탐색 메뉴 및 페이지를 포함하여 웹사이트 디자인을 수정하는 데 사용합니다.

사이트 편집기를 열려면 다음 단계를 따르세요.

  1. 사이트의 알림판에서 시작합니다.
  2. 왼쪽에 있는 디자인에 마우스 오버하거나 클릭합니다.
  3. 편집기를 클릭합니다.
사이트 알림판에서 디자인 메뉴가 열리고, 편집기 하위 메뉴를 가리키는 화살표가 표시됩니다.

디자인에서 편집기가 표시되지 않으면 테마가 사이트 편집기를 지원하지 않습니다. 블록 테마로 전환하여 사이트 편집기에 접근해 보세요.

사이트 편집기에서 왼쪽에 다음과 같은 옵션이 있는 디자인 패널이 있습니다.

  • 탐색: 사이트의 탐색 메뉴를 관리합니다.
  • 스타일: 사이트의 색상, 글꼴 및 기타 디자인 측면을 사용자 정의합니다.
  • 페이지: 사이트 개별 페이지의 콘텐츠를 편집합니다.
  • 템플릿: 사이트 콘텐츠의 구조적 레이아웃을 편집합니다.
  • 패턴: 템플릿의 더 작은 부분(예: 헤더 및 푸터)과 생성한 패턴을 편집합니다.

오른쪽에는 웹사이트 홈페이지 미리보기가 있습니다. 이 영역의 아무 곳이나 클릭하면 왼쪽 사이드바가 닫히고 편집기에서 홈페이지가 열립니다.

사이트 편집기가 처음 열리면 왼쪽에 "디자인" 메뉴가 표시되고 오른쪽에 사이트 홈페이지 미리보기가 표시됩니다.

사이트 편집기 사용

사이트 편집기 오른쪽에 있는 미리보기를 클릭하여 사이트 편집 도구에서 홈페이지를 엽니다. 특정 페이지, 템플릿 또는 패턴을 편집할 때도 동일한 편집 도구가 표시됩니다.

상단 메뉴

사이트 편집기 상단에는 왼쪽에서 오른쪽으로 아래에서 설명하는 몇 가지 옵션이 있습니다.

상단 메뉴.
  1. 탐색 열기: 사이트 아이콘(또는 아직 설정하지 않은 경우 기본 W 로고)을 한 번 클릭하여 이전 섹션에서 설명한 왼쪽 사이드바 옵션으로 돌아갑니다. 다시 클릭하면 사이트의 알림판으로 돌아갑니다.
  2. 블록 삽입기: 새 블록을 추가하려면 이 버튼을 클릭합니다.
  3. 실행 취소: 마지막으로 진행한 작업을 되돌립니다.
  4. 다시 실행: 실행 취소 버튼을 사용하여 되돌린 작업을 다시 되돌립니다.
  5. 목록 보기: 페이지에 있는 모든 블록의 목록이 표시됩니다. 목록 보기는 페이지의 구조를 참조하고 블록을 편집, 이동, 제거하는 데 유용합니다.
  6. 명령 센터: 편집 중인 템플릿의 이름이 표시됩니다. 클릭하면 사이트의 템플릿을 검색합니다.
  7. 보기: 데스크톱, 태블릿 또는 모바일 화면에서 콘텐츠를 보려면 뷰포트를 변경합니다. “사이트 보기“를 클릭하면 변경 결과가 표시됩니다.
  8. 도움말 센터: 유용한 가이드를 검색하거나 적격 요금제의 경우 지원팀에 문의합니다.
  9. 스타일: 색상, 글꼴 등을 사용자 정의합니다. 스타일에 대해 자세히 알아보세요.
  10. 설정: 오른쪽의 설정 사이드바를 표시하거나 숨깁니다.
  11. 저장: 변경 사항을 저장합니다. 저장에 대해 자세히 알아보세요.
  12. 추가 옵션: 추가 설정과 도구가 열립니다.

스타일

사이트에 전체적으로 영향을 미치는 색상 팔레트, 글꼴, 레이아웃 및 기타 디자인 측면을 선택하려면 사이트 편집기의 스타일을 사용합니다. 스타일 사용 방법을 알아보세요.

상단 도구 모음에서 강조 표시된 흑백 스타일 아이콘.

설정 사이드바(오른쪽)

설정 사이드바에는 편집 중인 템플릿에 대한 정보 및 템플릿 내의 특정 블록을 사용자 정의하기 위한 옵션이 포함됩니다.

설정 사이드바가 편집기의 오른쪽에 표시됩니다.

오른쪽에 사이드바가 표시되지 않으면 오른쪽 위 모서리의 설정 아이콘을 클릭하여 설정을 가져와야 할 수도 있습니다. 이 아이콘은 두 개의 고르지 않은 칼럼이 있는 정사각형 모양입니다.

워드프레스 편집기 상단의 강조 표시된 설정 아이콘.
오른쪽 위 모서리에 있는 설정 아이콘

상단에 작업 중인 템플릿의 이름이 표시됩니다. 템플릿 이름 오른쪽의 생략 부호(점 3개)를 클릭하여 테마의 기본값으로 템플릿을 재설정하고 사용자 정의한 항목을 모두 되돌립니다.

템플릿의 이전 버전이 있으면 템플릿 설명 아래에 리비전 링크가 표시됩니다. 사용하면 사용자 정의 템플릿의 이전 버전을 복원합니다. 템플릿 리비전에 대해 자세히 알아보세요.

콘텐츠 섹션 아래에 템플릿 부분(일반적으로 헤더와 푸터)이 있으며, 이를 클릭하여 해당 사이트 전체 요소를 업데이트할 수 있습니다.

상단의 블록 탭을 클릭하여 선택한 특정 블록의 설정을 봅니다.

사이트 편집기의 설정 사이드바.

변경 사항 저장

저장 버튼을 클릭하여 사이트 편집기에서 적용한 변경 사항을 저장하면 저장될 변경 사항을 보여주는 추가 화면이 표시됩니다.

기본적으로 각 변경 사항 옆의 상자가 선택됩니다. 변경 사항을 선택 취소하고 저장하지 않을 수 있습니다.

템플릿, 템플릿 부분 또는 탐색 메뉴에 변경 사항을 저장하면 해당 변경 사항은 사이트에서 템플릿이나 메뉴가 사용되는 모든 곳에 적용됩니다.

저장할 변경 사항 옆에 확인란이 포함된 변경 사항 저장 프롬프트.

추가 가이드

사이트 편집의 모든 측면에 대해 자세히 알아볼 수 있는 다음과 같은 유용한 추가 리소스와 튜토리얼이 있습니다.

편집기 시작하기

다음 가이드에서는 블록 편집의 기본 사항을 다룹니다. 사이트에 추가하는 각 콘텐츠는 블록 내에 포함됩니다. 아래 가이드는 블록의 편집, 추가, 이동 및 제거에 익숙해지는 데 도움이 됩니다.

워드프레스 편집기

워드프레스 편집기에서는 블록 시스템을 사용하여 웹사이트의 페이지와 글을 생성합니다. 이 가이드에서는 블록을 사용하여 아름다운 레이아웃을 생성하는 방법을 설명합니다. 블록으로 무한한 가능성을 펼쳐보세요!

블록을 사용하여 콘텐츠 추가

블록은 워드프레스 편집기에 있는 하나의 콘텐츠 조각입니다. 이 가이드에서는 사이트에 블록을 추가하는 방법을 알려드립니다.

블록 선택 및 이동

이 가이드에서는 블록을 페이지의 다른 부분으로 이동하는 방법을 보여드립니다.

블록 제거

이 가이드에서는 페이지에서 블록을 제거하는 방법을 보여드립니다.

편집기에서 사이트 디자인

사이트 편집기에서 헤더, 푸터, 콘텐츠 영역을 포함한 사이트의 템플릿을 디자인할 수 있습니다. 다음 가이드에서는 사이트 편집기의 사이트 디자인 기본 개념을 소개합니다.

헤더 편집

헤더는 일반적으로 사이트 제목, 로고 및 탐색 메뉴가 표시되는 웹사이트의 상단 부분입니다. 이 가이드에서는 웹사이트 헤더를 사용자 정의하는 방법을 알아봅니다.

사이트 편집기로 사이드바 추가

블로그를 비롯하여 많은 웹사이트에는 그림, 내 소개 텍스트, 다른 글 링크, 소셜 미디어 프로필 등등을 표시하는 사이드바가 있습니다. 이 가이드에서는 사이트 편집기를 사용하여 사이드바를 추가하는 방법을 보여드립니다. 이 가이드에서 설명하는 방법을 사용하려면 사이트 편집기가 지원되는 테마를 사이트에서 사용해야 합니다. 일반적으로 레이아웃이 70/30인 열 블록을 사용하여 사이드바 요소를 추가할 수 있습니다. 더 작은 열이 사이드바가 됩니다.…

단일 글 템플릿 편집

단일 글 템플릿으로 사이트의 개별 글 레이아웃이 제어됩니다. 이 템플릿을 변경하면 모든 글에 변경 사항이 반영되어 블로그 방문자가 일관된 환경을 경험할 수 있습니다. 이 설명서에서는 단일 글 템플릿을 사용자 정의하는 방법을 보여드립니다. 단일 글 템플릿 편집 시점 사이트에서 사이트 편집기가 지원되는 테마를 사용하는 경우 템플릿에 접근하여 편집할 수 있습니다. 사이트에서 사이트 편집기를 사용하는지 결정하는 빠른 방법은 알림판의 디자인 → 편집기를 확인하는…

푸터 편집

푸터는 사이트의 모든 페이지 하단에 표시되는 콘텐츠 영역입니다. 푸터는 흔히 연락처 정보와 소셜 미디어 공유, 사이트 메뉴나 링크 목록 표시 또는 저작권 정보 제공에 사용되지만, 사이트에 표시하려는 콘텐츠로 푸터를 사용자 정의할 수 있습니다.

Copied to clipboard!