WordPress를 위한 최고의 WooCommerce 코드 스니펫

게시 됨: 2023-05-12

WordPress를 위한 최고의 WooCommerce 코드 스니펫을 알고 싶습니까? 온라인 상점을 조정하고 더 많은 기능을 추가할 계획이라면 이 기사를 계속 읽으십시오. 이 안내서는 여러분이 알아야 할 일련의 코드 스니펫을 보여줍니다.

그러나 먼저 코드 스니펫이 무엇이며 왜 사용해야 하는지 알아보겠습니다.

코드 조각이란 무엇입니까?

코드 스니펫은 웹사이트나 프로그램에서 특정 작업이나 기능을 수행하는 코드의 작은 부분입니다. 웹 사이트/도구를 사용자 정의하고 기능을 향상시키는 데 자주 사용됩니다.

간단한 한 줄짜리 코드에서 여러 줄 함수 또는 알고리즘에 이르기까지 복잡한 범위의 모든 프로그래밍 언어로 코드 스니펫을 작성할 수 있습니다. 또한 코드 라이브러리, 포럼 및 프로그래밍 블로그에서 온라인으로 찾을 수 있으며 특정 요구 사항에 맞게 개발자가 공유하고 수정하는 경우가 많습니다.

코드 스니펫을 사용하면 시간과 노력을 절약할 수 있습니다. 그러나 코드가 작동하는 방식을 이해하고 코드가 안전하고 취약성을 유발하지 않는지 확인하는 것이 중요합니다. 또한 외부 소스의 코드 스니펫을 사용할 때 저작권 침해를 피하기 위해 라이선스 및 속성 요구 사항을 확인하는 것이 필수적입니다.

WordPress에 WooCommerce 코드 스니펫을 추가하는 이유는 무엇입니까?

WordPress에 WooCommerce 코드 스니펫을 사용하면 소유자와 개발자 모두에게 도움이 됩니다.

예를 들어 WooCommerce 코드 스니펫을 사용하여 새로운 기능을 추가하거나 온라인 상점의 기존 기능을 변경할 수 있습니다. 이를 통해 사용자 경험을 개선하고 판매를 늘릴 수 있습니다.

예를 들어 코드 스니펫을 사용하여 사용자 정의 제품 정렬 옵션을 추가하거나 특정 비즈니스의 요구에 더 잘 맞도록 체크아웃 프로세스를 변경할 수 있습니다.

또한 WordPress용 WooCommerce 코드 스니펫을 사용하면 별도의 플러그인을 설치하고 구성하는 것보다 더 효율적일 수 있습니다. 더 많은 대상 수정이 가능하고 다른 플러그인이나 테마와의 잠재적인 충돌을 피할 수 있기 때문입니다.

또한 WooCommerce 코드 스니펫은 온라인 상점의 보안 및 성능을 개선하는 데 도움이 될 수 있습니다. functions.php 파일 또는 별도의 플러그인 파일에 사용자 정의 코드를 추가함으로써 개발자는 코드가 웹 사이트의 특정 요구에 맞게 최적화되도록 할 수 있습니다.

마지막으로 코드 스니펫은 개발자를 고용하는 것보다 비용 효율적인 솔루션을 제공할 수 있습니다. 일부 사용자 정의에는 더 복잡한 개발 작업이 필요할 수 있지만 온라인에서 찾은 간단한 코드 스니펫을 사용하여 많은 수정 작업을 수행할 수 있습니다.

그러나 잘못 작성된 코드는 오류 및 보안 취약성을 유발할 수 있습니다. 따라서 코드를 웹 사이트에 추가하기 전에 준비 환경에서 코드를 테스트하고 이해하는 것이 좋습니다.

또한 웹 사이트의 파일과 데이터베이스를 백업하여 작업을 안전하게 유지하십시오.

WordPress에 WooCommerce 코드 조각을 추가하는 방법

몇 가지 간단한 단계를 거쳐 WordPress에 WooCommerce 코드 스니펫을 추가할 수 있습니다.

functions.php 파일 열기: functions.php 파일은 대부분의 WordPress 코드 스니펫을 찾을 수 있는 곳입니다. 일반적으로 테마 폴더에 있습니다. WordPress 대시보드 또는 FTP 클라이언트를 통해 액세스할 수 있습니다.
코드 스니펫 추가: 원하는 스니펫을 functions.php 파일에 복사하여 붙여넣습니다. 기존 코드 뒤의 파일 끝과 같은 적절한 위치에 추가해야 합니다.
변경 사항 저장: 코드 스니펫을 추가한 후 변경 사항을 functions.php 파일에 저장합니다. 그러면 방금 입력한 코드가 활성화됩니다.
기능 테스트: 코드 스니펫을 추가한 후 새 기능을 테스트하여 의도한 대로 작동하는지 확인합니다.

