WordPress에서 사용자 정의 필드를 사용하는 방법

WordPress에서 사용자 정의 필드를 사용하는 방법


이전 기사를 쓰는 동안 게시물 편집기에서 사용자 정의 필드 영역을 스크롤했을 수 있습니다..

이 단순하면서도 강력한 WordPress 기능은 초보자에게는 눈에 띄지 않을 수 있지만 실제로는 의심 할 여지없이 단순하고 평범한 웹 사이트를 동적 포털로 변환 할 수 있습니다 새로운 방문자를 유치합니다.

맞춤 입력란과 사이트에서 사용하는 방법에 대해 자세히 알려 드리겠습니다.

  • 사용자 정의 필드 란 무엇이며 어떻게 작동합니까
  • 특정 사용자 정의 필드가있는 게시물을 나열하는 방법
  • 맞춤 입력란을 사용하여 사이드 바 표시
  • 사용자 정의 필드를 사용하여 개별 게시물의 머리글, 바닥 글 또는 사이드 바 변경
  • ACF 테마 코드를 사용하여보다 쉽게 ​​고급 사용자 정의 필드 구현
  • 사용자 정의 필드로 기분이나 노래 표시

사용자 정의 필드 란 무엇이며 어떻게 작동합니까

정확히 맞춤 입력란? 이 작은 필드를 사용하면 모든 사용자가 게시물에 대한 추가 정보를 입력 할 수 있습니다. 메타 데이터, 즉 ‘데이터에 대한 데이터’라고하며 게시물에 추가 정보를 첨부 할 수 있습니다. 사용자 정의 필드에 입력 할 수있는 값은 게시물에 텍스트 나 숫자를 추가하거나, 이미지를 추가하거나, 필드를 통해 스타일을 변경하거나, 실제로 마음에 드는 모든 작업을 수행하는 것과 같은 간단한 것에서부터 시작될 수 있습니다.

맞춤 입력란

어쩌면 모든 것이 예를 들어 더 명확해질 것입니다..

비디오 게임 전용 웹 사이트를 운영하고 있다고 상상해보십시오. 뉴스를 작성하고 예고편을 게시하고 게임 하드웨어를 사용하여 이야기를 나눌 수 있으며 새로운 게임이 도착한 후 리뷰를 작성할 수 있습니다. 리뷰를 작성하고 기사에 스크린 샷과 게임 플레이 비디오를 배치 한 후 게임에 대한 중요한 정보를 표시 할 수 있습니다..

긴 텍스트로 게임에 대한 가장 중요한 정보를 숨기지 않고 웹 사이트, 릴리스 날짜 등에 연결된 게임의 점수, 개발자 및 게시자 이름을 표시 할 수 있습니다. 예, 사용자 정의 필드는 마법.

작성자가 사용자 정의 필드에 해당 정보를 입력하도록 허용 한 경우, 리뷰 외에 정보를 쉽게 추출하여 표시 할 수 있습니다.. 리뷰 사이트에서 정보 상자를 보았습니다. 그렇게하면 모든 리뷰에 표준화 된 템플릿이있을 수 있습니다. 이렇게하면 전면과 후면 모두에서 사용자 경험이 향상 될 수 있습니다.

게임 웹 사이트의 예에 따라 저자가 입력 할 수 있고 독자에게 표시 할 수있는 몇 가지 사용자 정의 필드가 생깁니다.

콜 오브 듀티 정보

이것은 작성자가 사용자 정의 필드에 입력 할 정보이며 게시물에이를 표시 할 수 있습니다. 그러나 어떻게?

모든 사용자 정의 필드를 표시하십시오.

필드가 하나만 있거나 모든 필드를 동일한 지점에 표시하려는 경우 간단한 함수를 사용하여 메타 데이터를 한 번에 모두 연결할 수 있습니다.

  1. single.php 열기
  2. _content () 함수를 찾아서 사용자 정의 필드를 표시하려는 위치에 따라이 코드를 코드 앞뒤에 붙여 넣습니다.
  3. 변경 사항을 저장하다

특정 맞춤 입력란 표시 :

