WordPress Hooks를 사용하여 WooCommerce Store 사용자 지정

게시 됨: 2020-01-14
WordPress hooks

최종 업데이트 - 2020년 2월 24일

이 기사에서는 WordPress 테마 또는 WordPress용 플러그인을 개발할 때 가장 중요한 주제 중 하나인 WordPress 후크 를 소개하고 작업 후크와 필터 후크의 차이점에 대해 설명합니다.

후크는 WordPress 코어, 대부분의 WordPress 테마 및 모든 상위 WordPress 플러그인에 포함되어 있습니다. WordPress Hooks는 고유한 새 코드를 추가하거나 WordPress 생태계 내에서 기존 코드를 편집할 수 있는 이벤트 기반 시스템입니다.

WooCommerce 후크

WordPress 후크는 기본적으로 WordPress에 코드를 추가하거나 WordPress 사이트 및/또는 WooCommerce 스토어를 사용자 지정할 때 핵심 파일을 편집할 필요 없이 WordPress 전체에서 기존 코드를 편집할 수 있는 PHP 기능입니다.

후크는 WooCommerce 에서도 사용되므로 개발자는 작업 후크를 통해 고유한 사용자 정의 기능을 쉽게 추가하거나 WooCommerce 플러그인에 내장된 기능을 편집하여 필터 후크를 통해 온라인 상점을 추가로 사용자 정의할 수 있습니다.

WooCommerce 작업 및 필터:

WooCommerce 스토어를 추가로 사용자 정의하는 데 사용할 수 있는 2가지 유형의 후크가 있습니다. 테마나 플러그인 파일을 직접 편집하지 않는 것이 좋지만, 하위 테마 를 만든 다음 PHP 코드 조각을 functions.php 파일에 삽입하거나 WooCustomizer 플러그인을 사용하여 다음을 수행할 수 있습니다. 코딩 방법을 몰라도 많은 필터를 편집할 수 있습니다.

액션 후크:

액션 후크는 do_action( 'action_name' ) 함수를 사용하여 WooCommerce 전체에 배치되므로 액션 이름을 사용하여 추가하려는 코드를 실행할 위치를 지정할 수 있습니다.

사용자 정의 코드를 추가하려면 내부에 코드가 포함된 새 PHP 함수를 만들고 add_action() 함수 의 첫 번째 매개변수로 작업 이름을 추가하여 코드를 실행할 위치를 지정 합니다.

예시:

add_action( 'action_name', 'your_custom_function_name' );
function your_custom_function_name() {
// Your code
}

따라서 단순히 WooCommerce 코드에 " 이 do_action이 실행될 때 내 작업을 추가하십시오 "라고 말하는 것 입니다.

필터 후크:

필터 후크는 apply_filter( 'filter_name', $variable ) 함수를 사용하여 WooCommerce 전체에서 호출됩니다. 이를 통해 함수에 전달된 변수를 조작한 다음 필요할 때 변수 값을 반환할 수 있습니다.

예시:

add_filter( 'filter_name', 'your_custom_function_name' );
function your_custom_function_name( $variable ) {
// Your code editing the variable
return $variable;
}

액션 훅과 유사하게, 당신은 당신 자신의 PHP 함수를 만들고 그것을 사용할 필터를 지정하지만, 이번에는 이미 존재하는 변수를 전달하고 당신이 원하는 대로 출력을 조작하기 위해 당신의 함수를 사용합니다.

필터 후크를 사용하면 값을 반환해야 합니다 .

WooCommerce 후크를 사용하여 자신의 PHP 기능을 추가 또는 편집하고 자식 테마를 만드는 것에 대해 확신이 서지 않습니까?

WooCustomizer로 WooCommerce 스토어 사용자 지정

새로운 WooCustomizer 플러그인 을 살펴보세요 ... WooCustomizer에는 코딩 지식이 없거나 고유한 코드를 추가할 필요 없이 WooCommerce 스토어를 편집하고 추가로 사용자 지정할 수 있는 많은 기능이 있습니다.

워드프레스 후크

WooCustomizer는 WooCommerce 스토어를 편집하고 추가 기능을 추가하기 위해 기존 WooCommerce 후크를 많이 제공합니다.

