워드프레스 / 글 / 사용자 정의 필드 입력하고 출력하기
사용자 정의 필드
사용자 정의 필드를 이용하여 글에 추가적인 정보를 입력하고 출력할 수 있습니다. 그 정보를 글 본문에 직접 입력할 수도 있지만, DB에 저장하면 출력하는 것 이외에도 여러 가지로 활용 가능하다는 장점이 있습니다.
사용자 정의 필드 입력하기
- 사용자 정의 필드는 글 쓰는 화면에서 입력합니다. 사용자 정의 필드를 입력하는 폼이 보이지 않는다면, 화면 옵션에서 [사용자 정의 필드]에 체크합니다.
- 글 입력 폼 밑에 사용자 정의 필드가 있습니다. [새로 입력]을 클릭합니다.
- 이름과 값을 입력 후 [사용자 정의 필드 추가] 버튼을 클릭하면 필드가 생성됩니다.
- 사용자 정의 필드는 여러 개 생성할 수 있습니다. 다음은 두 개의 사용자 정의 필드를 추가한 모습입니다.
- color는 red, weather는 Cloudy로 정했습니다. 사용자 정의 필드를 만들었다면, 이름이 선택 목록에 추가되어 재사용이 편해집니다.
사용자 정의 필드 출력하기
- 테마 파일의 적절한 위치에 코드를 넣으면 사용자 정의 필드의 이름 또는 값이 출력됩니다. 적절한 위치는 보통 글(포스트)을 출력하는 루프(loop) 안이고, 글을 출력하는 템플릿 파일은 보통 single.php입니다.
- 해당 글에 추가된 사용자 정의 필드 전체를 출력하는 코드는 다음과 같습니다.
the_meta();
- 예를 들어 Twenty Seventeen의 single.php의 다음 코드 아래에 the_meta();를 추가하면
while ( have_posts() ) : the_post();
- 다음과 같이 순서 없는 목록으로 값과 이름이 출력됩니다.
- 특정 사용자 필드의 값만 출력하고 싶다면 get_post_meta() 함수를 이용합니다.
$post_id : 글의 아이디
$key : 사용자 정의 필드 이름
$single : true면 문자열로 반환하고, false 또는 설정하지 않으면 배열로 반환
get_post_meta( $post_id, $key, $single )
- 예를 들어 다음은 글의 weather의 값만 출력합니다.
echo get_post_meta( get_the_ID(), 'weather', true );
- 출력 이외의 용도로 사용할 수도 있습니다. 예를 들어 다음은 color의 값이 red일 때 문단의 색을 빨간색으로 만듭니다.
if ( get_post_meta( get_the_ID(), 'color', true ) == "red" ) {
echo ( '<style>p { color: red; }</style>' );
}
워드프레스 / 플러그인 / WP Mail SMTP / 메일 발신 서버 변경 플러그인
워드프레스는 여러 가지 메일을 관리자 또는 사용자에게 보낸다. 메일 발송은 기본적으로 워드프레스가 설치된 시스템을 이용하는데, 시스템 설정에 따라 메일이 나가지 않거나, 메일이 발송되더라도 스팸으로 빠지는 경우가 생길 수 있다. 그런 경우 다른 SMTP 서버로 메일을 발송하여 문제를 해결할 수 있다. WP Mail SMTP는 워드프레스가 다른 SMTP로 메일을 발송하게 해주는 플러그인이다. 사용자가 ...
워드프레스에는 두 가지 주소(URL)이 있습니다. 하나는 워드프레스 주소, 다른 하나는 사이트 주소이다. 워드프레스 주소는 워드프레스 파일들을 업로드한 주소이고, 사이트 주소는 웹브라우저로 접속할 수 있는 주소이다. 두 주소는 기본적으로 같다. 주소(URL)를 바꾸는 방법은 원하는 주소에 맞게 다시 설치하는 방법과 설정 변경을 통해 바꾸는 방법이 있다. 여기서는 설정 변경을 통해 바꾸는 방법을 알아보겠다. 주소 변경은 ...
테마를 등록할 수 있는 최소한의 조건은 style.css와 index.php 두 개의 파일이다. 두 파일만 있으면 테마 목록에 나오고 활성화할 수 있다. style.css에 테마 정보가 들어가고, index.php로 내용을 출력하는데, index.php에 아무런 내용이 없어도 등록과 활성화는 가능하다. 디렉토리 만들기 테마가 저장되는 위치는 /wp-content/themes이다. 그 디렉토리 안에 적당한 이름의 디렉토리를 만든다. 예를 들어 my-theme이라는 디렉토리를 만들었다면 /wp-content/themes/my-theme 안에 ...
플러그인 유용한 플러그인 GS Logo Slider Lite / 파트너, 고객사 로고 슬라이더 만드는 플러그인 Enlighter / 코드 하이라이터(Code Highlighter) 플러그인 DW Question & Answer / 질문과 답변 게시판 플러그인 Google Site Kit by Google / 구글 서비스 통계 보여주는 플러그인 Search Exclude / 글 또는 페이지를 검색에서 제외시키는 플러그인 UpdraftPlus / 백업, 복원 플러그인 Advanced Custom Fields / ...
워드프레스 / 플러그인 / HTML Editor Syntax Highlighter / 에디터 텍스트 모드 코드 하이라이트 플러그인
워드프레스에 글을 작성할 때 보통은 비주얼 모드를 사용하지만, 텍스트 모드로 들어가서 코드를 직접 수정하는 경우도 많다. 그런데, 텍스트 모드에서 코드를 보면 흰색 바탕에 검정 글자여서 읽기가 쉽지 않다. 이 문제를 해결해주는 플러그인이 HTML Editor Syntax Highlighter이다. 플러그인을 설치하고 활성화한 후 텍스트 모드로 들어가면 하이라이트된 코드를 볼 수 있다. 설정 아이콘을 클릭하면... 코드를 보거나 편집할 ...
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( ...
워드프레스 / 플러그인 / Democracy Poll / 설문조사, 투표 플러그인
Democracy Poll은 워드프레스 설문조사 플러그인이다. Pro 버전이 없는 무료이고, 꼭 필요한 기능만 있는 간결한 플러그인이다. 무기명 설문조사도 가능하다. 플러그인을 찾을 때 설문조사(Poll)로 검색하는 것이 좋다. 투표(Vote) 플러그인을 찾으면 포스트에 좋아요나 별점을 주는 플러그인이 주로 나온다. 설치 WordPress.ORG에 등록된 것으로, 플러그인 추가에서 Poll로 검색하여 찾고 설치할 수 있다. 설문조사 만들기 을 클릭한 후, ...
워드프레스를 공부하거나, 테마를 만들 때 글, 페이지, 이미지, 댓글 등이 필요하다. 이러한 샘플 데이터를 만드는 방법 중의 하나는 플러그인을 사용하는 것이다. 플러그인 추가 페이지에서 dummy로 검색하면 꽤 많은 결과가 나온다. 하지만, 개인적으로 애용하는 건 Theme Unit Test이다. 다양한 형식의 글과 페이지들을 포함하고 있기 때문이다. 사용하는 방법은... XML 파일 다운로드 Theme Unit Test 사이트에 ...
워드프레스 / 함수 / has_post_thumbnail() / 썸네일 존재 여부 체크하는 함수
has_post_thumbnail()은 썸네일이 존재하는지 체크하는 함수이다. 썸네일이 있으면 TRUE를 반환한다. 썸네일이 있으면 A를 실행한다. <?php if ( has_post_thumbnail() ) : ?> A <?php endif; ?>
워드프레스에서 이미지나 파일 등을 업로드하면 /wp-content/uploads 폴더에 저장된다. 사이트를 방문했을 때 글에 있는 이미지의 경로만 조사해도 워드프레스로 만든 것이라는 것을 알 수 있다. 특별한 이유로 인해 미디어 업로드 폴더를 변경해야 한다면 다음과 같이 한다. /wp-admin/options.php에 접속한다. 관리자 메뉴를 통해서는 접속할 수 없는, 다양한 설정을 할 수 있는 페이지가 나온다. upload_path 설정에 원하는 폴더 ...