그게 다야 이 간단한 기능은 이제 연결 상태를 유지하며 게시물의 모든 사용자 정의 필드를 표시합니다. 근데 뭐 다른 위치에 다른 필드를 표시하려면 또는 하나의 특정 키만 표시하려는 경우? 그런 다음 약간 다른 접근 방식을 사용하고 표시 할 키를 정의합니다.

  1. single.php 파일 열기
  2. 내용을 찾고 다음을 c / p하십시오.
ID, '키', 참); ?>
  1. ‘키’를 게시물에서 사용중인 실제 맞춤 입력란으로 바꿉니다. 예 :‘게시자’
  2. 변경 사항을 저장하다

이 함수는 루프의 모든 게시물을 확인하고 “Publisher”라는 사용자 정의 필드를 검색합니다.. 키가 발견되면 해당 값이 표시됩니다. 클래스를 추가하여 사용자 정의 필드가 표시되는 방식을 추가로 사용자 정의하고 CSS로 클래스를 스타일링하거나 필드 값에 HTML을 직접 입력 할 수 있습니다.

조건부 사용자 정의 필드 :

원하는 경우 사용자 정의 필드를 조건부로 사용할 수 있습니다. 예제를 그대로두고 작성중인 게임의 출시 날짜를 알 수없는 경우가 있다고 가정 해 보겠습니다. 사용자 정의 필드를 입력하는 대신 프로세스를 자동화하고 사용자가 추가 한 데이터가없는 경우 발표 날짜 필드에 “TBA”(공지 될)를 쓰도록 WordPress에 지시 할 수 있습니다.

ID, '출시일', true);
if ($ release_date) {
?>


발표 될.

여기부터 마무리하겠습니다. 이것이 사용자 정의 필드를 사용하는 가장 기본적인 방법입니다. 그러나 이제 기본 사항을 다루었으므로 실제로는 거의 모든 것을 할 수 있습니다. 예를 들어 기분이나 듣고있는 노래를 보여줄 수 있습니다. 또는 특정 키 및 / 또는 값이 포함 된 게시물 목록을 표시 할 수 있습니다. 하늘이 한계입니다.

특정 사용자 정의 필드가있는 게시물을 나열하는 방법

맞춤 입력란은 게시물 기능을 확장하는 좋은 방법입니다. 사용자가 코드를 처리하도록하는 대신 사용자 정의 필드에 값을 입력하고 해당 정보로 무언가를 수행 할 수 있습니다. 끝없는 가능성이 있습니다.

경우에 따라 특정 사용자 정의 필드를 이미 사용중인 경우 해당 필드가있는 게시물을 나열해야 할 수도 있습니다.

예를 들어 게임 리뷰를 작성 중이고 리뷰, 별도의 정보 상자에 게시자, 장르, 점수 등을 표시하는 다른 사용자 정의 필드가 이미있는 경우, 특정 게시자의 게임 만, FPS 장르의 게임 또는 10 점의 리뷰 만 표시 할 수 있습니다..

이런 종류의 정보는 방문자에게 정말 흥미로울 수 있습니다. 게임 리뷰를 훨씬 더 자세히 탐색하거나 귀하의 사이트에서 상위 10 개 등급의 게임을 볼 수 있도록 허용. 새 목록을 게시하지 않더라도이 방법을 사용하면 데이터 마이닝에 도움이 될 수 있습니다. 기사에서 기사를 만드는 대신 연구 목적으로 만 특정 속성을 가진 모든 게시물을 나열 할 수 있습니다.

우리의 의견으로는 사용자 정의 필드로 정렬 된 게시물을 나열하는 가장 좋은 방법은 새 페이지 템플리트 작성 및 새 페이지에 목록 표시. 이 방법을 사용하면 페이지를 구성하고 필요한 것을 표시하기 위해 새 페이지를 쉽게 사용할 수 있습니다. 다음 줄에서는 특정 맞춤 입력란 및 / 또는 해당 값을 가진 모든 게시물을 찾아서 새 페이지에 표시하는 방법을 보여 드리겠습니다..

1. 사용자 정의 템플릿을 만듭니다.

Bethesda Softworks (모든 사람이 Fallout이라고 말했습니까?)의 모든 게임을 표시하려는 게임 검토 예제를 살펴 보겠습니다. 우선, 사용자 정의 템플리트를 작성하고 준비해야합니다.

  1. 커스텀 페이지 템플릿을 만들고 이름을 bethesda-games.php로 지정하십시오.
  2. 다음 코드를 복사하여 파일에 붙여 넣습니다.
  3. 
    
    
    
     '발행자',
    'meta_value'=> '베데스다'
    ));
    
    if (have_posts ()) while (have_posts ()) : the_post ();
    에코';
    제목();
    에코';
    결국;
    
    wp_reset_query (); ?>
    
    
    
    
  4. 변경 사항을 저장하다