WooCustomizer 플러그인이 제공하는 일부 기능:

  • 쇼핑 및 제품 페이지에 대한 제품 '세일 중' 배너 편집
  • 다양한 제품 유형에 대한 '장바구니에 추가' 버튼 편집
  • 모든 쇼핑, 제품, 사용자 계정 및/또는 장바구니 페이지 요소 제거
  • Shop 제품에 '신제품' 또는 '매진' 배너 추가
  • 장바구니에 추가 버튼, 판매 배너 등의 디자인을 사용자 정의하십시오.
  • 사용자 계정 탭 및 사용자의 기본 체크아웃 필드 편집
  • 관리자 사용자를 위해 웹사이트 프런트 엔드에 제품 통계 추가
  • 선택한 메뉴에 로그인/로그아웃 메뉴 항목 추가

+ 더 많이

WooCustomizer 다운로드

WooCommerce 스토어에 대한 추가 정보를 원하십니까?

WooCustomizer는 또한 판매를 늘리고 WooCommerce 상점에 유용한 기능을 추가하기 위해 많은 추가 기능을 제공하는 프리미엄 버전과 함께 제공됩니다.

WooCustomizer Pro에는 다음이 포함됩니다.

WooCommerce 카탈로그 모드

WooCommerce 상점에서 모든 '장바구니에 추가' 및 구매 기능을 쉽게 제거하여 상점을 아름다운 온라인 카탈로그로 바꾸십시오. 이 설정을 모든 제품, 선택한 제품 또는 로그아웃한 사용자에게만 적용하여 사용자에게 계정을 만들고 제품을 구매하려면 로그인하라는 메시지를 표시합니다.

워드프레스 후크

WooCommerce를 위한 맞춤형 감사 페이지

WooCustomizer는 기본 WordPress 편집기 또는 원하는 다른 페이지 빌더를 사용하여 WooCommerce에 대한 사용자 정의 감사 페이지를 구축할 수 있는 기능을 제공합니다. 고객을 새로운 기본 감사 페이지로 리디렉션하거나 구매한 제품에 따라 다른 페이지로 리디렉션하거나 매장에서 제품을 구매한 방법에 따라 페이지로 리디렉션합니다.

워드프레스 후크

WooCommerce에 대한 제품 빠른 보기

사용자에게 전체 제품 정보를 미리 보고 쉽게 '장바구니에 추가'하거나 상점 또는 아카이브 페이지의 팝업 내에서 이미지를 모두 탐색할 수 있는 옵션을 제공합니다. 이렇게 하면 사용자가 상점을 더 빨리 탐색할 수 있습니다.

워드프레스 후크

WooCommerce Ajax 검색

사용자가 제품을 더 빨리 찾을 수 있도록 하시겠습니까? 검색 표시줄, 위젯 영역 또는 쇼핑 페이지에 간단한 ajax 제품 검색을 추가하여 사용자가 제품 검색을 위해 입력을 시작할 때 예상 제품을 표시합니다.

워드프레스 후크

WooCommerce 메뉴 카트

WooCommerce용 WooCustomizers 메뉴 카트를 켜고 WooCommerce 카트를 표시할 메뉴를 선택하십시오. 드롭다운 미니 카트 바구니를 추가하면 사용자가 제품을 추가 또는 제거하고 카트를 보거나 바로 결제할 수 있습니다.

WooCustomizer 보기

특별 쿠폰을 사용하여 WooCustomizer 첫 구매 시 15% 할인을 받으세요

LW15OFF

후크로 편집을 시작하세요!

이제 WordPress 후크가 WordPress 및 WooCommerce에서 작동하는 방식을 이해했으므로 WooCommerce 온라인 스토어에 필요한 기능을 쉽게 추가하거나 편집할 수 있습니다.

참고: WordPress 테마를 업데이트할 때 편집 내용을 잃지 않도록 이 코드를 항상 자식 테마 또는 사이트 사용자 정의 플러그인 에 추가해야 한다는 것을 잊지 마십시오.

WooCommerce 상점을 추가로 편집하기 위해 자신의 코드를 추가하는 것에 대해 여전히 확신이 없다면 WooCustomizer 플러그인 을 사용해 보는 것이 좋습니다 . 사용 가능한 모든 WooCommerce 후크를 사용하고 코드를 편집할 수 있는 시각적 인터페이스를 생성하며, 모두 WP 사용자 정의 프로그램에 내장되어 있으며 제품 통계, 로그인/로그아웃 메뉴 항목 등과 같은 훨씬 더 많은 것을 제공합니다.