html2wp / Visual Edit
워드프레스 비주얼 에디터: 페이지를 클릭하고 그 자리에서 편집하세요
Visual Edit Lite는 무료 프런트엔드 워드프레스 비주얼 에디터입니다. Twenty Twenty-Five 같은 블록 테마에서 페이지의 제목, 이미지, 메뉴를 클릭하고 그 자리에서 바로 바꿉니다. 같은 에디터로 html2wp를 사용해 정적 HTML에서 변환한 사이트도 편집할 수 있으며, 페이지 마크업은 디자인과 1:1로 유지됩니다. 저장할 때마다 되돌아갈 수 있는 지점이 생깁니다. 유료 Pro 버전은 연 €59이며, 베타 기간에는 첫해가 30% 할인되고, 별도로 판매합니다.
Twenty Twenty-Five에서 워드프레스 비주얼 에디터 써 보기
영상은 텍스트와 Google Fonts, 섹션과 색상, 블로그 글, Single Posts 템플릿, 메뉴, 사진 교체를 보여 줍니다. 모든 변경은 저장되며 되돌릴 수 있습니다.
제목을 클릭하고, 입력하고, 저장하세요
블록 테마에서 Visual Edit Lite는 툴바에서 WordPress 자체의 사이트 편집기와 글 편집기를 열고, 클릭한 블록 옆에 떠 있는 설정 패널을 보여 줍니다. 블록, 패턴, 템플릿, 전역 스타일은 평소의 WordPress 컨트롤을 그대로 씁니다. 콘텐츠는 표준 블록으로 남습니다. 페이지 빌더가 아니므로 페이지를 표시하는 데 이 플러그인에 의존하는 것은 없습니다.
텍스트 스타일을 제자리에서
클릭한 요소의 글꼴, 크기, 굵기, 대소문자, 색상을 설정합니다. Google Fonts 라이브러리 전체에서 고를 수 있고, 빠르게 쓸 글꼴을 최대 5개까지 준비해 둘 수 있습니다.
테마의 섹션
섹션을 복제하거나 테마 패턴에서 새 섹션을 추가하고, CSS를 쓰지 않고 색상, 배경, 그라데이션을 지정합니다.
글과 템플릿
블로그 글도 페이지와 같은 방식으로 편집합니다. Single Posts 같은 템플릿을 바꾸면 모든 글이 그 템플릿을 따릅니다.
페이지에서 바로 메뉴 편집
페이지에서 메뉴가 표시되는 곳에서 내비게이션 링크를 옮기고, 추가하고, 삭제합니다. 여전히 일반 WordPress 내비게이션입니다.
미디어 라이브러리의 사진
이미지를 클릭하고 미디어 라이브러리의 다른 이미지로 바꿉니다. 대체 텍스트는 바로 옆에 있습니다.
어느 저장 시점으로든 되돌리기
각 페이지는 최근 저장 10개(Pro 버전은 최대 300개)와 원본 버전을 보관합니다. 템플릿과 전역 스타일에는 WordPress 자체의 리비전이 따로 있습니다.
정적 HTML 웹사이트도 워드프레스 비주얼 에디터로 클릭해서 편집
같은 에디터는 정적 HTML에서 WordPress로 변환한 웹사이트에서도 작동합니다. HTML은 먼저 html2wp를 거칩니다. 그다음 Visual Edit가 html2wp가 만든 테마를 편집합니다. html2wp-to-gutenberg로 한 번 더 변환해 만든 네이티브 Gutenberg 블록 테마도 편집할 수 있습니다. 이 두 번째 단계는 아직 실험적 기능이며, 설정에서 켤 수 있습니다. 텍스트, 이미지, 링크, 양식, 메뉴를 페이지의 제자리에서 편집합니다. 그래서 손으로 작성한 HTML로 시작한 웹사이트도 클라이언트가 코드를 건드리지 않고 쓸 수 있는 WordPress 에디터를 갖게 됩니다. 그동안 페이지 마크업은 디자인과 1:1로 유지됩니다.
워드프레스 비주얼 에디터의 두 가지 에디션: Lite와 Pro
Visual Edit Lite는 무료이고 라이선스 키가 필요 없으며, 클릭해서 편집하는 기능을 모두 담고 있습니다. Pro는 스튜디오에서 흔히 원하는 기능을 더합니다. Pro는 연 €59에 별도로 판매합니다.
| Lite (무료) | Pro | |
|---|---|---|
| 클릭으로 콘텐츠 편집 | ✓ | ✓ |
| 양식, 메뉴, SEO 필드 | ✓ | ✓ |
| AI 채팅으로 편집 | – | ✓, 본인의 API 키 사용 |
| 테마 내보내기 | – | ✓ |
| Turnstile 스팸 방지 | – | ✓ |
| AI 이미지 편집과 이미지 기반 애니메이션 | – | ✓ |
| 편집 기록 | 저장 10개와 원본 버전 | 300단계 |
| 사이트 | 개수 제한 없음, 키 불필요 | 라이선스당 도메인 1개 |
| 라이선스 | GPL-2.0 | GPL-2.0 |
각 에디션을 받는 방법
Lite는 무료로 내려받습니다. 키도 계정도 없이 WordPress.org에서 받을 수 있습니다. 대시보드에서 플러그인 → 플러그인 추가를 열고 "Visual Edit Lite"를 검색해 설치하거나, WordPress.org 페이지에서 내려받으세요. 아무것도 설치하기 전에 써 보고 싶다면 WordPress Playground의 Lite 링크를 여세요. 브라우저 탭에서 실행되는 WordPress에 에디터가 이미 열린 상태로 나타납니다. Lite는 WordPress 자체와 같은 라이선스인 GNU GPL 버전 2 이상으로 배포됩니다. 본인 사이트든 클라이언트 사이트든, 유료 작업을 포함해 사이트 수 제한 없이 쓸 수 있습니다. 등록할 것도 없고 만료되는 것도 없습니다. Pro가 더하는 기능은 Lite에 들어 있지 않으므로, Lite에는 잠금 해제할 것이 없습니다.
Pro는 별도로 구매합니다. 요금 페이지에서 연간 라이선스로 판매합니다. 무료 요금제든 Pro든 모든 변환 결과는 Lite를 안내합니다. 구매하면 Visual Edit Pro 키가 이메일로 도착합니다. 이 키로 다운로드 페이지에서 플러그인을 내려받아 설치하고, WordPress의 플러그인에 같은 키를 입력합니다. 라이선스가 유효한 동안 업데이트는 WordPress를 통해 제공됩니다. 라이선스는 한 번에 도메인 하나에 등록됩니다. 옮기려면 먼저 이전 사이트에서 비활성화하세요. 테마는 플러그인 없이도 작동합니다.
Visual Edit Pro 키는 에디터 전용이며 변환을 실행하지 않습니다. 에디터로 편집하는 테마는 무료 요금제나 Pro의 변환으로 만들어집니다.
워드프레스 비주얼 에디터를 제거해도 WordPress에 남는 것
꺼도 페이지는 그대로입니다
블록 테마에서 콘텐츠는 일반 블록으로 이루어져 있습니다. HTML에서 변환한 사이트에서는 페이지, 블로그, 양식, 메뉴, SEO, 리디렉션이 테마 자체 코드입니다. 플러그인을 제거해도 디자인은 그대로 남습니다.
마크업은 1:1로 유지됩니다
편집해도 페이지 아래의 구조가 다시 만들어지지 않습니다. 클릭한 것만 바뀝니다.
AI 키는 사용자의 것입니다
Pro의 채팅 편집은 본인의 API 키로 실행되며, 비용은 제공업체에 직접 냅니다. 에디터의 나머지 기능은 키 없이 작동합니다.
기록이 있으니 조심하지 않아도 됩니다
어느 저장 시점으로든 되돌아갈 수 있습니다. Lite에서는 최근 저장 10개와 원본 버전, Pro에서는 300단계입니다.
네이티브 메뉴, 글, 양식
에디터 설치 여부와 관계없이 메뉴는 WordPress 메뉴이고, 블로그는 테마 안의 실제 글로 이루어져 있습니다.
납품된 사이트는 외부를 호출하지 않습니다
넘겨준 사이트는 실행 중에 저희 서버에 연결하지 않습니다. 빌드된 사이트를 서버에 업로드하는 것은 변환 과정이며, 납품된 사이트는 그렇게 하지 않습니다.
워드프레스 비주얼 에디터 Visual Edit에 관한 질문
블록 테마라면 작동합니다. Twenty Twenty-Five를 비롯해 템플릿과 패턴으로 만든 테마는 바로 작동합니다. 정적 HTML에서 변환한 테마에서도 작동합니다. 모든 html2wp 변환이 에디터에 필요한 것을 선언하기 때문입니다. 클래식 PHP 테마에서는 비주얼 에디터가 작동하지 않지만, 양식, 이메일 발송, 메일링 리스트, SEO, 리디렉션, llms.txt는 계속 작동합니다.
정적 HTML로 남아 있는 동안은 불가능합니다. 모든 변경이 파일 수정을 뜻하기 때문입니다. html2wp로 웹사이트를 WordPress로 변환하고 Visual Edit 에디터를 설치하면 가능합니다. 실제 페이지에서 바꾸고 싶은 텍스트, 이미지, 링크, 양식, 메뉴를 클릭하고 저장하면 됩니다. Visual Edit Lite는 무료이고 라이선스 키가 필요 없습니다.
아닙니다. 페이지 빌더는 자체 위젯으로 페이지를 다시 만들고, 그 후 사이트는 표시하는 데에도 빌더가 필요합니다. Visual Edit는 WordPress 프런트엔드 에디터로, 페이지에 이미 있는 요소를 편집합니다. 블록 테마에서는 WordPress 자체 편집기 안에서 작동하며, 콘텐츠는 일반 블록으로 남습니다. HTML에서 변환한 사이트에서는 페이지 마크업이 디자인과 똑같이 유지됩니다. 두 경우 모두 테마는 플러그인 없이 표시됩니다.
사이트는 계속 작동합니다. 페이지, 블로그, 양식, 메뉴, SEO, 리디렉션은 테마 자체 코드입니다. 플러그인을 비활성화하면 편집 인터페이스만 사라지고 디자인은 그대로 남습니다.