워드프레스 / 메모

플러그인

유용한 플러그인

  • GS Logo Slider Lite / 파트너, 고객사 로고 슬라이더 만드는 플러그인
  • Enlighter / 코드 하이라이터(Code Highlighter) 플러그인
  • DW Question & Answer / 질문과 답변 게시판 플러그인
  • Google Site Kit by Google / 구글 서비스 통계 보여주는 플러그인
  • Search Exclude / 글 또는 페이지를 검색에서 제외시키는 플러그인
  • UpdraftPlus / 백업, 복원 플러그인
  • Advanced Custom Fields / 사용자 정의 필드 만드는 플러그인
  • Google XML Sitemaps / 사이트맵 만들어주는 플러그인
  • Loco Translate / 번역 파일을 수정하거나 새로 만드는 플러그인
  • Search Meter / 검색어 키워드 통계 플러그인
  • Table of Contents Plus / 포스트, 페이지에 차례(목차) 만드는 플러그인
  • Contact Form 7 / 폼메일 만드는 플러그인
  • Schema / 구조화된 데이터 만들어주는 플러그인
  • Awesome Support / 일대일 상담 플러그인
  • List Category Posts / 다양하게 글 목록 출력시켜주는 플러그인
  • Duplicate Menu / 메뉴 복사하는 플러그인

플러그인 설치한 날짜 확인하는 방법

워드프레스에서 플러그인 설치 날짜를 직접적으로 보여주는 기능은 기본적으로 제공되지 않는다. 하지만 다음과 같은 방법으로 알아낼 수 있다.

테마

불필요한 CSS 제거

// Remove Styles & Scripts
  function jb_theme_remove_styles_and_scripts() {
    if ( !is_user_logged_in() ) {  
      wp_deregister_style( 'dashicons' ); // dashicons.min.css 제거
      wp_dequeue_style( 'wp-block-library' ); // block-library/style.min.css 제거
    }
  }
  add_action( 'wp_enqueue_scripts', 'jb_theme_remove_styles_and_scripts', 100 );
// Remove Styles & Scripts

우커머스

상품 이미지 링크 제거

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입니다.

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

워드프레스 / 글 / 카테고리

카테고리 워드프레스의 글(포스트)은 카테고리로 분류한다. 글은 적어도 하나 이상의 카테고리에 속하게 된다. 즉, 하나의 글은 여러 카테고리에 속할 수 있다. 글 작성 시 카테고리를 선택하지 않으면 기본 카테고리가 선택된다. 카테고리 관리는 에서 한다. 글 작성 화면에서도 카테고리 관리를 할 수 있지만, 상세한 설정을 할 수는 없다. 카테고리 만들기 로 이동하면 다음과 같은 ...

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

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

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

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

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

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

워드프레스 / 메모

워드프레스 / 메모

플러그인 유용한 플러그인 GS Logo Slider Lite / 파트너, 고객사 로고 슬라이더 만드는 플러그인 Enlighter / 코드 하이라이터(Code Highlighter) 플러그인 DW Question & Answer / 질문과 답변 게시판 플러그인 Google Site Kit by Google / 구글 서비스 통계 보여주는 플러그인 Search Exclude / 글 또는 페이지를 검색에서 제외시키는 플러그인 UpdraftPlus / 백업, 복원 플러그인 Advanced Custom Fields / ...

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

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

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

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

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

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

워드프레스 / 함수 / has_post_thumbnail() / 썸네일 존재 여부 체크하는 함수

워드프레스 / 함수 / has_post_thumbnail() / 썸네일 존재 여부 체크하는 함수

has_post_thumbnail()은 썸네일이 존재하는지 체크하는 함수이다. 썸네일이 있으면 TRUE를 반환한다. 썸네일이 있으면 A를 실행한다. <?php if ( has_post_thumbnail() ) : ?> A <?php endif; ?>

워드프레스 / Template_Tags

워드프레스 / Template_Tags

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

워드프레스 / 메모

워드프레스 / 메모

functions.php 위젯 제목 출력되지 않게 하는 방법 위젯의 내용은 출력하지만, 위젯 제목은 출력하고 싶지 않다면, 다음 코드를 추가한다. function no_widget_title( $t ) { return null; } add_filter( 'widget_title', 'no_widget_title' ); 이메일 주소 변경 알림 메일 가지 않게 하는 방법 add_filter( 'send_email_change_email', '__return_false' ); 메타 태그 추가하는 방법 function cmsfactory_meta_tags() { echo '<meta ...>'; echo '<meta ...>'; } add_action( ...

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

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

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