구 버전 편집기 사용하기

이 가이드에서는 워드프레스의 기존 편집 환경인 구 버전 편집기를 사용하는 방법을 설명합니다. 최신 워드프레스 편집기에서는 구 버전 편집기가 할 수 있는 모든 작업을 수행할 수 있으므로 구 버전 편집기를 계속 사용할 수 있더라도 사용하지 않는 것이 좋습니다.

기본 설정인 경우 구 버전 편집기에 계속 접근할 수 있습니다. 구 버전 편집기에 접근하는 단계는 사이트에서 플러그인을 사용하는지 여부에 따라 다릅니다.

구 버전 편집기에서 페이지 또는 글을 편집하려면 다음 단계를 수행합니다.

1. 사이트의 알림판을 방문합니다.
2. 설정 → 일반에서 “관리자 인터페이스 스타일“이 “기본“이 아니라 “구 버전“으로 설정되어 있는지 확인합니다.
3. 페이지 또는 글로 이동합니다.
4. 편집하려는 페이지 또는 글 위에 마우스 커서를 놓은 다음에 “구 버전 편집기“를 선택합니다.

플러그인이 활성화된 요금제를 이용 중인 경우 자동으로 설치되는 구 버전 편집기 플러그인을 활성화하여 구 버전 편집기에 접근할 수 있습니다.

1. 사이트의 알림판을 방문합니다.
2. 사이드바에서 플러그인 → 설치된 플러그인으로 이동합니다.
3. 이미 설치된 구 버전 편집기 플러그인을 찾습니다.
4. 플러그인 이름 아래의 “활성화” 링크를 클릭합니다.
5. 새 글 또는 페이지를 만들면 기본적으로 구 버전 편집기로 설정됩니다.

구 버전 편집기 플러그인이 활성화된 상태로 페이지를 편집해도 워드프레스 편집기로 이동하는 경우 다음 사항을 확인하세요(플러그인을 사용하지 않는 사이트에는 적용되지 않음).

구 버전 편집기를 워드 프로세서와 비슷한 보기에서 콘텐츠를 만들고 편집하고 서식을 지정할 수 있습니다. 최신 워드프레스 편집기를 사용하여 간단한 블로그 글부터 미디어가 풍부하고 고유한 모바일 반응형 웹사이트까지 클래식 편집기에서 할 수 있는 모든 콘텐츠를 생성할 수도 있습니다.

구 버전 편집기에는 비주얼과 HTML이라는 두 가지 보기가 있습니다. HTML 편집에 익숙하지 않은 경우 편집기 영역의 오른쪽 상단에서 비주얼 탭을 선택합니다.

구 버전 편집기의 콘텐츠는 선택한 테마의 CSS(색상, 간격, 폭 등 HTML 스타일링이 제공되는 코드 유형)를 통해 스타일이 지정됩니다. 편집기에 표시되는 내용이 실제 사이트와 정확하게 일치하지 않을 수 있습니다. 미리보기 버튼을 사용하여 실제 사이트에서 글 또는 페이지가 어떻게 보이는지 확인할 수 있습니다.

구 버전 편집기에는 편집 버튼 행이 2개 있습니다. 마우스 커서를 위에 올려 각 버튼의 기능을 확인할 수 있습니다. 아이콘과 아이콘의 용도를 설명하는 작은 도구 설명이 나타납니다.

처음 열면 구 버전 편집기에 하나의 아이콘 행이 표시됩니다.

아이콘은 왼쪽부터 오른쪽 순으로 다음과 같습니다.

1. 미디어 추가(이미지, 비디오 등)
2. 스타일 – 테마에 따라 정의된 다양한 서식 스타일
3. 굵게
4. 이탤릭
5. 순서 없는 목록(글머리 기호):
   • 아이템 1
   • 아이템 2
6. 순서 있는 목록
   1. 아이템 1
   2. 아이템 2
7. 인용(따옴표로 묶은 텍스트의 스타일을 지정하는 방법으로 테마마다 다르게 스타일이 지정됩니다.)
8. 왼쪽 정렬
9. 가운데 정렬
10. 오른쪽 정렬
11. 링크 삽입/편집/제거
12. 더 보기 태그 삽입
13. 도구 모음 전환(편집 아이콘의 두 번째 행 표시)
14. 문의 양식 추가

아이콘의 두 번째 행을 표시하려면 첫 번째 행의 오른쪽에 있는 도구 모음 전환 아이콘을 선택합니다(위의 버튼 번호 13). 이 경우 다음과 같은 두 번째 도구 모음이 열립니다.

