워드프레스 / 메모

위젯 제목 출력되지 않게 하는 방법

위젯의 내용은 출력하지만, 위젯 제목은 출력하고 싶지 않다면, functions.php에 다음 코드를 추가한다.

function no_widget_title( $t ) {
  return null;
}
add_filter( 'widget_title', 'no_widget_title' );

이메일 주소 변경 알림 메일 가지 않게 하는 방법

functions.php에 다음 코드를 추가한다.

add_filter( 'send_email_change_email', '__return_false' );

메타 태그 추가하는 방법

자식 테마를 만들어서 사용하고 있다면, 메타 태그 추가는 functions.php를 이용하는 게 좋다.

function cmsfactory_meta_tags() {
  echo '<meta ...>';
  echo '<meta ...>';
}
add_action( 'wp_head', 'cmsfactory_meta_tags' );
function cmsfactory_meta_tags() {
?>
<meta ...>
<meta ...>
<?php
}
add_action( 'wp_head', 'cmsfactory_meta_tags' );

위젯에서 쇼트 코드 실행되게 하는 방법

functions.php에 다음 코드를 추가한다.

add_filter( 'widget_text', 'do_shortcode' );

트랙백 허용일 때만 트랙백 주소 나오게 하기

<?php if ('open' == $post->ping_status) { ?>
  <?php trackback_url(); ?>
<?php } ?>

UserPro

CSS, JS 버전 보이게 하는 방법

UserPro를 사용하면 CSS와 JS에 버전이 붙지 않는다.

style.css?ver=4.9.5

처럼 나와야 하는데

style.css

만 나온다. 플러그인 성능 향상을 위한 거라는데, 일반적으로 버전 관리를 할 수 없으면 곤란하다. 최신 파일이 아닌 캐시된 파일을 사용하면 제대로 작동하지 않을 수 있기 때문이다.

이를 해결하기 위해서는

/wp-content/plugins/userpro/functions/hooks-actions.php

파일에서

add_filter( 'style_loader_src', 'up_remove_wp_ver_css_js', 9999 );
add_filter( 'script_loader_src','up_remove_wp_ver_css_js', 9999 );

를 주석 처리한다.

데이터베이스 연결 중 에러가 난다면

아무런 작업을 하지 않았는데도 데이터베이스 연결 중 에러가 나면서 사이트 접속이 되지 않을 수 있다. 구글에서 '워드프레스 데이터베이스 연결중 에러'로 검색하면 여러 가지 해결책이 나오는데...

그 방법들을 사용해보기 전에 서버를 재부팅하고 20분 정도 기다려보자. 저절로 해결될 수도 있다.

따옴표

워드프레스는 따옴표를 분석해서 왼쪽 따움표와 오른쪽 따옴표를 다른 모양으로 바꾼다. 만약 이게 싫다면 functions.php에 다음 코드를 추가한다.

remove_filter ( 'the_content', 'wptexturize' );
remove_filter ( 'the_title', 'wptexturize' );

페이지 템플릿, 포스트 타입 저장 위치

페이지는 페이지 템플릿으로, 포스트는 포스트 템플릿으로 디자인을 정한다. 어떤 글이 어떤 형식으로 되어 있는지 일괄적으로 찾는 게 쉽지 않은데... 데이터베이스에 직접 접속해서 쿼리를 실행하면 찾기 편하다. 저장되는 테이블은 wp_postmeta.

SELECT post_id, meta_value
FROM wp_postmeta 
WHERE meta_key = '_wp_page_template'
;

워드프레스 사이트 속도

  • 워드프레스로 만든 사이트의 속도가 느리다고 느껴진다면, 로그아웃하고 사이트에 접속해보자. 관리자로 로그인한 상태에서의 속도보다 빠를 것이다.

이미지 사이즈가 줄어든다면...

아주 큰 사이즈의 이미지를 업로드했을 때, 그 크기가 유지되지 않고 줄어드는 경우가 있다. 예를 들어 세로 크기가 6000px인 이미지인데 2560px로 바뀌는 등...

그럴 땐 functions.php에 다음 코드를 추가하자.

add_filter( 'big_image_size_threshold', '__return_false' );