코드는 모든 사용자 정의 필드를 살펴보고 값이 ‘Bethesda’인 ‘게시자’키만 찾을 수 있습니다. 키와 값을 원하는 것으로 변경할 수 있습니다. 값이 포함 된 ‘게시자’사용자 정의 필드가있는 모든 게시물을 표시하려면 ‘meta_value’행을 완전히 삭제하십시오..

템플릿 제목을 나중에 인식 할 수있는 것으로 변경하는 것을 잊지 마십시오.

2. 페이지를 추가하십시오.

이제 템플릿이 준비되었으므로 목록을 계속 만들 수 있습니다.

  1. 로 이동 페이지-> 새로 추가
  2. 제목 추가
  3. 오른쪽에서 “페이지 속성”을 찾으십시오.
  4. ‘템플릿’드롭 다운 목록에서 템플릿을 선택하십시오.
  5. 페이지 게시

그게 다야! 이제 새 페이지를 열면 선택한 값을 가진 사용자 정의 필드가 포함 된 모든 게시물 목록을 볼 수 있습니다.

이제 새 페이지에 텍스트를 추가하고 목록의 스타일을 지정하고 방문자에게 표시하는 가장 좋은 방법을 찾아야합니다. 이 방법을 사용하면 게시물을 완전히 다른 수준으로 정렬하고 즐길 수 있기를 바랍니다..

맞춤 입력란을 사용하여 사이드 바 표시

사이드 바는 WordPress 버전 2.2에서 도입되었습니다. 그 이후로 추가 콘텐츠를 보여주는 인기있는 방법 WordPress 테마에는 기본적으로 원하는 위젯을 배치 할 수있는 테마가 있습니다..

매우 유용하지만, 사이드 바가 어디에나있는 것을 원하지 않습니다. 일반적으로 이러한 막대는 홈 페이지 이외의 곳에 표시됩니다. 사이드 바를 쉽게 켜고 끄는 옵션은 없습니다.

그래서 직접 만들어 보지 않겠습니까? 기사의이 부분에서는 사이드 바를 사용자 정의 필드에 넣고 원하는 게시물에 대해서만 호출하는 방법을 보여줍니다..

1. 템플릿을 준비합니다 :

  1. page.php 또는 single.php 파일 열기
  2. 다음 코드를 찾으십시오.
  3. 코드를 다음과 같이 바꾸십시오.
  4. ID, "사이드 바", true);
    get_sidebar ($ sidebar);
    ?>
    
  5. 변경 사항을 저장하다
  6. 사이드 바가있는 위치에 맞춤 템플릿 만들기
  7. sidebar.php 파일을여십시오
  8. sidebar.php에서 모든 것을 복사하여 사용자 정의 템플릿 파일에 붙여 넣습니다.
  9. 변경 사항을 저장하다.

이제 텍스트 / 비주얼 편집기에서 “사용자 정의 필드”를 찾을 수있는 게시물 또는 페이지를 열어야합니다. 해당 게시물 / 페이지에 사이드 바를 추가하려면 다음을 수행하십시오..

