WordPress의 프런트 엔드 편집 환경으로의 전환

WordPress를 사용하는 것은 매우 간단합니다. 적어도 블로그 게시물을 작성하고 게시하는 측면에서는 매우 간단합니다. 프로세스를 처리하기 위해 기술에 정통할 필요는 없습니다. 그러나 점점 더 쉬워질 것입니다.

곧 게시된 게시물과 다르게 보이는 상자에 다음 블로그 게시물의 초안을 작성할 필요가 더 이상 없을 것입니다. WordPress는 사용자가 사이트의 백엔드에 접근하지 않고도 게시물을 작성하고, 이미지 및 기타 미디어를 추가하고, 게시물의 레이아웃을 조정할 수 있는 프런트엔드 편집기 개발을 통해 새로운 방향으로 나아가려고 노력하고 있습니다. .

이것은 모든 곳의 WordPress 블로거에게 좋은 것 같습니다. 게시물을 작성하는 동안 게시물이 실시간으로 어떻게 보일지 확인할 수 있는 WYSIWYG 게시물 편집기가 있습니까? 블로거의 꿈이 현실로! 그러나 이것이 WordPress 개발의 미래에 실제로 무엇을 의미합니까? 그리고 이것이 백엔드의 보다 핵심적인 세부 사항과 사람들이 백엔드와 상호 작용하는 방식에 어떤 영향을 미칠까요?

새로운 프런트엔드 편집기 정보

Make WordPress UI 블로그의 토론에 따르면 WordPress의 프런트엔드 사용자 인터페이스에 많은 변경 사항이 있으며 플러그인 형태로 테스트하고 있습니다. 크리스마스 직후 Janneke Van Dorpe가 이끄는 팀은 더 많은 미디어 옵션을 추가했습니다. 이제 oEmbed 링크, 갤러리 미리보기 및 캡션, 추천 이미지 편집을 지원합니다. 그러나 훨씬 더 많은 변화가 기다리고 있었습니다.

2014년 1월 20일 회의에서 가장 큰 초점은 프런트 엔드에서 게시물과 페이지를 만드는 새로 생성된 기능이었습니다. 새로운 편집기를 사용하면 사용자가 미디어를 업로드하고 메타데이터를 변경할 수도 있습니다. 또한 관리 표시줄 상단에 굵게, 기울임꼴, 링크와 같은 표준 편집 도구를 포함하도록 설정되어 있습니다.

또한 샘플 이미지에서 단락 옵션이 WYSIWYG 드롭다운 메뉴로 관리 표시줄에 추가된 것을 볼 수 있습니다. 일반적인 단락 정렬, 인용문, 밑줄, 맞춤법 검사, 실행 취소 및 다시 실행 버튼도 모두 제공됩니다. 그리고 시간이 지남에 따라 "Kitchen Sink" 메뉴 표시줄에 더 많은 기능이 추가될 가능성이 높습니다.

또 다른 멋진 기능은 사용자가 사용자 정의 필드를 추가하고 즉시 갤러리를 만들고 삽입할 수 있는 모달 창을 추가하는 것입니다. 새로운 UI를 사용하면 사용자가 백엔드 근처에서 가장자리를 조정하지 않고도 프런트엔드에서 이 모든 작업을 수행할 수 있으므로 이는 상당한 발전입니다. WordPress 코어에 TinyMCE 4.0을 추가하면 더욱 강력한 편집 환경을 누릴 수 있습니다. 큰 차이는 없어 보이지만 성능을 더 잘 처리할 수 있습니다.

2월 11일까지 3주를 앞당기면 프런트엔드 편집기 UI에 더 많은 추가 사항이 적용되었습니다. 예를 들어, UI 팀은 대부분의 테마와 작동하기 위해 더 나은 제목 감지 기능과 메타 데이터 모달에 대한 더 멋진 레이아웃을 추가했습니다. 버튼과 자동 저장의 초보적인 버전에 툴팁이 추가되었습니다. 또한 사용자에게 백업에서 복원하라는 메시지 상자도 추가되었습니다.

물론 이 프런트엔드 편집기가 CMS의 주류가 되기 전에 더 많은 변경이 이루어지겠지만, (1) 이것이 앞으로 WordPress가 취할 방향이 될 가능성이 높으며 (2) 개발 과정을 지켜보는 것은 흥미롭습니다. ) 이는 팀이 전체 사용자 경험에서 어떤 기능을 가장 우선시하고 중요하게 생각하는지를 나타냅니다.

