워드 프레스 : 자녀 테마에서 부모 테마의 단축 코드 덮어 쓰기

워드프레스 API

글쎄, WordPress에서 프로그래밍에 대한 몇 가지 팁을 공유 한 지 꽤 오래되었습니다. 최근에 저는 모든 클라이언트를 위해 코드를 배포하는 벤치로 돌아 왔고 일의 스윙으로 돌아가는 것이 즐거웠습니다. 사이트 전반에 걸쳐 새로운 마케팅 백서 통합을 눈치 채 셨을 것입니다. 재미있는 프로젝트!

오늘은 다른 문제가있었습니다. 많은 고객이 부모 테마 단축 코드를 통해 구현 된 버튼을 가지고 있습니다. Elevated Marketing Solutions의 파트너 중 한 명이 버튼에 대한 이벤트 추적을 할 수 있는지 물었습니다. 버튼이 사이트 전체에서 훌륭한 클릭 유도 문안이기 때문입니다. 단축 버튼은 단축 코드 옵션으로 채워진 일련의 클래스를 사용하여 좀 더 유창하게 디자인 된 앵커 태그에 지나지 않습니다.

이 때문에 이벤트를 등록하기 위해 앵커 텍스트에 onclick 이벤트를 추가해야했습니다. 다음과 같이 보일 수 있습니다.

<a href="https://highbridgeConsultants.com" class="버튼 파란색 매체" onClick="ga('보내기', '이벤트', '버튼', '클릭', '홈 버튼');">홈 버튼

물론 문제는 우리의 위치에 단축 코드가 있다는 것입니다. 부모 테마 부모 테마를 편집하고 싶지 않습니다. 또한 단축 코드는 사이트 전체의 콘텐츠에 배포되므로 새 단축 코드를 생성하고 싶지도 않습니다.

솔루션은 매우 매끄 럽습니다. 워드 프레스 API 단축 코드를 제거 할 수 있습니다! 따라서 자식 테마에서 단축 코드를 제거한 다음 새로운 단축 함수로 바꿀 수 있습니다.

add_action ( 'after_setup_theme', 'calling_child_theme_setup');
function calling_child_theme_setup () {remove_shortcode ( 'old_button_function_in_parent_theme'); add_shortcode ( '버튼', 'new_button_function_in_child_theme'); }
function new_button_function_in_child_theme ($ atts, $ content = null) {... 새 단축 코드가 여기 있습니다 ...}

내 새로운 버튼 기능 (내 Child Theme의 functions.php에 있음)에서 동적 이벤트 onClick 이벤트를 추가하기 위해 단축 코드 기능을 다시 작성했습니다. 출력은 멋지게 작동하며 이제 Google Analytics에서 추적하고 있습니다!

당신은 어떻게 생각하십니까?

이 사이트는 Akismet을 사용하여 스팸을 줄입니다. 댓글 데이터 처리 방법 알아보기.