2560이 아니라 4000 정도로 정하고 싶다면, 다음 코드를 추가하자.

function mynamespace_big_image_size_threshold( $threshold ) {
    return 4000;
}
add_filter('big_image_size_threshold', 'mynamespace_big_image_size_threshold', 999, 1);

같은 카테고리의 다른 글

워드프레스 강좌 / 플러그인 / Crayon Syntax Highlighter / 코드 문법 하이라이트 플러그인

워드프레스 강좌 / 플러그인 / Crayon Syntax Highlighter / 코드 문법 하이라이트 플러그인

Crayon Syntax Highlighter 프로그래밍을 주제로 하는 블로그나 사이트라면 수많은 코드를 글에 포함하게 됩니다. 코드는 <pre> 태그나 <code> 태그를 이용하여 고정폭 글꼴로 나타낼 수도 있으나, 단색으로 나타내므로 읽는게 불편합니다. 워드프레스에는 이런 불편을 해소해주는 Syntax Highlighter 플러그인이 많습니다. 그 중 사용하기 편하고 다양한 기능을 가진 플러그인이 Crayon Syntax Highlighter입니다. Crayon Syntax Highlighter는 꽤 오랫동안 업데이트가 되지 않고 있어서 ...

워드프레스 강좌 / 우커머스 / 한글 번역 수정하는 방법

워드프레스 강좌 / 우커머스 / 한글 번역 수정하는 방법

우커머스를 설치하면 한글 번역 파일도 같이 설치됩니다. 예전에는 번역률이 낮아서 사용이 어려웠는데, 지금은 많은 분들의 도움으로 번역률이 100%입니다. 하지만, 일부 번역은 마음에 들지 않을 수 있고, 쇼핑몰 특성 상 더 좋은 번역이 있을 수도 있습니다. 그럴 경우 우커머스의 번역을 수정하여 사용할 수 있습니다. Loco Translate 설치 번역 플러그인 Loco Translate를 설치하고 활성화합니다. 기본 사용법 : Loco ...

워드프레스 강좌 / 플러그인 / Duplicate Menu / 메뉴 복사하는 플러그인

워드프레스 강좌 / 플러그인 / Duplicate Menu / 메뉴 복사하는 플러그인

워드프레스에서 메뉴를 만드는 게 그리 쉽지는 않습니다. 어렵다기 보다는 손이 많이 갑니다. 메뉴 아이템이 많으면 지루한 작업을 한참 해야 합니다. 메뉴 작업을 하다보면 비슷한 메뉴를 여러 개 만들어야 하는 경우도 있고, 긴 메뉴를 분할해야 하는 경우도 있습니다. 그 때마다 메뉴를 새로 만드는 건 너무 번거롭습니다. Duplicate Menu는 이러한 작업을 도와주는 플러그인입니다. 이름 ...

워드프레스 강좌 / Smush / 이미지 압축, 최적화 플러그인

워드프레스 강좌 / Smush / 이미지 압축, 최적화 플러그인

워드프레스에 이미지를 업로드하면 썸네일을 만듭니다. 예를 들어 image.png를 업로드하면 image-150x150.png 같은 파일이 만들어지는 것이죠. 문제는 한 개만 만드는 것이 아니라는 것입니다. 워드프레스 미디어 설정에 있는 세 가지 썸네일은 기본으로 만들고, 테마에서 요구하는 썸네일, 플러그인에서 요구하는 썸네일 등을 잔뜩 만듭니다. 따라서 이미지를 한 개 업로드해도 여러 개의 썸네일 때문에 디스크 용량을 ...

워드프레스 강좌 / 플러그인 / Responsive Lightbox & Gallery / 이미지 클릭했을 때 확대하는 플러그인

워드프레스 강좌 / 플러그인 / Responsive Lightbox & Gallery / 이미지 클릭했을 때 확대하는 플러그인

