Page Builder Sandwich의 대부분은 Javascript로 이루어져 있으며, 개발자가 페이지 빌더를 확장하고 더 많은 기능을 추가할 수 있도록 다양한 메서드를 추가했습니다.

개발자들의 편의를 위해 WordPress가 동작하는 방식, 즉 훅(hook)을 본떠 구현했습니다!

WordPress에서는 일반적으로 add_filter() 및 add_action() 함수를 사용하여 WP의 동작을 수정하거나 추가합니다. 마찬가지로 PBS에서도 wp.hooks.addFilter() 및 wp.hooks.addAction()을 사용할 수 있습니다.

사용 방법 또한 동일합니다. 필터를 사용하여 항목을 수정하고, 액션을 사용하여 추가 동작을 수행합니다. 이 두 함수 호출은 Javascript에서 실행된다는 점을 제외하면 PHP에서의 해당 기능과 기본적으로 동일합니다.

PHP 훅과 Javascript 훅이 혼동되지 않도록 Javascript 훅에는 “period-case”(신조어) 방식을 적용하여 이름을 지정했습니다. PHP 훅은 모두 스네이크 케이스(snake case)를 사용합니다:

• pbs.save.payload – “period-case”, JS 훅
• pbs_save_content_data – snake case, PHP 훅

모든 훅을 살펴보려면 왼쪽 메뉴의 Javascript Actions 및 Javascript Filters 카테고리를 참조하세요.

크레딧

궁금하신 분들을 위해 알려드리자면, Javascript에서 이러한 유용한 훅 호출을 추가하기 위해 https://github.com/carldanley/WP-JS-Hooks를 사용하고 있습니다.