워드프레스 / 우커머스 / 메모
차례
상품 페이지 라이트박스 제거
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이다.
워드프레스 / 함수 / has_post_thumbnail() / 썸네일 존재 여부 체크하는 함수
has_post_thumbnail()은 썸네일이 존재하는지 체크하는 함수이다. 썸네일이 있으면 TRUE를 반환한다. 썸네일이 있으면 A를 실행한다. <?php if ( has_post_thumbnail() ) : ?> A <?php endif; ?>
워드프레스 무료 테마는 WordPress.ORG에서 구하는 것이 제일 쉽다. 관리자 페이지에서 설치와 업데이트를 바로 할 수 있기 때문이다. 또다른 방법은 워드프레스 테마를 무료로 배포하는 사이트를 찾는 것이다. 워드프레스는 세계적으로 널리 쓰이는 CMS라, 무료로 테마를 배포하는 사이트도 많다. 무료 테마를 사용할 때 주의할 점은... Free이고, 바로 다운로드 받을 수 있어도, 라이센스를 다시 한번 확인하는 것이 ...
Template Tags는 정보를 불러오는 함수 정도로 이해하면 된다. 예를 들어 bloginfo( 'name' )는 블로그 이름을 가져온다. 정보는 DB에 있는 내용일 수도 있고, 파일일 수도 있다. Template tags are used within your blog's Templates to display information dynamically or otherwise customize your blog, providing the tools to make it as individual and ...
필수 입력 필드 별표(*) 표시 얼티밋 멤버 - 설정 - 기타 회원 가입 후, 로그인 후 이동할 페이지 설정 얼티밋 멤버 - 사용자 역할 사용자 정의 유효성 검사 만들기 예를 들어 0000-00-00 형식의 날짜를 입력 받고 싶다면, 테마의 functions.php에 다음 코드를 추가한다. function um_custom_validate_jb_date( $key, $array, $args ) { if ( isset( $args ) && ...
워드프레스 강좌 / 플러그인 / WP Super Cache / 캐시를 이용하여 사이트 속도 빠르게 해주는 플러그인
웹사이트 속도는 중요하다. 홈페이지에 접속했을 때 속도가 느리다면 방문자가 금방 떠나고, 검색 엔진에서도 불이익을 받는다. 따라서 속도 개선은 사이트 관리자의 중요 업무 중의 하나이다. 워드프레스는 기본적으로 페이지를 동적으로 만든다. 요청이 있으면 데이터베이스에서 자료를 가져와서 테마의 파일들을 이용해 출력을 하기에, 방문자가 접속할 때마다 페이지를 생성한다. 그래서 정적인 페이지보다 속도가 느리다. 이를 해결해주는 것이 ...
워드프레스 강좌 / 워드프레스 주소, 사이트 주소 변경하기
워드프레스에는 두 가지 주소(URL)이 있습니다. 하나는 워드프레스 주소, 다른 하나는 사이트 주소이다. 워드프레스 주소는 워드프레스 파일들을 업로드한 주소이고, 사이트 주소는 웹브라우저로 접속할 수 있는 주소이다. 두 주소는 기본적으로 같다. 주소(URL)를 바꾸는 방법은 원하는 주소에 맞게 다시 설치하는 방법과 설정 변경을 통해 바꾸는 방법이 있다. 여기서는 설정 변경을 통해 바꾸는 방법을 알아보겠다. 주소 변경은 ...
워드프레스 / 함수 / wp_is_mobile() / 모바일 접속 여부 판단하는 함수
wp_is_mobile() wp_is_mobile()은 모바일 기기로 접속하면 true, 모바일 기기가 아니라면 false를 반환하는 함수이다. 모바일인지 아닌지 구분하는 기준은 $_SERVER 이다. wp_is_mobile()은 wp-includes/vars.php에 정의되어 있다. 예제 1 모바일이면 A를 출력한다. <?php if ( wp_is_mobile() ) { echo 'A'; } ?> 예제 2 모바일이 아니면 A를 출력한다. <?php if ( !wp_is_mobile() ) { echo 'A'; ...
카테고리 워드프레스의 글(포스트)은 카테고리로 분류한다. 글은 적어도 하나 이상의 카테고리에 속하게 된다. 즉, 하나의 글은 여러 카테고리에 속할 수 있다. 글 작성 시 카테고리를 선택하지 않으면 기본 카테고리가 선택된다. 카테고리 관리는 에서 한다. 글 작성 화면에서도 카테고리 관리를 할 수 있지만, 상세한 설정을 할 수는 없다. 카테고리 만들기 로 이동하면 다음과 같은 ...
리비전 리비전으로 복구하기 리비전 개수 제한 wp-config.php에 다음 코드를 추가한다. 3은 적절히 설정한다. define('WP_POST_REVISIONS', 3); 리비전 비활성화 wp-config.php에 다음 코드를 추가한다. define('WP_POST_REVISIONS', false); 리비전 삭제 리비전을 삭제하는 것은 플러그인을 이용하는 것이 편하다. revision으로 검색하면 많은 플러그인을 찾을 수 있다.
워드프레스 강좌 / Yoast SEO / 사이트맵(sitemap) 활성화하는 방법과 주소
사이트맵 활성화하기 로 이동한다. 에서... XML sitemaps를 활성화(Enable feature)한다. 사이트맵 주소 Yoast SEO의 사이트맵 주소는 /sitemap_index.xml 이다. 문제가 없다면 웹브라우저로 접속했을 때 아래와 같은 페이지가 나온다. 사이트맵에서 404 에러 나는 경우 사이트맵 페이지에서 404 에러가 나면 고유주소를 확인해본다. 인 경우 404 에러가 나므로, 다른 것으로 변경한다.