그러나 상위 테마의 functions.php 파일에 코드 스니펫을 추가하지 않으려면 사용자 정의 하위 테마를 만들 수 있습니다. 이렇게 하면 테마 업데이트로 인해 문제가 발생하지 않습니다.

WordPress를 위한 최고의 WooCommerce 코드 스니펫

이제 WordPress에 WooCommerce 코드 스니펫을 추가하는 이유와 방법을 배웠습니다. 다음으로 일반적인 요구 사항에 맞게 선택된 최고의 WooCommerce 코드 스니펫으로 이동하겠습니다.

간단히 말해서 우리가 공유할 코드는 다음과 같은 작업에 도움이 됩니다.

맞춤형 제품 탭 추가
테마에 WooCommerce 지원 추가
WooCommerce에 맞춤 통화 추가
템플릿에 "내 계정" 링크 표시
자동으로 주문 완료
상점에 표시되는 제품 수 변경
검색 비활성화
장바구니에 추가 버튼 텍스트 수정
상점 페이지 제목 조정

각 코드를 자세히 살펴보겠습니다.

1) 맞춤형 제품 탭 추가

WooCommerce에서 맞춤형 제품 탭을 추가하는 것은 제품에 대한 추가 정보를 표시하는 좋은 방법입니다. 따라서 다음은 하나를 추가할 수 있는 코드 스니펫입니다.

 // 맞춤형 제품 탭 추가

add_filter( 'woocommerce_product_tabs', 'add_custom_product_tab' );
기능 add_custom_product_tab( $tabs ) {
$tabs['custom_tab'] = 배열(
'제목' => __( '맞춤 탭', '우커머스' ),
'우선순위' => 50,
'콜백' => 'custom_product_tab_content'
);

반환 $tabs;

}

// 맞춤 제품 탭 콘텐츠

함수 custom_product_tab_content() {
echo '<h2>맞춤 제품 탭</h2>';
echo '<p>커스텀 콘텐츠가 여기에 옵니다.</p>';
}

이 코드는 제품 페이지에 우선 순위가 50인 새 "사용자 지정 탭" 탭을 추가합니다. 또한 요구 사항에 따라 사용자 지정 제품 탭의 제목과 콘텐츠를 변경할 수 있습니다. 콜백 함수 custom_product_tab_content는 탭의 내용을 표시합니다. 필요에 따라 코드를 사용자 정의할 수 있습니다.

2) 타사 테마에서 WooCommerce 지원 선언

기본적으로 WooCommerce 지원을 제공하지 않는 타사 테마를 사용하는 경우 웹사이트 테마의 functions.php 파일에 다음 코드 스니펫을 추가하여 문제를 해결할 수 있습니다.

 // 테마에 WooCommerce 지원 추가

함수 mytheme_add_woocommerce_support() {
add_theme_support( '우커머스' );
add_theme_support( 'wc-product-gallery-zoom' );
add_theme_support( 'wc-product-gallery-lightbox' );
add_theme_support( 'wc-product-gallery-slider' );
}
add_action( 'after_setup_theme', 'mytheme_add_woocommerce_support' );

출처: 미디엄.

3) WooCommerce에 맞춤 통화 추가

WooCommerce에 맞춤 통화를 추가하려면 다음 코드 스니펫을 사용할 수 있습니다.

 // WooCommerce에 맞춤 통화 추가

함수 add_my_currency( $currencies ) {
$currencies['ABC'] = __( '내 통화', '우커머스' );
반환 $currencies;
}

add_filter( 'woocommerce_currencies', 'add_my_currency' );
함수 add_my_currency_symbol( $currency_symbols ) {
$currency_symbols['ABC'] = '$'; // ABC를 사용자 지정 통화 코드로 변경하고 $를 통화 기호로 변경합니다.
$currency_symbols 반환;
}

add_filter( 'woocommerce_currency_symbols', 'add_my_currency_symbol' );

여기서는 woocommerce_currencies 및 woocommerce_currency_symbols 라는 두 가지 필터를 사용하여 사용자 지정 통화와 기호를 추가합니다. 먼저 사용 가능한 통화 목록에 통화 이름과 코드를 추가합니다. 둘째, 사용자 지정 통화 코드에 대한 통화 기호를 추가할 수 있습니다.

4) 템플릿 파일에 내 계정 링크 표시

WooCommerce의 템플릿 파일에 내 계정 링크를 표시하려면 다음 코드 조각을 사용할 수 있습니다.

 <?php if ( is_user_logged_in() ) : ?>

