워드프레스 / 글 / 사용자 정의 필드 입력하고 출력하기
사용자 정의 필드
사용자 정의 필드를 이용하여 글에 추가적인 정보를 입력하고 출력할 수 있습니다. 그 정보를 글 본문에 직접 입력할 수도 있지만, 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-Members / 회원 가입 필드, 페이지, 권한 관리 플러그인
설치하기 에서 WP-Members로 검색하여 설치하고 활성화한다. 설정은 에서 한다. 설정에 처음 접속하면 상단에 여러 가지 메시지가 나올 수 있다. 이런 메시지를 보고 싶지 않다면 에 체크하고 저장한다. 회원 가입 필드 설정하기 에 가면 회원 정보와 관련된 필드가 나온다. 사용 여부와 필수 여부, 순서 등을 정할 ...
워드프레스 / 플러그인 / WP Mail SMTP / 메일 발신 서버 변경 플러그인
워드프레스는 여러 가지 메일을 관리자 또는 사용자에게 보낸다. 메일 발송은 기본적으로 워드프레스가 설치된 시스템을 이용하는데, 시스템 설정에 따라 메일이 나가지 않거나, 메일이 발송되더라도 스팸으로 빠지는 경우가 생길 수 있다. 그런 경우 다른 SMTP 서버로 메일을 발송하여 문제를 해결할 수 있다. WP Mail SMTP는 워드프레스가 다른 SMTP로 메일을 발송하게 해주는 플러그인이다. 사용자가 ...
워드프레스 / 글 / 사용자 정의 필드 입력하고 출력하기
사용자 정의 필드 사용자 정의 필드를 이용하여 글에 추가적인 정보를 입력하고 출력할 수 있습니다. 그 정보를 글 본문에 직접 입력할 수도 있지만, DB에 저장하면 출력하는 것 이외에도 여러 가지로 활용 가능하다는 장점이 있습니다. 사용자 정의 필드 입력하기 사용자 정의 필드는 글 쓰는 화면에서 입력합니다. 사용자 정의 필드를 입력하는 폼이 보이지 않는다면, 화면 옵션에서 ...
워드프레스 / 플러그인 / HTML Editor Syntax Highlighter / 에디터 텍스트 모드 코드 하이라이트 플러그인
워드프레스에 글을 작성할 때 보통은 비주얼 모드를 사용하지만, 텍스트 모드로 들어가서 코드를 직접 수정하는 경우도 많다. 그런데, 텍스트 모드에서 코드를 보면 흰색 바탕에 검정 글자여서 읽기가 쉽지 않다. 이 문제를 해결해주는 플러그인이 HTML Editor Syntax Highlighter이다. 플러그인을 설치하고 활성화한 후 텍스트 모드로 들어가면 하이라이트된 코드를 볼 수 있다. 설정 아이콘을 클릭하면... 코드를 보거나 편집할 ...
워드프레스에서 이미지나 파일 등을 업로드하면 /wp-content/uploads 폴더에 저장된다. 사이트를 방문했을 때 글에 있는 이미지의 경로만 조사해도 워드프레스로 만든 것이라는 것을 알 수 있다. 특별한 이유로 인해 미디어 업로드 폴더를 변경해야 한다면 다음과 같이 한다. /wp-admin/options.php에 접속한다. 관리자 메뉴를 통해서는 접속할 수 없는, 다양한 설정을 할 수 있는 페이지가 나온다. upload_path 설정에 원하는 폴더 ...
워드프레스 / 플러그인 / Classic Widgets / 블록 위젯을 이전 위젯으로 변경하는 플러그인
워드프레스 5.8이 출시되어 업데이트를 했습니다. 업데이트는 짧은 시간에 빠르게 마무리되었습니다. 업데이트를 하고 나면 어떤 변화가 있는지를 보여주는 페이지가 나오는데, 제일 먼저 나오는 것이 블록 위젯입니다. 위젯으로 들어가보니 UI가 확 바뀌었습니다. 기능도 많이 달라졌겠지요? 잠시 만져보았는데, 뭔가 어색하고 불편합니다. 다행히 이전 위젯을 선호하는 사람을 위한 플러그인이 있습니다. 이름은 Classic Widgets입니다. 설치하고 활성화하면 이전 모양으로 돌아옵니다.
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 ...
워드프레스 / 함수 / 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'; ...
워드프레스 SEO 플러그인은 웹사이트의 검색 엔진 최적화(SEO)를 도와주는 플러그인입니다. SEO는 검색 엔진에서 웹사이트의 가시성을 높이는 방법으로, 이를 통해 웹사이트에 더 많은 트래픽을 유도할 수 있습니다. 워드프레스 SEO 플러그인은 웹사이트 소유자가 이러한 작업을 쉽게 수행할 수 있도록 다양한 도구와 기능을 제공합니다. SEO 플러그인 주요 기능 메타 태그 관리 페이지와 게시물에 대한 제목, 설명, 키워드를 ...
워드프레스 / 함수 / has_post_thumbnail() / 썸네일 존재 여부 체크하는 함수
has_post_thumbnail()은 썸네일이 존재하는지 체크하는 함수이다. 썸네일이 있으면 TRUE를 반환한다. 썸네일이 있으면 A를 실행한다. <?php if ( has_post_thumbnail() ) : ?> A <?php endif; ?>