워드프레스 테마는 일반적으로, 이미지를 본문에 넣을 때 이미지가 아무리 커도 본문 가로폭을 넘어가지 못하게 만듭니다. 보기에는 좋지만, 그렇게 하면 큰 이미지가 작게 보여서 이미지 안의 내용을 보기 힘들 수가 있습니다. 이를 해결하는 방법은 라이트박스 플러그인을 사용하는 것입니다. 이미지를 클릭하면 원본 이미지로 또는 크게 확대 되는 걸 본 적 있으시죠? 그게 ...

워드프레스 강좌 / 플러그인 / Content Cards / 링크를 네이버나 페이스북처럼 만들어주는 플러그인

워드프레스 강좌 / 플러그인 / Content Cards / 링크를 네이버나 페이스북처럼 만들어주는 플러그인

Content Cards 네이버 블로그에서 링크를 추가하면, 썸네일과 요약글이 있는 링크가 만들어집니다. 페이스북에도 비슷한 기능이 있습니다. 워드프레스 자체에는 이 기능이 없지만, Content Cards 플러그인을 이용하면 비슷한 효과를 낼 수 있습니다. 설치 WordPress.ORG에서 공유되는 플러그인이므로 워드프레스 관리자에서 설치할 수 있습니다. 링크 삽입하기 플러그인을 활성화하면 에디터에 아이콘이 하나 생깁니다. 그 아이콘을 클릭하여 링크를 추가합니다. 링크가 가리키는 문서에서 이미지와 제목, 글의 일부를 ...

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

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

사이트맵(sitemap) 사이트맵은 사이트에 있는 콘텐츠를 정리한 XML 파일입니다. 네이버 웹마스터 도구나 구글 웹마스터 도구에 사이트맵을 등록해야 검색이 잘 됩니다. 사이트맵은 보통 Google XML Sitemaps 플러그인으로 만듭니다. 사이트맵 생성 플러그인 중에서는 가장 인기있는 플러그인입니다. 만약 Yoast SEO를 사용한다면 Google XML Sitemaps를 사용할 필요가 없습니다. Yoast SEO에 포함되어 있기 때문입니다. Yoast SEO의 사이트맵 기능 활성화하기 General의 Features 탭에 XML sitemaps가 ...

워드프레스 강좌 / 링크 없는 메뉴 만드는 방법

워드프레스 강좌 / 링크 없는 메뉴 만드는 방법

워드프레스의 메뉴는 링크를 가지고 있습니다. 하지만 계층형으로 만들거나 메뉴 그룹을 만들 때 링크가 없는 메뉴가 필요할 때가 있습니다. 기본 기능으로는 그러한 메뉴를 만들 수 없지만, 약간의 편법을 사용하면 가능합니다. 사용자정의 링크를 만듭니다. URL에는 아무거나 입력해도 상관없습니다. 뭘 쓸지 고민된다면 #을 입력하면 됩니다. URL이 비어 있으면 메뉴가 만들어지지 않으므로 꼭 입력해야 합니다. 메뉴 수정으로 가서 ...

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

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

워드프레스에서 이미지나 파일 등을 업로드하면 /wp-content/uploads 폴더에 저장됩니다. 사이트를 방문했을 때 글에 있는 이미지의 경로만 조사해도 워드프레스로 만든 것이라는 것을 알 수 있습니다. 일반적으로는 그럴 필요가 없지만, 특별한 경우에는 미디어 업로드 폴더를 변경해야 할 때가 있습니다. 그 특별한 경우가 무엇인지는 떠오르는 게 없네요..^^ 방법은 여러 가지가 있는데, 코드를 건드릴 필요가 없는 방법을 ...

워드프레스 강좌 / 내보내기와 가져오기

워드프레스 강좌 / 내보내기와 가져오기

워드프레스로 만는 A라는 사이트의 콘텐츠를 워드프레스로 만든 B라는 사이트로 옮길 때 사용하는 것이 내보내기와 가져오기입니다. 내보내기 내보내기는 에서 합니다. 사용하는 테마나 플러그인에 따라, 내보내는 콘텐츠가 적을 수도 있고... 많을 수도 있습니다. 내보낼 콘텐츠를 선택한 다음 를 클릭합니다. 다운로드하는 파일은 텍스트만 포함한 XML 파일로, 파일 크기는 그리 크지 않습니다. 가져오기 가져오기는 에서 합니다. ...