<a href="<?php echo esc_url( wc_get_account_endpoint_url( 'dashboard' ) ); ?>"><?php esc_html_e( '내 계정', 'woocommerce' ); ?></a>

<?php 다른: ?>

<a href="<?php echo esc_url( wc_get_page_permalink( 'myaccount' ) ); ?>"><?php esc_html_e( '로그인 / 회원가입', 'woocommerce' ); ?></a>

<?php endif; ?>

이 코드는 is_user_logged_in() 함수를 사용하여 사용자가 로그인했는지 확인합니다.

사용자가 로그인한 경우 wc_get_account_endpoint_url( 'dashboard' ) 함수를 사용하여 대시보드에 대한 링크를 표시합니다. 그러나 사용자가 로그인하지 않은 경우 wc_get_page_permalink( 'myaccount' ) 기능을 사용하여 내 계정 페이지에 대한 링크를 표시합니다.

내 계정 링크를 표시하려는 WooCommerce 테마의 모든 템플릿 파일에 이 코드를 추가할 수 있습니다. 예를 들어 header.php 파일에 추가하여 사이트 헤더에 링크를 표시할 수 있습니다.

5) 자동으로 주문 완료

WooCommerce에서 자동으로 주문을 완료하려면 다음 코드 스니펫을 사용할 수 있습니다.

 // 주문 자동완성
add_action( 'woocommerce_thankyou', 'custom_woocommerce_auto_complete_order' );

함수 custom_woocommerce_auto_complete_order( $order_id ) {
if ( ! $order_id ) {
반품;
}

$order = wc_get_order( $order_id );
$order->update_status( '완료' );
}

출처: 스택오버플로

이 코드는 주문이 완료되면 트리거되는 woocommerce_thankyou 함수에 작업 후크를 추가합니다. 이 후크가 활성화되면 custom_woocommerce_auto_complete_order 기능이 실행됩니다.

함수는 먼저 $order_id 변수가 설정되어 있는지 확인합니다. 설정되어 있지 않으면 반환됩니다. 그렇지 않으면 wc_get_order() 함수에서 주문 객체에 액세스합니다.

마지막으로 update_status() 메서드를 사용하여 주문 상태를 "완료"로 설정합니다.

자동으로 주문을 완료하는 것은 모든 제품이나 비즈니스에 적합하지 않을 수 있습니다. 따라서 이 코드를 활성화하기 전에 특정 요구 사항을 고려하는 것이 중요합니다.

6) 페이지당 표시되는 제품 수 변경

WooCommerce에서 페이지당 표시되는 제품 수를 변경하려면 다음 코드 스니펫을 사용할 수 있습니다.

 // 페이지 수당 제품 수정
add_filter( 'loop_shop_per_page', 'custom_loop_shop_per_page', 22 );
함수 custom_loop_shop_per_page( $cols ) {
$ 열 = 14; // 이 숫자를 원하는 페이지당 제품 수로 변경합니다.
반환 $cols;

}

이 코드는 loop_shop_per_page 함수에 필터를 추가합니다. WooCommerce에서 페이지당 표시되는 제품 수를 제어합니다. 그런 다음 custom_loop_shop_per_page 함수가 실행되어 현재 열 수를 매개변수로 받습니다.

함수에서 $cols 변수를 원하는 페이지당 제품 수(이 예에서는 14)로 설정할 수도 있습니다. 마지막으로 업데이트된 열 수를 얻습니다.

페이지당 표시되는 제품 수를 변경하면 사용자 경험과 페이지 로드 시간에 영향을 미칠 수 있습니다. 따라서 이 설정을 변경하기 전에 특정 요구 사항을 고려하는 것이 중요합니다.

7) 검색 비활성화

WordPress에서 검색을 비활성화하려면 다음 코드 스니펫을 사용할 수 있습니다.

 // 검색 비활성화
function fb_filter_query( $query, $error = true ) {
if ( is_search() ) {
$query->is_search = 거짓;
$query->query_vars[s] = 거짓;
$query->query[s] = 거짓;

// 오류
if ( $오류 == 참 )
$query->is_404 = 참;
}
}

add_action( 'parse_query', 'fb_filter_query' );
add_filter( 'get_search_form', create_function( '$a', "return null;" ) );

출처: 스택오버플로

이 코드는 custom_disable_search() 라는 사용자 지정 함수를 사용하여 WordPress에서 검색 기능을 비활성화합니다. 여기에서 검색 쿼리가 실행될 때 트리거되는 parse_query 함수에 작업 후크를 추가합니다.

