워드프레스 / 우커머스 / 메모

상품 페이지 라이트박스 제거

functions.php에 다음 코드 추가

add_filter( 'woocommerce_single_product_image_thumbnail_html', 'wc_remove_link_on_thumbnails' );
function wc_remove_link_on_thumbnails( $html ) {
  return strip_tags( $html, '<img>' );
}

우커머스 스타일 제거

functions.php에 다음 코드 추가

add_filter( 'woocommerce_enqueue_styles', '__return_empty_array' );

관련 상품 제거

CSS에 다음 코드 추가

.single-product .related.products { display: none; }

Database Pending 작업 실행하는 방법

예약된 데이터베이스 작업이 진행되지 않는다면 강제로 실행할 수 있습니다. 작업 이름에 마우스를 올리면 실행 메뉴가 나오고 그걸 클릭하면 되는데...

만약 그게 보이지 않는다면 사이트 언어를 영어로 변경합니다. 그러면 Run이 보이고, 그걸 클릭해서 작업을 실행합니다.

상점 페이지, 카테고리 페이지 등에서 진열되는 상품 수 설정하는 방법

기본적인 설정 방법

[설정 - 읽기]에서 [페이지 당 보여줄 글의 개수]를 변경하면 진열되는 상품의 개수도 바뀐다.

우커머스에서 제공하는 코드

우커머스에서는 아래의 코드를 functions.php에 추가하면 된다고 한다. 15를 적절히 수정한다.

function new_loop_shop_per_page( $cols ) {
  $cols = 15;
  return $cols;
}
add_filter( 'loop_shop_per_page', 'new_loop_shop_per_page', 20 );

다른 코드

우커머스 관련 페이지에서는 24개의 목록을 출력하라는 뜻이다. 여기의 코드를 약간 수정했다.

function change_product_query( $query ) {
  if ( is_shop() || is_woocommerce() || is_product_category() || is_product_tag() ) {
    $query->set( 'posts_per_page', 24 );
  }
}
add_action( 'pre_get_posts', 'change_product_query' );

구입 완료 페이지에 구글 애드 전환 추적 코드 넣는 방법

구글 광고를 하면, 그 광고를 클릭한 후 어떤 액션이 있을 때 기록을 할 수 있다. 이를 전환이라고 한다. 예를 들어 쇼핑몰이라면, 구글 광고를 클릭하고 들어와서 상품 구매 완료 시 신호를 보내서 기록을 하는 것이다. 그러면 광고 효과 분석이 용이해진다.

이를 하기 위해서는 전체 사이트 태그, 이벤트 스니펫 두 가지 코드를 넣어야 한다. 전체 사이트 코드를 넣는 것은 구글 애널리틱스 코드를 넣는 것과 비슷해서 어렵지 않다. 테마 수정으로 삽입하기도 쉽고, 전체 사이트에 코드를 넣는 플러그인도 여럿 있기 때문이다. 

이벤트 스니펫은 테마의 functions.php에 다음과 같은 코드를 추가하여 구입 완료 페이지에 코드를 넣을 수 있다. jb_google_ads_conversion은 함수 이름이므로, 원하는 걸로 바꾸어도 된다.

