가끔 곁들이는 이미지가 포함된 긴 글을 작성하는 것이 콘텐츠 제작의 전부인 하드코어 블로거라면, 기존의 TinyMCE 콘텐츠 에디터만으로도 충분할 수 있습니다. 현재 도구 모음에는 글 작성에 필요한 도구가 이미 포함되어 있어 굵게, 기울임꼴, 제목 등과 같은 기본적인 텍스트 서식 도구를 사용할 수 있습니다. 하지만 그게 전부입니다.
편리한 레이아웃 기능의 부재
현재 TinyMCE 콘텐츠 에디터로 글을 쓸 수는 있지만, 하나의 연속된 텍스트 열 외에는 콘텐츠를 레이아웃할 마땅한 방법이 없습니다. 기본 상태로는 텍스트를 두 개 이상의 열로 나누거나 다른 배경색으로 구분된 콘텐츠 섹션을 만들 수 없습니다. 랜딩 페이지나 문의 페이지와 같은 웹사이트의 다른 섹션을 독창적으로 꾸미고 싶다면 기본적인 레이아웃 기능이 필요합니다.
다른 이들은 워드프레스의 숏코드(shortcode) 기능을 활용해 이 문제를 해결하려고 시도했습니다. 간단히 말해, 숏코드를 사용하면 특수 태그를 이용해 코드 스니펫을 삽입할 수 있습니다. 다단 콘텐츠를 만드는 데 사용할 수 있는 다양한 숏코드를 제공하는 워드프레스 플러그인이 있습니다. 예를 들어, 2단 레이아웃에 배치하려면 콘텐츠를 여러 열 태그로 감쌀 수 있습니다. 이 방법이 “작동”하기는 하지만, 콘텐츠가 늘어날수록 모든 것이 거대한 뒤죽박죽 덩어리처럼 보이기 때문에 시각적으로 결코 편리하지 않습니다.
이러한 레이아웃의 공백을 메우기 위해 페이지 빌더가 탄생했습니다.
페이지 빌더로 레이아웃이 적용된 콘텐츠를 쉽게 제작하기
페이지 빌더는 콘텐츠를 독창적인 레이아웃으로 쉽게 배치할 수 있도록 추가 도구를 제공합니다. 페이지 빌더는 대개 백엔드 TinyMCE 콘텐츠 에디터를 제거하고 콘텐츠를 시각화하는 데 도움이 되는 새로운 에디터로 대체(또는 추가)합니다. 백엔드 페이지 빌더를 사용해 본 적이 없다면, 각 블록이 이미지, 텍스트 또는 숏코드와 같은 콘텐츠 유형을 나타내는 블록 세트를 상상해 보세요. 그런 다음 이를 드래그 앤 드롭하여 다양한 레이아웃과 열에 배치할 수 있습니다.
레이아웃 외에도 페이지 빌더는 숏코드의 생성과 배치를 더 쉽게 만들어 줍니다. 이전에는 가공되지 않은 형태의 숏코드가 그대로 노출되었습니다. 대괄호와 함께 모든 속성과 값이 콘텐츠에 뒤섞여 있는 것을 보게 됩니다. 페이지 빌더는 흔히 숏코드 생성기—직접 입력하는 것보다 더 사용자 친화적으로 숏코드 속성을 선택할 수 있게 해주는 팝업 대화상자—를 제공합니다.
프론트엔드 페이지 빌더가 미래입니다
이 모든 것이 디자이너와 콘텐츠 제작자에게 더 나은 경험이지만, 백엔드 페이지 빌더에는 고유한 큰 문제가 있습니다. 콘텐츠가 어떻게 보일지 시각적으로 표현된 모습을 볼 수는 있지만, 보고 있는 것이 실제 콘텐츠는 아니라는 점입니다. 이로 인해 사람들은 자신이 작업한 내용이 맞는지 확인하기 위해 페이지 미리보기를 끊임없이 확인하게 됩니다. 백엔드 페이지 빌더를 사용할 때, 저 역시 콘텐츠가 올바르게 정렬되었는지, 여백이 균등한지 확인하기 위해 미리보기 버튼을 가볍게 20번 이상 누르곤 합니다. 이는 엄청난 시간을 낭비하게 만드는 성가신 일입니다.
이러한 불편을 해결하려면 페이지 빌더가 프론트엔드로 나와야 합니다. 그렇게 하면 결과를 즉시 확인할 수 있으므로 페이지 레이아웃을 짐작으로 맞춰야 하는 번거로움이 사라집니다.
현재 수많은 백엔드 페이지 빌더가 있는 반면, 프론트엔드 페이지 빌더는 소수에 불과합니다. 그 소수 중 하나가 바로 Page Builder Sandwich입니다. Page Builder Sandwich가 특별한 이유와 귀하에게 적합한 도구인 이유에 대해 자세히 알아보려면 Page Builder Sandwich가 다른 빌더들과 다른 점.