Adam Pery의 WP Foundation Shortcodes는 ZURB Foundation 프론트엔드 프레임워크를 포스트 편집기에 연결하는 WordPress 플러그인입니다. 이 플러그인은 Foundation의 반응형 UI 요소를 편집기 단축 코드로 매핑하여 저자가 수동 HTML 없이 프레임워크 구성 요소를 추가할 수 있도록 합니다. 이 플러그인은 편집기 삽입을 위한 그리드, 버튼, 알림, 가시성, 타이포그래피 및 목록 단축 코드를 포함했습니다. 이는 반응형 레이아웃을 위한 프레임워크 구성 요소의 더 빠른 편집기 수준 배치와 포스트의 HTML 오류 감소가 필요한 Foundation 테마를 사용하는 WordPress 개발자와 사이트 관리자를 대상으로 했습니다.
플러그인이 구축된 대상과 해결한 워크플로우 격차
대상 사용자에는 콘텐츠를 편집할 때 테마 템플릿을 편집하는 것보다 편집기 내에서 콘텐츠를 편집하는 것을 선호하는 Foundation 기반 테마를 운영하는 개발자와 관리자가 포함되었습니다. 이 도구는 프레임워크 구성 요소를 게시물 콘텐츠에 직접 배치할 수 있는 방법을 제공했으며, 저자는 수동 마크업 실수를 줄이는 것을 목표로 했습니다. 이는 프로젝트 설명에서 Classic 편집기 워크플로우를 사용하는 사이트에 대한 주요 이점으로 나열됩니다.
프레임워크 요소에 대한 제어 수준
편집기 수준의 제어는 콘텐츠 제작자가 HTML 모드로 전환하지 않고도 프레임워크 동작을 적용할 수 있게 하여 아이디어에서 게시된 레이아웃까지의 경로를 단축시켰습니다. 구현은 프레임워크 클래스를 재사용 가능한 단축 코드로 매핑하여, 편집기 인터페이스 내에서 반응형 가시성과 구성 요소 변형과 같은 구성 요소 수준의 결정을 가능하게 하여, 많은 경우 클래스가 있는 컨테이너를 수동으로 작성할 필요성을 제거했습니다.
Classic 편집기 사이트의 일상적인 사용 및 설정에 어떻게 적합한가
Classic 편집기와의 통합는 친숙한 게시물 화면 내에서 워크플로우를 유지했습니다: 저자가 필요한 곳에 단축 코드가 삽입되었고 렌더링 시 파싱되었습니다. 플러그인의 디자인은 런타임 백그라운드 서비스보다 편집기 삽입에 중점을 두었으므로 사용자 상호작용 모델은 별도의 구성 패널이나 외부 도구가 아닌 콘텐츠 편집에 중점을 두었습니다.
사이트 소유자를 위한 호환성 창 및 유지 관리 고려 사항
호환성 한계에는 Foundation 5 및 Foundation 6 구성 요소에 대한 지원과 WordPress 릴리스와의 호환성이 포함되었습니다. 개발자는 Classic Editor 시대를 위해 도구를 배치했으므로 블록 기반 편집으로 마이그레이션한 사이트에서의 채택은 추가 테스트나 대체 솔루션이 필요했습니다.
유지 관리되는 클래식 편집기 사이트에 실용적이지만, 마이그레이션 계획이 필요합니다
WP Foundation Shortcodes는 클래식 편집기 워크플로를 유지하고 Foundation 기반 테마 및 구성 요소에 의존하는 관리자에게 실용적인 옵션입니다. 이 플러그인은 WordPress.org 리포지토리에서 영구적으로 종료되었기 때문에, 사이트 소유자는 향후 호환성 문제를 피하기 위해 테마 코드에서 단축 코드를 교체하거나 다시 구현하거나 현재 유지 관리되는 통합을 선택할 계획을 세워야 합니다.