최근 Make WordPress UI 회의의 로그는 더욱 응집력 있게 통합된 TinyMCE 모달 및 사후 잠금을 포함하여 UI에 대한 향후 계획을 나타냅니다. 프런트 엔드 편집기는 향후 WordPress 버전의 "사물"이 될 운명입니다. 얼마나 빨리 문제는 누구나 추측할 수 있습니다.

참여하는 개발자가 프런트엔드 편집기에서 동적인 방식으로 작업할 수 있게 해주는 플러그인이 있습니다. 이 플러그인에서 개발된 변경 사항은 이르면 올해 중 본격적인 WordPress Core에 포함되는 것이 고려될 가능성이 높습니다. WordPress는 이러한 유형의 개발에 낯설지 않지만, 오픈 소스 플랫폼이 이렇게 매주 활용되는 것을 보는 것은 항상 흥미롭습니다.

WordPress 개발에 미치는 영향

프런트 엔드 편집자로의 전환으로 인한 가장 큰 효과 중 하나는 작성자, 블로거 및 기여자가 실수로 사이트를 손상시키거나 사전 승인 없이 변경할 위험이 크게 줄어든다는 것입니다. 올바른 노하우 없이 사이트 백엔드를 조작하면 큰 피해를 입을 수 있으므로 개발자에게는 큰 안도의 한숨을 쉬게 할 것입니다.

이는 또한 프런트엔드 개발 세계와 백엔드 개발 세계 사이의 더 큰 격차로 이어질 수도 있습니다. WordPress 사이트에서 작업하는 사람들 중에는 모든 작동 방식을 내부적으로 엿볼 필요조차 없는 사람들이 있을 것입니다. 이는 관리자로 설정할 수 있고 작성자(또는 이를 선호하는 사람)에게 WYSIWYG 편집기에만 액세스할 수 있는 이전에 정의된 사용자 역할의 제한을 뛰어넘습니다.

앞으로는 WordPress 전용 "기고자"와 관리자의 업무만 수행하는 사람들이 있을 것입니다. 다시 말하지만, 이는 이전에 사용자 역할로 정의되었지만 프런트 엔드 UI가 추가되면 사용자 경험이 크게 달라집니다.

마지막으로, 프런트 엔드 편집기의 우선 순위는 WordPress가 이미 지난 몇 달 동안 진행한 최근 백엔드 개발을 "따라잡기"를 나타냅니다. 색 구성표 옵션 등을 포함한 마지막 주요 업데이트에서 이미 UI가 더 나은 모습을 보았지만 새 편집기는 형태와 기능을 통합하는 것입니다. 또는 오히려 형식의 기능입니다.

기본적으로 대시보드 메뉴의 일반적인 WYSIWYG 추세에 맞춰 프런트엔드 포스트 편집기를 만들기 위해 백엔드 포스트 편집기를 보기 좋게 만드는 것이 논리적인 다음 단계입니다.

프런트 엔드 편집기로 전환하면 WordPress 사이트의 모양과 느낌이 크게 바뀔까요? 아니요. 클라이언트 측에서는 모든 것이 거의 동일하게 보이도록 설정되어 있으며 그렇게 되어야 합니다. 그러나 작성자와 개발자가 WordPress와 상호 작용하는 방식을 변경하면 대시보드 UI가 크게 향상될 것입니다. 실제로 우리는 이를 <i>이미 확인하고 있으며 지금은 개발에 참여할 수 있는 흥미로운 시기입니다.

프런트엔드 편집기 진행 상황을 확인하려면 지금 다운로드하여 사용해 보세요. 공사 중이며 몇 주가 지나면서 많이 바뀔 것이라는 점만 알아두세요. 당분간은 로컬호스트에서 시도해 보는 것이 가장 좋습니다. 확실히 클라이언트 사이트가 준비되어 있지 않으므로 둘러볼 때 이 점을 염두에 두십시오.

원한다면 플러그인과 개발에 기여할 수도 있습니다. WordPress 디렉토리의 플러그인 페이지에서 공개 티켓을 검색하여 다음에 작업해야 할 작업을 확인하세요. 물론, 자신이 무엇을 하고 있는지 잘 아는 개발자만이 뛰어들어야 하며, 이는 현재로서는 상식이 되어야 합니다.

그렇다면 올해 후반에 WordPress 코어에 프런트 엔드 편집기가 포함될 가능성에 대해 기대하십니까? 아니면 백엔드 접근 방식을 고수하시겠습니까? 댓글을 통해 여러분의 생각을 알려주세요!