Home Blog wp_Dev. woocommerce 우커머스 각종 페이지를 functions.php를 가지고 간단히 커스텀 하는 방법

우커머스 각종 페이지를 functions.php를 가지고 간단히 커스텀 하는 방법

소개해 드릴 내용 중 제일 주요 내용은 이 사이트의 링크입니다.

 

우커머스의 각종 페이지에 대한 비주얼 훅을 잘 정리해 준 사이트입니다. (주로 컨텐츠 표시와 관련된 것들)
이걸 알기 전에는 매번 연관되는 훅 이름을 떠올려서 찾아보고 검색하고 하는 번거로움이 있었는데, 그런 번거로움을 한방에 날려준 사이트였습니다. 뭔가 컨텐츠를 추가하거나, 기존의 컨텐츠를 바꾸거나 할 때 참고해 보세요.

 

어떨 때 사용을 하는가 하면, 예를 들어 마이어카운트 페이지에서 회원 가입 시의 필드 수정이라든지, 기타 정보 노출이라든지, 아니면 또 다른 어떤 정보를 노출시키고자 할 때 우커머스가 미리 준비해 둔 훅(Hook)의 위치와 이름만 알면 접근이 쉽습니다.
ex > 로그인 페이지 상단에 안내 메시지 구조를 추가할 때?
▼ 방법 : functions.php 파일에 액션을 추가한다. ?(마이어카운트 페이지 > woocommerce_before_login_form 훅을 이용)
해당 훅 위치에 추가한 함수가 작동되게 한다. 함수 내에서 조건별로 무언가 내용을 출력하는 것을 만든다.

 

▼ 결과 : 외부 사이트 로그인 폼 위에 추가시킨 내용이 표시
● 참고할 action과 filter 관련 정리 내용

기타 구글에 그냥 복붙만 해도 될만한 소스들이 많이 있습니다. 영문 단어 키워드로 한 번 검색해 보세요.

 

– 끝 –

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

Fill out this field
Fill out this field
유효한 이메일 주소를 입력해주세요.
You need to agree with the terms to proceed

다음
어드민 화면에 나의 자바스크립트, 스타일 적용하기
이전
테마 데모 디자인 요소들을 활용하여 사이트를 구성하는 방법