2. 사용자 정의 필드에서 사이드 바 사용 :

  • 사용자 정의 필드 이름 아래에 “사이드 바”를 입력하십시오.
  • 사용자 정의 템플릿 이름을 필드 값으로 입력하십시오.
  • 그게 다야 맞춤 입력란을 비워두면 게시물에 사이드 바가없는 반면 다른 경우에는 모든 것이 올바르게 완료되면 사이드 바가로드되어야합니다..

    사용자 정의 필드를 사용하여 개별 게시물의 머리글, 바닥 글 또는 사이드 바 변경

    일반적으로 aWordPress 웹 사이트에는 사용중인 테마에 의해 정의 된 하나의 머리글, 바닥 글 및 사이드 바 만 있습니다. 각각의 기능과 디자인은 테마에 의해 호출 된 다음 필요한 곳에 사이트에 표시되는 별도의 파일에 저장됩니다. 테마의 각 부분이 다른 파일에 저장되므로 전체 사이트를 망칠 걱정없이 쉽게 수정할 수 있으며 사이트에서 머리글, 바닥 글 또는 사이드 바 만 동작하는 방식을 변경할 수 있습니다.

    그러나 때로는 하나의 요소만으로는 충분하지 않으며 예를 들어 헤더를 변경하고 싶을 수 있습니다. 전체 사이트에 대해 변경하려면 이미 준비가되었습니다. header.php를 열고 원하는 방식으로 수정하십시오. 그러나 단일 게시물에 대해서만 헤더에 광고를 추가하려면 어떻게해야합니까? 또는 나머지를 변경하지 않고 전체 컬렉션에서 하나의 게시물에 대해서만 헤더를 수정하십시오.?

    다시 한번, 사용자 정의 필드는 당신을 도울 것입니다.

    1. 파일을 준비하십시오 :

    사용자 정의 필드를 사용하여 머리글, 바닥 글 또는 사이드 바를 변경하기 전에 파일을 준비해야합니다. 게시물의 헤더를 변경하고 설계를 변경하거나 게시물에 특정 광고를 삽입 한 header-header2.php라는 새 파일을 만들었다 고 가정 해 보겠습니다. 사용자 정의 필드 작성을 계속하기 전에 파일이 올바르게 코딩되어 있고 사이트에서 작동하는지 확인하십시오. 파일이 준비되면 준비를 진행할 수 있습니다.

    조심해 파일 이름 지정 – 헤더를 변경하려는 경우 새 헤더 파일은 다음과 같아야합니다. header-newname.php

    2. 코드를 교체하십시오 :

    1. single.php 파일 열기
    2. get_header ()를 검색하십시오. 일반적으로 single.php 페이지의 맨 위에있는 코드의 일부
    3. 기능을 다음으로 교체하십시오.
    4. 글로벌 $ wp_query;
      $ postid = $ wp_query-> 포스트-> ID;
      $ header = get_post_meta ($ postid, "header", true);
      if (! empty ($ header)) {
      get_header ($ header);
      } else {
      get_header ();
      }
      wp_reset_query ();
      
    5. 변경 사항을 저장하다

    이 코드를 사용하면 WordPress에 모든 단일 게시물에서 “헤더”사용자 정의 필드를 확인하도록 지시했습니다. 해당 이름을 가진 사용자 정의 필드가 발견되면 WordPress는 해당 값을 가져와 해당 게시물의 헤더로 파일 이름을 사용합니다..

    3. 사용자 정의 필드를 통해 헤더를 변경하십시오.

    테마에 header-header2.php를 업로드 한 경우 이제 사용자 정의 필드에서 호출 할 수 있습니다.

    1. 헤더를 변경하려는 게시물을 엽니 다.
    2. 아래로 스크롤하여 사용자 정의 필드로 이동
    3. 새 필드를 입력하고 이름을 “header”로 지정하십시오
    4. 필드 값에 “header2.php”를 입력하십시오
    5. 게시물 업데이트 또는 게시

    에 오류가없는 경우 header-header2.php 파일, 변경 한 게시물 위에 새 헤더가 나타납니다.. 여전히 다른 모든 게시물은 테마로 정의 된 표준 헤더 파일을로드합니다..

    알다시피,“header-”부분 다음에 새 헤더 파일의 파일 이름 만 입력하면됩니다. 그것 덕분에, 새 헤더 파일의 이름을 올바르게 지정하는 것이 중요합니다 맞춤 입력란에서 사용중인 실제 이름 앞에 ‘헤더-‘부분을 추가합니다..

    물론 사이드 바 또는 바닥 글 파일도 마찬가지입니다. get_sidebar () 과 get_footer () 코드의 일부.

    ACF 테마 코드를 사용하여보다 쉽게 ​​고급 사용자 정의 필드 구현

    사용자 정의 필드는 실제로 모든 WordPress 테마의 불가피한 부분입니다. 이 필드를 사용하면 모든 사람이 게시물에 대한 추가 정보를 포함 할 수 있지만 불행히도이 표준 WP 기능은 매우 원시적입니다. 초보자는 “맞춤형 필드 사용”에 익숙해 지려면 시간이 필요하며 개발자는 코딩 할 때 많은 시간을 소비해야합니다..

    그 이유는 고급 사용자 정의 필드 (ACF) 플러그인은 전 ​​세계 WordPress 사용자에게 인기가 있습니다. 이 무료 플러그인은 현재 백만 건 이상의 활성 설치를 계산하며 그 수가 감소하는 이유를 알 수 없습니다. ACF를 사용하면 비주얼 편집기를 통해 강력하고 전문적이며 직관적 인 사용자 정의 필드를 만들 수 있습니다.

    꽤 인기가 있지만 ACF를 테마로 해당 필드를 구현하려는 경우 코딩 지식과 많은 시간이 필요합니다. 예, 필드 그룹을 만드는 것은 쉽지만 해당 필드를 표시하는 것은 쉬운 일이 아닙니다. 그리고 그곳에서 개발자를 구하기 위해 ACF 테마 코드가 시작됩니다..

    ACF 테마 코드

    가격 : 무료

    워드 프레스 용 ACF 테마 코드

    이 멋진 플러그인은 동일한 코드를 반복해서 반복해서 작성하는 데 시간을 낭비하지 않기로 결정한 두 개발자의 제품입니다. 테마를 개발하거나 기존 테마를 수정할 때 고급 사용자 정의 필드를 사용하려면 개발자가 테마 내의 올바른 위치에 올바른 코드를 구현해야합니다. 더 쉬운 방법이 없었기 때문에 개발자는 작업을 수행하기 위해 스 니펫과 API의 모든 기능을 외워야했습니다..

    제작자 중 한 사람인 Aaron Rutley가 블로그:

    “WordPress 테마 내에서 필드를 구현할 때 필드 이름을 잊어 버릴 것입니다.‘profile_image’또는‘profile_photo’입니까? 또한 해당 필드를 반환하도록 설정 한 방법을 잊었을 것입니다. ID, URL 또는 배열입니까? 나는 자신을 찾기 위해 필드 그룹을 끊임없이 편집하는 것을 발견했다.”

    ACF 테마 코드가 개발자를 도울 수있는 곳입니다. 이 무료 플러그인을 설치 한 후 4,000 번 이상 다운로드되었습니다., 코드를 다룰 때 시간을 절약 할 수 있습니다. 고급 사용자 정의 필드에서 필드 그룹을 게시, 편집 또는 업데이트 할 때마다이 놀라운 플러그인은 필드를 테마로 구현하는 데 필요한 코드를 자동으로 생성합니다..

    이 코드는 페이지 하단에서 렌더링됩니다. 각 스 니펫 옆에 코드를 쉽게 복사 할 수있는 클립 보드 아이콘이 있습니다.. 이제는 외울 필요가 없습니다 사용자 정의 필드로 작업 할 때 휴식을 취할 수 있습니다.

    이 플러그인은 이미 모든 개발자에게 필수 아이템이지만 Aaron은 이미 ACF 테마 코드를 확장 할 계획이라고 밝혔다.

    “향후 더 인기있는 타사 필드에 대한 지원을 추가 할 계획입니다. 또한 개발자에게 생성 된 코드를보다 효과적으로 제어 할 수 있도록 할 계획입니다.”

    ACF 무료 버전과 페어링하면 플러그인이 무료이지만 프로 버전 고급 사용자 정의 필드의 확장 버전을 사용하는 경우 ACF Theme Code Pro는 복제, 갤러리, 리피터 및 유연한 컨텐츠 필드와 같은 다른 모든 ACF Pro 필드 유형에 대한 코드를 생성합니다..

    사용자 정의 필드로 기분이나 노래 표시

    블로깅은 재미 있어야합니다. 심각한 주제에 대한 기사를 작성하더라도 블로그에는 일반 독자에게는 좀 더 재미있게 만드는 내용이 여전히있을 수 있습니다. 저자의 작은 메모, 재미있는 이미지 또는 기사를 쓰는 동안 있었던 분위기를 추가 할 수 있습니다. 듣고있는 노래 제목을 추가하고 싶을 수도 있습니다..

    이 부분에서 우리는 당신에게 게시물에 분위기 / 노래를 표시하는 기능을 쉽게 구현하는 방법. 추가 플러그인을 설치할 필요가 없으며이 기능은 공간을 많이 차지하지 않습니다. 게시물 상단 또는 하단에 자동으로 추가 할 수있는 간단한 텍스트 줄입니다..

    1. “무드 기능”을 추가해 보겠습니다.

    1. single.php 파일 열기
    2. 기분을 표시하려는 지점에 다음 코드를 복사하여 붙여 넣습니다.
    3. $ customField = get_post_custom_values ​​( "mood");
      if (isset ($ customField [0])) {
      에코 ""."Mood : ". $ customField [0]."";
      }
    4. 변경 사항을 저장하다

    커스텀 필드 무드

    기분에 맞게 WordPress를 준비 했으므로 원하는 게시물에 표시 할 준비가되었습니다. 기본적으로 WordPress에는 기분이 표시되지 않으며 분위기를 표시하기로 결정하기 전까지는 기본 분위기가 없습니다. 대신 노래를 추가하려면 첫 번째 코드 줄에서 “mood”를 “song”으로 변경하면 세 번째 줄에서 클래스 이름을 변경할 수도 있습니다..

    2. 게시물에 기분 / 노래를 추가하십시오 :

    분위기 나 노래를 입력하려면 사용자 정의 필드에 작성해야합니다.

    1. 기분을 쓰려는 게시물을 엽니 다.
    2. ‘맞춤 입력란’이 표시 될 때까지 아래로 스크롤.
    3. 게시물 내용 아래에 맞춤 입력란이 표시되지 않으면 편집기 화면 상단의 ‘화면 옵션’을 클릭하고 ‘맞춤 입력란’옆의 확인란을 선택하십시오..

    4. 이름 필드에 “기분”을 쓰거나 함께 결정한 경우 “노래”를 쓰십시오.
    5. ‘값’입력란에 원하는 내용을 입력하십시오. 이것은 게시물에 표시되는 기분 / 노래입니다.
    6. “Add Custom Field”버튼을 클릭하십시오
    7. 게시물 게시

    3. 스타일 :

    이미 세 줄의 코드에서만 볼 수 있듯이 이것은 새로운 사용자 정의 필드를 추가하는 가장 간단한 형태입니다. CSS로 분위기를 꾸미려면 코드에 이미“my_mood”클래스가 텍스트에 추가 된 것을 볼 수 있습니다. 스타일을 수정하려면 다음을 수행하십시오.

    1. style.css 파일 열기
    2. 코드를 복사하여 붙여 넣습니다.
    3. .내 기분 {
      파란색;
      }
    4. 원하는 CSS 스타일을 추가하십시오
    5. 변경 사항을 저장하다.

    이 글이 블로그의 “기분 / 노래 기능”을 사용자 정의하기에 충분하고 “blue”가 자주 다루지 않는 가치가 있기를 바랍니다. 기분을 게시하고 싶지 않다면 “무드”사용자 정의 필드에 아무 것도 쓰지 마십시오..

    합산

    다른 사용자가 테마 또는 플러그인 개발자와 같은 사용자 정의 필드를 작성한 경우이를 사용하여 블로그를 개선하는 것은 매우 쉽습니다. 그러나이 기사가 필드를 직접 사용자 정의하는 데 도움이 되었기를 바랍니다..

    우리가 보여준 코드를 간단하게 수정하면 고유 한 사용자 정의 필드를 생성하고 관리하여 고유 한 블로그를 생성 할 수 있습니다. 필요한 정보를 추출 할 수 있으며 컨텐츠 작성 및 생성 프로세스가 간소화됩니다. WordPress의 사용자 정의 필드에 대해 어떻게 생각하십니까?

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
      Like this post? Please share to your friends:
      Adblock
      detector
      map