아이콘은 왼쪽부터 오른쪽 순으로 다음과 같습니다.

1. 취소선
2. 가로 선
3. 텍스트 색상 선택 – 텍스트 색상 변경
4. 텍스트로 붙여넣기
5. 서식 지우기
6. 특수 문자 삽입
7. 내어쓰기 – 텍스트를 맨 왼쪽으로 이동
8. 들여쓰기 – 텍스트를 맨 오른쪽으로 이동
9. 실행 취소 – 마지막 작업 실행 취소
10. 다시 실행 – 마지막 작업 다시 실행
11. 도움말 – 키보드 단축키 표시

적절한 아이콘을 사용하여 텍스트와 이미지를 모두 정렬할 수 있습니다.

왼쪽

오른쪽

가운데

스타일 드롭다운 메뉴를 사용하면 선택한 텍스트의 서식을 변경할 수 있습니다. 여기에는 테마에 내장된 여러 가지 헤딩요소 및 기타 사전 정의된 스타일이 포함됩니다.

스타일을 더 수정하려면 사용자 정의 CSS(및 CSS에 대한 적절한 지식)가 필요합니다.

텍스트 색상을 변경하려면 먼저 텍스트 섹션을 강조 표시해야 합니다.

텍스트 색상 버튼 옆에 있는 아래쪽 화살표를 클릭하면 색상 선택기가 표시됩니다. 색상 선택기가 열려 있는 동안 화살표가 강조됩니다. 이 화살표를 클릭하면 색상을 선택하지 않고 선택기를 닫을 수 있습니다.

색상을 선택하면 선택한 텍스트에 해당 색상이 적용되고 색상 버튼의 기본 색상이 됩니다.

텍스트 색상 버튼 자체를 클릭하면 마지막 기본 색상이 적용됩니다.

다른 곳에서 텍스트를 복사하여 붙여넣으면 텍스트가 예상대로 정확하게 나타나지는 않을 수도 있다는 것을 알 수 있습니다. 이는 다른 프로그램(예: 이메일, Word 문서)에서 붙여넣으면 원치 않는 일부 서식이 따라올 수 있기 때문입니다.

텍스트로 붙여넣기 버튼을 사용하면 특수한 지우기 절차가 실행되어 텍스트의 서식을 변경할 수 있는 특수한 서식 및 HTML 태그가 제거됩니다.

다음은 “일반 텍스트 끄기” 모드에서 도구 모음이 표시되는 모양입니다. 주위에 상자가 없습니다.

다음은 “일반 텍스트 켜기” 모드에서 도구 모음이 표시되는 모양입니다. 이제 아이콘 주위에 상자가 있고 버튼은 음영 처리된 검은색으로 표시됩니다.

서식 지우기 버튼은 강조 표시된 텍스트 섹션에서 모든 서식(굵게, 이탤릭, 색상 등)을 제거합니다. 먼저 텍스트를 선택합니다.

이 버튼을 클릭하면 모든 서식이 제거됩니다.

글 또는 페이지에 특수 문자를 삽입할 수 있습니다. 문자를 삽입할 위치에 커서를 놓고 사용자 정의 문자 삽입 버튼을 클릭합니다. 팝업 창이 표시됩니다.

아무 문자나 클릭하면 커서 위치에 삽입됩니다.

들여쓰기 버튼은 텍스트를 한 단계씩 안으로 이동하고, 내어쓰기 버튼은 한 단계 앞으로 이동합니다.

Enter(Return) 키를 누르면 작성 중인 문단이 끝나고 새 문단이 시작됩니다. 새 문단을 만들지 않고 새 줄을 시작하려면 Enter 키를 누른 상태에서 Shift 키를 길게 누릅니다.

구 버전 편집기에서는 몇 가지 키보드 단축키(또는 핫키)가 기본적으로 제공됩니다.

사용 가능한 단축키 목록을 표시하려면 도구 모음 전환을 클릭하여 두 번째 아이콘 행을 표시한 다음 두 번째 행의 끝에 있는 “키보드 단축키“(물음표) 아이콘을 클릭합니다.

편집기에서 사용 가능한 키보드 단축키 목록이 표시된 창이 나타납니다.

기본 단축키를 사용하려면 Mac의 경우 Command + 키, Windows의 경우 Ctrl + 키를 누릅니다.

추가 단축키를 알아보려면 Mac의 경우 Control + Option + 키, Windows의 경우 Ctrl + Alt + 키를 누릅니다.