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

상품 이미지 링크 제거

functions.php에 다음 코드 추가

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

우커머스 스타일 제거

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이다.

같은 카테고리의 다른 글
워드프레스 / 무료 테마 구할 수 있는 사이트 모음

워드프레스 / 무료 테마 구할 수 있는 사이트 모음

워드프레스 무료 테마는 WordPress.ORG에서 구하는 것이 제일 쉽다. 관리자 페이지에서 설치와 업데이트를 바로 할 수 있기 때문이다. 또다른 방법은 워드프레스 테마를 무료로 배포하는 사이트를 찾는 것이다. 워드프레스는 세계적으로 널리 쓰이는 CMS라, 무료로 테마를 배포하는 사이트도 많다. 무료 테마를 사용할 때 주의할 점은... Free이고, 바로 다운로드 받을 수 있어도, 라이센스를 다시 한번 확인하는 것이 ...

워드프레스 / WP-Members / 회원 가입 필드, 페이지, 권한 관리 플러그인

워드프레스 / WP-Members / 회원 가입 필드, 페이지, 권한 관리 플러그인

설치하기 에서 WP-Members로 검색하여 설치하고 활성화한다. 설정은 에서 한다. 설정에 처음 접속하면 상단에 여러 가지 메시지가 나올 수 있다. 이런 메시지를 보고 싶지 않다면 에 체크하고 저장한다. 회원 가입 필드 설정하기 에 가면 회원 정보와 관련된 필드가 나온다. 사용 여부와 필수 여부, 순서 등을 정할 ...

워드프레스 / 플러그인 / 자동 업데이트 활성화 비활성화하는 방법

워드프레스 / 플러그인 / 자동 업데이트 활성화 비활성화하는 방법

워드프레스 플러그인에는 자동 업데이트 기능이 있다. 새 버전이 나오면 업데이트를 하고 관리자에게 메일을 보내준다. 커스터마이징 없이 그대로 사용하고 있다면 큰 문제가 없으나, 무언가 수정을 하거나 덧붙인 게 있다면 제대로 작동하지 않을 수 있다. 따라서 업데이트를 해도 문제가 없는지 테스트를 해보고 진행하는 것이 좋다. 그러기 위해서는 일단 자동 업데이트를 꺼야 한다. 플러그인 목록에 가면 ...

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

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

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

워드프레스 / 플러그인 / WP Mail SMTP / 메일 발신 서버 변경 플러그인

워드프레스 / 플러그인 / WP Mail SMTP / 메일 발신 서버 변경 플러그인

워드프레스는 여러 가지 메일을 관리자 또는 사용자에게 보낸다. 메일 발송은 기본적으로 워드프레스가 설치된 시스템을 이용하는데, 시스템 설정에 따라 메일이 나가지 않거나, 메일이 발송되더라도 스팸으로 빠지는 경우가 생길 수 있다. 그런 경우 다른 SMTP 서버로 메일을 발송하여 문제를 해결할 수 있다. WP Mail SMTP는 워드프레스가 다른 SMTP로 메일을 발송하게 해주는 플러그인이다. 사용자가 ...

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

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

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

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

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

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

워드프레스 / 업데이트 하는 방법

워드프레스 / 업데이트 하는 방법

업데이트 알림 업데이트가 있으면 여기 저기 알림이 뜬다. 이를 클릭하여 업데이트 페이지로 이동한다. 업데이트는 워드프레스 자체, 플러그인, 테마, 번역 네 가지로 구분된다. 워드프레스 업데이트 워드프레스 자체를 업데이트할 때는 를 클릭한다. 잠시 기다리면 업데이트가 완료되고, 새 버전에 대한 안내가 나온다. 플러그인, 테마 업데이트 플러그인이나 테마는 여러 개를 선택해서 일괄적으로 업데이트할 수 있다. 주의할 점 업데이트를 했을 때 문제가 ...

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

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

워드프레스를 특정 언어로 설치한 후에 다른 언어로 변경할 수 있다. 언어 변경에는 사이트 언어 변경과 사용자 언어 변경 두 가지가 있다. 사이트 언어 변경은 사이트 방문자에게 보여지는 페이지에 적용되는 언어이다. 사용자 언어는 사용자 페이지(예를 들어 관리자라면 관리자 페이지)에 적용되는 언어이다. 사용자 언어는 기본적으로 사이트 언어를 따르게 되어 있다. 즉, 사이트 언어가 영어면 ...

워드프레스 / 테마 만들기 / 등록하고 활성화 하기

워드프레스 / 테마 만들기 / 등록하고 활성화 하기

테마를 등록할 수 있는 최소한의 조건은 style.css와 index.php 두 개의 파일이다. 두 파일만 있으면 테마 목록에 나오고 활성화할 수 있다. style.css에 테마 정보가 들어가고, index.php로 내용을 출력하는데, index.php에 아무런 내용이 없어도 등록과 활성화는 가능하다. 디렉토리 만들기 테마가 저장되는 위치는 /wp-content/themes이다. 그 디렉토리 안에 적당한 이름의 디렉토리를 만든다. 예를 들어 my-theme이라는 디렉토리를 만들었다면 /wp-content/themes/my-theme 안에 ...