function jb_google_ads_conversion() {
  // Code
add_action( 'woocommerce_thankyou', 'jb_google_ads_conversion' );

이벤트 스니펫을 추가한다면 다음과 같은 모양이 되겠지요.

function jb_google_ads_conversion() {
?>
  <script>
    gtag( 'event', 'conversion', {
      'send_to': 'AW-000000000/xxxxxxxxxxxxx',
      'transaction_id': ''
    } );
  </script>
<?php
}
add_action( 'woocommerce_thankyou', 'jb_google_ads_conversion' );

테마를 수정하는 게 싫다면 플러그인을 사용한다. 구글 애드 전환 추적을 해주는 플러그인도 존재한다. 대표적인 것은 우커머스에서 판매하는 WooCommerce Google Analytics Pro이다.

같은 카테고리의 다른 글
워드프레스 / 함수

워드프레스 / 함수

current_user_can() Returns whether the current user has the specified capability. Administrator라면 123을 출력한다. if ( current_user_can( 'administrator' ) ) { echo '123'; } is_admin()은 백엔드에서만 작동된다고 한다. has_post_thumbnail() 썸네일이 존재하는지 체크한다. wp_is_mobile() 모바일로 접속했는지 체크한다.

워드프레스 / 플러그인 / Extended User Search In WP-Amin / 이름으로도 사용자 검색 가능하게 하는 플러그인

워드프레스 / 플러그인 / Extended User Search In WP-Amin / 이름으로도 사용자 검색 가능하게 하는 플러그인

이 Theme Buster인 경우... 사용자 목록에 이름이 AAA가 보여도 AAA로 검색하면... 검색이 되지 않는다. 을 AAA로 설정하면... 검색이 된다. 즉, 검색이 가능한 이름은 으로 검색이 되게 하려면 Extended User Search In WP-Amin 플러그인을 사용하면 된다. 특별한 설정을 필요 없고, 플러그인을 ...

워드프레스 / 샘플 데이터 만드는 방법

워드프레스 / 샘플 데이터 만드는 방법

워드프레스를 공부하거나, 테마를 만들 때 글, 페이지, 이미지, 댓글 등이 필요하다. 이러한 샘플 데이터를 만드는 방법 중의 하나는 플러그인을 사용하는 것이다. 플러그인 추가 페이지에서 dummy로 검색하면 꽤 많은 결과가 나온다. 하지만, 개인적으로 애용하는 건 Theme Unit Test이다. 다양한 형식의 글과 페이지들을 포함하고 있기 때문이다. 사용하는 방법은... XML 파일 다운로드 Theme Unit Test 사이트에 ...

워드프레스 / 플러그인 / HTML Editor Syntax Highlighter / 에디터 텍스트 모드 코드 하이라이트 플러그인

워드프레스 / 플러그인 / HTML Editor Syntax Highlighter / 에디터 텍스트 모드 코드 하이라이트 플러그인

워드프레스에 글을 작성할 때 보통은 비주얼 모드를 사용하지만, 텍스트 모드로 들어가서 코드를 직접 수정하는 경우도 많다. 그런데, 텍스트 모드에서 코드를 보면 흰색 바탕에 검정 글자여서 읽기가 쉽지 않다. 이 문제를 해결해주는 플러그인이 HTML Editor Syntax Highlighter이다. 플러그인을 설치하고 활성화한 후 텍스트 모드로 들어가면 하이라이트된 코드를 볼 수 있다. 설정 아이콘을 클릭하면... 코드를 보거나 편집할 ...

워드프레스 / 언어 변경하기

워드프레스 / 언어 변경하기

워드프레스를 특정 언어로 설치한 후에 다른 언어로 변경할 수 있다. 언어 변경에는 사이트 전체 언어 변경과 사용자별 언어 변경 두 가지가 있다. 사이트 전체 언어 변경 사이트 전체 언어 변경은 에서 한다. 에서... 원하는 언어를 선택한 후... 을 클릭하면... 적용됩니다. 사용자별 언어 변경 사용자별로 다른 언어를 사용할 수 있다. 사용자의 프로필로 이동한 후 에서 ...

워드프레스 / 우커머스 / 메모

워드프레스 / 우커머스 / 메모

상품 페이지 라이트박스 제거 functions.php에 다음 코드 추가 add_filter( 'woocommerce_single_product_image_thumbnail_html', 'wc_remove_link_on_thumbnails' ); function wc_remove_link_on_thumbnails( $html ) { return strip_tags( $html, '<img>' ); } 우커머스 스타일 제거 functions.php에 다음 코드 추가 add_filter( 'woocommerce_enqueue_styles', '__return_empty_array' ); 관련 상품 제거 CSS에 다음 코드 추가 .single-product .related.products { display: none; } Database Pending 작업 실행하는 방법 예약된 데이터베이스 작업이 진행되지 않는다면 강제로 실행할 수 있습니다. ...

워드프레스 강좌 / Yoast SEO / 사이트맵(sitemap) 활성화하는 방법과 주소

워드프레스 강좌 / Yoast SEO / 사이트맵(sitemap) 활성화하는 방법과 주소

사이트맵 활성화하기 로 이동한다. 에서... XML sitemaps를 활성화(Enable feature)한다. 사이트맵 주소 Yoast SEO의 사이트맵 주소는 /sitemap_index.xml 이다. 문제가 없다면 웹브라우저로 접속했을 때 아래와 같은 페이지가 나온다. 사이트맵에서 404 에러 나는 경우 사이트맵 페이지에서 404 에러가 나면 고유주소를 확인해본다. 인 경우 404 에러가 나므로, 다른 것으로 변경한다.

워드프레스 / 미디어 업로드 폴더 변경하는 방법

워드프레스 / 미디어 업로드 폴더 변경하는 방법

워드프레스에서 이미지나 파일 등을 업로드하면 /wp-content/uploads 폴더에 저장된다. 사이트를 방문했을 때 글에 있는 이미지의 경로만 조사해도 워드프레스로 만든 것이라는 것을 알 수 있다. 특별한 이유로 인해 미디어 업로드 폴더를 변경해야 한다면 다음과 같이 한다. /wp-admin/options.php에 접속한다. 관리자 메뉴를 통해서는 접속할 수 없는, 다양한 설정을 할 수 있는 페이지가 나온다. upload_path 설정에 원하는 폴더 ...

워드프레스 / 댓글 핑백 허용 여부 일괄 변경하는 방법

워드프레스 / 댓글 핑백 허용 여부 일괄 변경하는 방법

댓글 핑백 허용 여부 설정 글에 댓글과 핑백을 허용할지 말지는 에서 정한다. 그러나 개별 글의 설정이 우선된다. 즉, 전체 설정에서 댓글을 허용하지 않아도, 글에서 허용하면 그 글에는 댓글을 달 수 있다. 반대로 전체 설정에서 댓글을 허용해도, 글에서 허용하지 않으면 그 글에는 댓글을 달 수 없다. 에서 댓글과 핑백 ...

워드프레스 / 리비전(Revision)

워드프레스 / 리비전(Revision)

리비전   리비전으로 복구하기   리비전 개수 제한 wp-config.php에 다음 코드를 추가한다. 3은 적절히 설정한다. define('WP_POST_REVISIONS', 3); 리비전 비활성화 wp-config.php에 다음 코드를 추가한다. define('WP_POST_REVISIONS', false); 리비전 삭제 리비전을 삭제하는 것은 플러그인을 이용하는 것이 편하다. revision으로 검색하면 많은 플러그인을 찾을 수 있다.