함수에서 현재 쿼리가 검색 쿼리인지 확인합니다 (is_search()). 그렇다면 쿼리 개체의 is_search 속성을 null로 설정합니다. 또한 s 쿼리 변수를 null로 설정하여 검색 쿼리를 효과적으로 비활성화합니다.

마지막으로 이 코드 스니펫은 get_search_form 에 필터를 추가하여 WordPress 사이트에서 검색 양식을 숨깁니다.

8) 장바구니 담기 버튼 텍스트 변경

WooCommerce에서 "장바구니에 추가" 버튼 텍스트를 변경하려면 다음 코드 스니펫을 사용할 수 있습니다.

 add_filter( 'woocommerce_product_single_add_to_cart_text', 'custom_add_to_cart_text' );
add_filter( 'woocommerce_product_add_to_cart_text', 'custom_add_to_cart_text' );

함수 custom_add_to_cart_text() {
return __( '지금 구매하기', '우커머스' );
}

출처: 젠가

이 코드는 WooCommerce의 "장바구니에 추가" 버튼 텍스트를 제어하는 woocommerce_product_single_add_to_cart_text 및 woocommerce_product_add_to_cart_text 함수에 두 개의 필터를 추가합니다. 그러면 custom_add_to_cart_text() 함수가 실행되어 업데이트된 버튼 텍스트를 반환합니다.

__() 함수를 사용하여 WooCommerce 번역 파일에 정의된 "지금 구매" 텍스트에 액세스합니다. 텍스트를 다른 것으로 변경하려면 '지금 구매'를 원하는 텍스트로 바꾸십시오.

9) WooCommerce에서 쇼핑 페이지 제목 바꾸기

WooCommerce에서 상점 페이지 제목을 바꾸려면 다음 코드 스니펫을 사용할 수 있습니다.

 add_filter( 'woocommerce_page_title', 'custom_shop_page_title' );
함수 custom_shop_page_title( $page_title ) {
if( '쇼핑' == $page_title ) {
return __( '새 상점 이름', 'woocommerce' );
}

반환 $page_title;
}

이 코드는 WooCommerce 상점 페이지의 제목을 제어하는 woocommerce_page_title 함수 에 필터를 추가합니다. 그런 다음 custom_shop_page_title() 함수가 실행되어 페이지 제목이 "shop"인지 확인하고 그렇다면 업데이트된 제목("New Shop Title")을 반환합니다.

이 코드 스니펫은 __() 함수를 사용하여 WooCommerce 번역 파일에 정의된 업데이트된 상점 페이지 제목의 번역된 텍스트에 액세스합니다. 그러나 텍스트를 다른 것으로 변경하려면 'New Shop Title'을 원하는 텍스트로 바꾸십시오.

결론

WordPress용 WooCommerce 코드 스니펫을 사용하면 온라인 상점을 사용자 정의하고 새로운 기능을 추가할 수 있는 강력한 방법입니다. 예를 들어 매장의 외관, 결제 프로세스를 변경하거나 새로운 기능을 추가하려는 경우 코드 스니펫이 목표를 달성하는 데 도움이 될 수 있습니다.

코드 스니펫을 추가하려면 코드를 하위 테마의 functions.php 파일에 붙여넣거나 사용자 정의 플러그인을 생성하십시오. 그러나 웹 사이트의 코드를 수정하면 의도하지 않은 결과가 발생할 수 있음을 기억하는 것이 중요합니다. 따라서 변경하기 전에 항상 사이트의 백업을 생성하는 것이 좋습니다.

위에서 제공한 코드를 사용하여 많은 사용자 정의로 환상적인 WooCommerce 상점을 실행할 수 있습니다. 요약하면 다음에 대한 스니펫을 공유했습니다.

맞춤형 제품 탭 추가
테마에 WooCommerce 지원 추가
WooCommerce에 맞춤 통화 추가
템플릿에 "내 계정" 링크 표시
자동으로 주문 완료
상점에 표시되는 제품 수 변경
검색 비활성화
장바구니에 추가 버튼 텍스트 수정
상점 페이지 제목 조정

요구 사항에 따라 코드를 선택하고 작업할 수 있습니다.

이 기사가 유용하고 즐겁게 읽으셨기를 바랍니다. 원한다면 이 게시물을 소셜 미디어에서 친구 및 동료 블로거와 공유하는 것을 고려하십시오. 블로그 아카이브를 통해 더 많은 WordPress/WoCommerce 가이드를 알아볼 수도 있습니다.

이 가이드에 다른 스니펫을 추가해야 합니까?

아래 의견에 알려주십시오.

비슷한 기사:

속성별로 WooCommerce 제품을 필터링하는 방법
최고의 WooCommerce 기부 플러그인
최고의 WooCommerce 라이센스 관리자 플러그인