워드 프레스는 사용자 정의 필드의 중요한 부분이 무엇이 워드 프레스의 유연한 콘텐츠 관리 시스템보다는”그냥 블로그 플랫폼”.

워드 프레스에 올 때 사용자 정의 필드는,freemium 고급 사용자 정의 필드 플러그인은 하나의 가장 잘 알려진 이름입니다. 그것은 쉽게 작동하는 사용자 정의 필드의 모든 측면에서,그리고 그것은 또한 항목에서 우리의 게시 오늘입니다.

특히,우리는 이유를 설명 할 것이 고급 사용자 정의 필드 그렇게 귀중하고 다음을 보여 단계별로 어떻게 적용할 수 있습니다 당신의 WordPress 사이트입니다.

여기에 모든 것을 찾을 수 있에서 이 게시물:
이 많을 커버,그래서에서 다이빙을 할 수 있습니다.

무엇이 있는 워드 프레스는 사용자 정의 필드? 그들이 당신에게 무엇을하게합니까?

WordPress 사용자 정의 필드를 사용하면 WordPress 의 콘텐츠 조각에 대한 추가 정보를 추가,저장 및 표시 할 수 있습니다. 보다 기술적 인 수준에서 사용자 정의 필드는 메타 데이터를 저장하는 데 도움이됩니다.

도 익숙하지 않은 경우,이 용어로 사용자 정의 필드는 전력의 많은 기능을 좋아하는 플러그인과 테마입니다.

예를 들어,WooCommerce,가장 인기 있는 방법을 구축하는 전자 상거래 저장,사용하는 사용자 정의 필드에 대한 추가 정보를 저장하는 제품은 다음과 같다.

• 격
• 중량
• 컬러

가 있는 경우에는 워드프레스 플러그인 이벤트 캘린더,는 플러그인이 사용하는 사용자 정의 필드를 저장에 대한 추가 정보를 등의 이벤트:

• 위치
• 시작/종료 시간
• 격

을 만들 수도 있습니다 당신의 자신의 사용자 정의 필드에 정보를 저장하는 관련이 귀하의 고유한 요구에는 무엇이 이 전체 게시물에 관한 것입니다.

WordPress 의 사용자 정의 필드는 얼마나 멋집니까? 👨 💻우리의 최신 가이드에서 놀라운@wp_acf 로 그들을 활용하는 방법에 대해 알아보십시오! 💪트윗하려면 클릭

언제 사용자 정의 필드를 사용해야합니까?

이제 왜 처음에 사용자 정의 필드가 필요한지 궁금 할 것입니다.

경우,예를 들어,당신이 원하는 게시 행사에서 당신의 WordPress 사이트,수 없어 모든 정보를 일반 텍스트로에서는 워드 프레스 편집기입니까?

음,네,할 수 있습니다. 그러나 사용자 정의 필드를 사용하여 더 나은 방법에 대한 몇 가지 이유가:

• 게 입력—입력하는 대신 일을 처음부터 잘 사용자 정의 필드 그룹을 만들 것입니다 그것은 훨씬 더 쉽게입니다. 예를 들어,날짜를 입력하는 대신 날짜 선택기에서 날짜를 선택하기 만하면됩니다.
• 일관성—에서 입력한 정보의 사용자 정의 필드는 항상 표시에 따라 설정을 의미하는 것이 일관된 전반에 걸쳐 사이트입니다.
• 쉽게 업데이트 및 유지보수하는 경우 당신이 원하는 무언가를 변경하는 방법에 대해서는 정보 표시,미래에 당신을 업데이트 할 수 있습니다 하나는 것보다 편집하는 각 게시됩니다.

워드 프레스가 내장되어 있습니다.사용자 정의 필드에서 기능

워드 프레스를 포함 기능 추가를 위한 사용자 정의 필드는 무엇인지 파악할 수 있습니다. 클래식 TinyMCE 편집기에서 화면 옵션 영역에서이를 활성화 할 수 있습니다. 또,새로운 블록을 편집기를 사용할 수 있도록 설정할 수 있습 옵션에서 지역:

입력할 수 있습 귀하의 사용자 정의 필드를 사용하여 데이터를 키/값 쌍:

이 기본 사용자 정의 필드는 기능이 완전히 기능적인,하지만 대부분의 사용자 친화적 인 방법을 할 것을 이유입니다,많은 사람들이 차례의 고급 사용자 정의 필드 플러그인을 대신 합니다.

고급 사용자 정의 필드 그것은 훨씬 더 쉽게

단순히 넣어,고급 사용자 정의 필드 그것은 훨씬 더 쉽게 작동하는 사용자 정의 필드에서는 워드 프레스에서 거의 모든 측면이 있습니다.

단순화에 대한 인터페이스를 추가하고 관리하는 사용자 정의 필드에서 당신의 WordPress 대시보드와 그것은 또한 단순화 프로세스에 대한 정보를 표시하에서 사용자 정의 필드 프론트 엔드에 당신의 사이트입니다. 는 사실만을 이유를 설명하는 데 도움이 그의 활동에 1 백만 개 이상의 웹사이트 4.9 성급 평가에 1,000 리뷰가 없습니다.백엔드에서는 미리 선택된 필드 유형을 포함하는 사용자 친화적 인 메타 상자를 만들 수 있습니다. 그래서,보다는 오히려 일반적인 키 값 쌍 인터페이스(그럼 당신은 위에서 본)에 사용할 수 있 날짜 선택,체크박스,같은 더 이:

전체에서 고급 사용자 정의 필드를 제공합 30 다른 분야 유형에 추가할 수 있는 모든 영역에서 대시보드를 포함하여,게시물,사용자,분류법,미디어,의견,과도 사용자 정의 옵션을 사용 페이지입니다.

여기에서 각 필드 유형에 대한 자세한 정보를 볼 수 있습니다.

고급 또한 사용자 정의 필드를 쉽게 많이 해당 정보를 표시로,문서화 기능을 단축,구텐베르크 블록,더 많은.

또는 일부 드래그 앤 드롭 WordPress 페이지 빌더와 같은 다른 도구와의 통합을 찾을 수 있습니다.

고급 사용자 정의 필드 무료 대 프로:어느 것이 필요합니까?

고급 사용자 정의 필드는 무료뿐만 아니라 저렴한 프리미엄 버전으로 모두 제공됩니다.

대부분의 기본 용도의 경우 무료 버전은 완전히 괜찮습니다. 그것은에 액세스할 수 있는 거의 모든 분야 유형뿐만 아니라,모든 시간을 절약하고 사용자 친화적 기능을 설명한다.

하려는 경우에는 일부를 저장에 대한 추가 정보를 당신의 콘텐츠,무료 버전은 당신이 필요합니다.

으로 말해서,프로 버전을 추가하지 매우 편리 기능을 사용하는 데 도움이 되는 고급 사용자 정의 필드에서 더 많은 흥미로운 방법:

• 중계기 분야—이러한 하자를 반복하는 특정 분야/그룹 필드에서 게시물 기준입니다. 예를 들어,당신에 대한 정보를 추가 스피커는 이벤트,repeater 필드를 처리하는 데 도움이 되는 상황 하나 이상의 스피커(수 있다”반복”field(s)스피커를 위한 한 많은 시간이 필요할 수 있는 손잡이 가장자리가 있는 경우에는 여러 개의 스피커).
• ACF 블록-메타 상자가 아닌 블록 구텐베르크로 필드를 표시합니다. 이것은 특히 편리하는 경우에 당신은 사이트를 구축을 위해 클라이언트와 원하는 쉬운 방법을 입력 및 시각화하는 사용자 정의 필드 데이터입니다.
• 유연한 콘텐츠 필드-다른 필드에서 레이아웃을 만듭니다. 그것은 일종의 사용자 정의 필드 정보를 기반으로 경량 페이지 빌더와 같습니다.
• 갤러리 필드-여러 이미지를 단일 필드에 업로드합니다.

이 있으며 또한 다른 차이가 같은 옵션 페이지 능력에 복제 분야,개선하는 관계는 분야,및 다른 작은 되었습니다.

여기에서 모든 ACF PRO 기능을 볼 수 있습니다.

ACF PRO 는 단일 사이트에서 평생 사용하기 위해 25 달러부터 시작합니다. 또는 무제한 사이트에서 평생 사용하기 위해 100 달러를 지불 할 수도 있습니다.의심 스러울 때 필요한 기능을 정확히 파악할 때까지 무료 버전부터 시작하십시오. 필요한 경우 나중에 항상 업그레이드할 수 있습니다.

고급 사용자 정의 필드 자습서: 를 추가하는 방법의 필드

이제로 발굴하고 실제 고급 사용자 정의 필드의 튜토리얼는 방법에 대해 알아보겠습니다 만들고 표시하는 첫 번째로 설정의 사용자 정의 필드가 있습니다.

이 예에서는 달리기에 대한 블로그가 있다고 가정 해 봅시다. 정말 달리기에 빠져서 독자들과 일상적인 운동을 나누고 싶습니다. 특히,각 블로그 게시물을 공유하고 싶을 실행하의:

• 목적이 있다고 가정해 봅시는 두 개의 다른 형태의 실행:”속 작업”및”조화”.
• 거리-당신의 달리기가 얼마나 오래 있었는지.
• 시작 시간—당신이 당신의 실행을 시작했을 때.
• 마침 시간—당신이 당신의 실행을 완료 할 때.
• 위치-당신의 달리기가 일어난 곳.

해당 정보를 수집하려면 5 개의 사용자 정의 필드를 추가하고 싶을 것입니다.

주의하는 것이 중요하다는 원리를 배울에서는 이 고급 사용자 정의 필드는 튜토리얼에 적용되는 모든 사용 사례입니다. 우리는 연결할 확실한 예를 갖는 데 도움이되기 때문에 특정 예를 골라 내고 있습니다.

우리는 이 튜토리얼은 두 부분으로.

1. 어떻게 추가하고 관리하는 사용자 정의 필드에 있습니다.
2. 사이트의 프론트 엔드에 사용자 정의 필드 정보를 표시하는 방법.

새로 만들 필드 그룹

을 설치하면 활성화하고 무료 버전의 고급 사용자 정의 필드에서 WordPress.org 으로 이동,사용자 정의 필드>새로운 추가를 만드는 당신의 첫번째 필드 그룹입니다.

으로 이름에서 알 수 있듯이,”분야”그룹의 그룹 중 하나 이상 표시되는 사용자 정의 필드를 함께서는 워드 프레스 보드입니다.

이 예제에서는 5 개의 사용자 정의 필드를 포함하는 하나의 필드 그룹을 만듭니다.

필드 그룹에 이름을 지정한 다음 해당 위치를 선택하십시오. 이 예제에서는 일반 WordPress 블로그 게시물에 대해 이러한 사용자 정의 필드를 표시하려고하므로 기본 게시물로 남겨 둘 수 있습니다.

그러나 표시하려면 사용자 정의 필드를 다른 곳처럼과 함께 사용자 지정 후 유형이나 분류에,당신은이를 변경하고 싶습니다. 여러 위치에 필드를 표시하도록 여러 규칙을 설정할 수도 있습니다:

사용자 지정 필드를 추가

다음 클릭합+추가 필드 단추를 추가 당신의 첫 번째 사용자 정의 필드:

이 많은 옵션이 있지만,당신이하지 않는 반드시 작성해야하는 모든 것입니다.

가장 중요한 두 가지 선택사항은 다음과 같습니다.

• 드 라벨—이 나타납니다 무엇에서 편집기입니다. 또한 코드에서 사용할 필드 이름을 생성하는 데 사용됩니다. 필드 이름을 변경할 필요는 없습니다(필요한 경우 할 수 있지만).
• 필드 유형-수집하려는 정보의 유형입니다. 예를 들어 숫자 정보를 수집하는 숫자 필드 또는 이메일 주소를 수집하는 이메일 필드를 원할 것입니다.

이 첫 번째 필드의 경우 라디오 버튼 필드 유형을 원할 것입니다:

더 아래에 입력할 수 있습니다 라디오 버튼 옵션을 선택에서 선택 상자

숫자도 있습니다 다른 선택할 수 있는,좋아하는지 여부를 필드가 필요하고 이 값이 기본값이다. 당신의 필요에 이들을 구성하게 자유롭게 느끼십시오.

의 다른 예를 살펴 보자:사용자 정의 필드는 실행의 거리를 수집합니다. 이 시간이,당신이 원하수 필드를 입력:

할 수 있습도 만들 것을 조금 더 많은으로 사용자 친화적 인 선택을 추가의 거리는 단위입니다. 그리고 원한다면 최소값과 최대 값으로 유효성 검사를 추가 할 수도 있습니다. 예를 들어,당신은 아마 가지 않에 1,000 개 마일을 실행하는(당신이 경우에…세상에,당신은 궁극적 Forrest Gump)!

단순히 반복하는 과정에 대한 다른 모든 사용자 정의할 필드를 수집합니다. 한 때,그것은 다음과 같이 보일 것입니다.

설정을 구성하고 게시

일을 마무리하기 위해 밖으로 아래로 스크롤을 설정 상자입니다. 여기에서,당신은 당신의 필드가 워드 프레스 편집기에 표시하는 방법을 제어 할 수 있습니다.대부분의 경우이를 기본값으로 남겨 둘 수 있습니다. 그러나 당신이 원하는 경우에 것을 위로 바꾸게 자유롭게 느끼십시오. 예를 들어,당신이 선택할 수 있었을 표시하는 사용자 정의 필드를 위의 정기적인 워드 프레스 편집기

일단 당신이 당신의 선택,게시드 그룹을 만들이 살고있다.

추가 몇 가지 정보를 워드프레스 편집기

일단 당신이 게시된 필드 그룹,당신은 당신의 필드가 나타나에 갈 때 당신은 새 게시물을 만들어야 합니다.

기본적으로 클래식 TinyMCE 편집기와 새 블록 편집기 모두에서 편집기 아래에 함께 표시됩니다:

입력하신 정보는 여기에 저장됩니다 귀하의 사이트의 워드 프레스 데이터베이스를 쉽게 검색(당신이 볼 수는 다음 부분에서의 우리의 고급 사용자 정의 필드를 자).

조건부 논리 탐색

앞으로 나아 가기 전에 빠른 우회로를 보자.

참조,고급 사용자 정의 필드가 인기있는 이유 중 하나는 허용하는 모든 흥미로운 구현 때문입니다.

과 한 강력한 옵션을 여기에 조건부 로직할 수 있는 보이기/숨기기 필드를 기반으로 하는 방법 이전 분야 응답되었습니다.

봅시에 빠른 예는 어떻게 작동…

말할 블로그의 음식에 대해,당신의 여행,또는 다른 것보다 실행합니다. 면에 대해 쓰 non-실행 항목에서,그것은 큰 의미가 없 사용자 정의 필드를 표시하도록에 대한 자세한 내용 실행,right?

어떤 경우에,대신 자동으로 표시하는 모든 사용자 정의 필드에서 당신이 다 만들어,당신은 당신이 추가할 수 있는 사용자 정의 필드는 말은”이 후 실행?”:

경우 박스에 체크,다음을 실행 필드 정보를 자동으로 나타납니다. 당신이 선택하지 않고 그대로 두면,그들은 숨어:

는 조건부 로직 할 수 있습!

이것을 설정하려면 필드 그룹을 편집하고”이 실행입니까?”에 대한 새로운 True/False 필드를 추가하십시오.”:

그 후,당신은 편집 기존의 분야와 차례에 조건부 로직도록 각 필드 표시면”이것이 실행하는가?”분야 선택:

를 표시하는 방법의 고급 사용자 정의 필드에는 프런트 엔드

Ok,우리는 중간을 통해 우리 고급 사용자 정의 필드 여행이다. 이제 사용자 정의 필드에 정보를 추가하고 관련 게시물 유형과 연결하여 데이터베이스에 저장할 수 있습니다.

그러나,아직도 하나의 잠재적인 문제로부터 정보를 사용자 정의 필드 표시되지 않 어디서나 프론트 엔드에 아직!

는 것은,비록 당신이 추가한 일부 사용자 정의 필드를 편집기 위해 귀하의 블로그 게시물에,당신의 블로그 게시물을 아직도 그냥 좋아하는 일반적인 블로그에 포스트 프론트 엔드:

고쳐 봅시다.

거기에 몇 가지 다른 방법으로 표시할 수 있습 고급 사용자 정의 필드 데이터 프론트 엔드에 당신의 사이트입니다. 당신이 선택하는 정확한 방법은 당신의 필요와 지식 수준에 달려 있습니다. 그 달성을위한 세 가지 다른 방법이 있습니다:

1. 테마의 템플릿 파일이 필요한 약간의 기술적 지식이지만,그것은 최고의 접근 시간의 대부분,특히면 편안한 작업에서 당신의 테마의 템플릿 파일이 있습니다.
2. 으로 단축—이것은 매우 간단하고 좋은 옵션을하려는 경우에는 삽입에 사용자 정의 필드에서 데이터 case-by-case basis. 그러나 모든 게시물에 단축 코드를 추가해야하기 때문에 더 많은 수동 작업이 필요합니다.
3. 와 로프 Pro—이기 때문에 완전히 할 필요가 없이 작동 PHP 지만,그것은 프리미엄 제품 및 그것은 또한 수단을 사용해야 합 로프 Pro 에 대한 템플릿 생성.

클릭할 수 있습니다 위로 바로 이동 특정 메서드 또는 당신을 통해 읽을 수 있습니다. 너까지.

를 추가하는 방법은 고급 사용자 정의 필드에서 테마 템플릿 파일

첫 번째 방법은 표시의 사용자 정의 필드에 정보를 추가하는 고급 사용자 정의 필드’PHP 기능에 직접 어린이 테마의 템플릿 파일이 있습니다.

이것은 약간의 고급기 때문에 그것이 당신을 필요로 발굴하 테마의 템플릿 파일이지만,그것은 당신의 사용자 정의 필드를 자동으로 표시 같은 자리에 모든 시간입니다.특히 문제의 게시물 유형에 대한 단일 템플릿을 편집해야합니다.

일반 블로그 게시물의 경우 단일 게시물입니다.php. 또는 일부 테마는 물건을 템플릿 부분으로 나눕니다. 예를 들어 TwentyNineteen 테마의 경우 실제로 단일 콘텐츠를 편집해야합니다.php 템플릿 부분.여기서 잃어버린 느낌이라면 다른 방법을 사용하는 것이 좋습니다.

을 발견 한 후에는 테마 템플릿 파일에 대한 하나의 게시물을 사용할 수 있습 고급 사용자 정의 필드’the_field()함수를 표시하려면 필드에 정보. 예를 들어,

<?php the_field('FIELD_NAME'); ?>

여기에 대해 자세히 알아보십시오.

예를 들어,표시하”목적을”필드에 다음을 사용할 수 있습니다.

<?php the_field('purpose'); ?>

당신을 찾을 수 있습니다 필드에 이름을 편집할 때 필드 그룹:

그렇게 결합,약간의 HTML 태그와 PHP 를 얻을 수 있습니다,당신은 이런 모든 필드를 표시:

<div class="run-information"><ul><li><strong>Purpose:</strong> <?php the_field('purpose'); ?></li><li><strong>Distance:</strong> <?php the_field('distance'); ?></li><li><strong>Start Time:</strong> <?php the_field('start_time'); ?></li><li><strong>End Time:</strong> <?php the_field('finish_time'); ?></li><li><strong>Location:</strong> <?php the_field('location'); ?></li></ul></div>

추가 이상 정기적인 콘텐츠를 게시,당신이 당신의 테마 템플릿 파일의 위 the_content():

그리고 지금,후 상쾌한 블로그 포스팅,당신이 볼 수 있는 사용자 정의 필드 데이터를 상기 일정 워드 프레스 내용:

자세히 알아보려면 체크 고급 사용자 정의 필드의 전체 문서를 제공합니다.

를 표시하는 방법의 고급 사용자 정의 필드 데이터로 단축

에서 훨씬 더 간단한 방법으로 표시의 사용자 정의 필드는’데이터 사용할 수 있습니다 또한 단축. 단점은 여기에,하지만,당신은 필요한 추가 단축의 모든 단일 당신이 원하는 시간을 표시하려면 사용자 정의 필드입니다. 이 작업을 자동화하는 쉬운 방법은 없습니다.

단축이:

예를 들어,입력한 경우에는 이에서는 워드 프레스 편집기:

한 다음,프런트 엔드 사이트의 보이는 것이 정확히 같은전 설정 템플릿 방법:

를 표시하는 방법의 고급 사용자 정의 필드 로프 Pro

로프 중 하나 가장 인기 있는 워드 프레스 페이지 빌더입니다. 그것은 당신이 시각적,드래그 앤 드롭 편집을 사용하여 디자인을 구축 할 수 있습니다. Sidenote 에서 Elementor 는 Kinsta 의 공식 파트너 중 하나입니다.

와 로프 프로 지급 추가할 수 있습니다,또한 구축하 테마의 템플릿을 포함하는 파일을 삽입하는 옵션을 동적인 사용자 정의 필드에서 데이터의 고급 사용자 정의 필드로 당신의 디자인.

좋은 옵션입니다 당신이 원하는 경우 유연하게 자동으로 포함한 사용자 정의 필드에서 데이터 템플릿,하지만 편안한 느낌을 만드는 직접 코드를 수정을 테마의 템플릿 파일이 있습니다.

시작하려면,당신이 가고 싶을 템플릿>테마 작성기를 만들고 새로운 로프 템플릿 당신의 게시물에 대한 단일:

추가할 수 있습니다 일반 로프젯 게시물에 대한 제목과 게시물 내용입니다. 그런 다음 사용자 정의 필드 데이터를 표시하기 위해 일반 텍스트 편집기 위젯을 추가 할 것입니다. 여기서 유일한 차이점은 텍스트를 편집하는 대신 동적 옵션을 선택하는 것입니다:

후 이를 선택할 수 있습 ACF 분야에서 드롭다운:

여기에서,당신이 선택할 수 있는 특정 분야를 추가한 고급 사용자 지정 필드:

고도 사용할 수 있는 고급 아코디언 탭 앞에 추가하거나 추가 정보를 추가할 수 있는 레이블 및 단위:

간단하지 않습니까? 이제 다른 사용자 정의 필드에 대해 반복하십시오!

요약

를 사용하여 고급 사용자 정의 필드는,당신은 풍부하게 할 수 있습 페이지 블로그 게시물 더 많은 데이터와 정보를 사용하기 쉬운 솔루션입니다. 더:당신은 시작할 수 있습니다 추가 정보를 수집하는 모든 콘텐츠에 대해 귀하의 사이트에서 다음 표시 프론트 엔드에 당신의 방문자를 위해.그렇게하려면 3 가지 옵션이 있습니다:

• 테마의 템플릿 파일
• 으로 단축
• 와 로프 Pro

당신이 얻은 지식에서 이 게시물을 것입니다 당신이 당신의 잠금을 해제한 깊은 잠재적인 워드프레스를 구축하는 100%사용자 지정 사이트를 넘어서는 워드프레스 블로그의 뿌리입니다.

남은 유일한 질문은 이것입니다:

무엇이 당신을 만들과 고급 사용자 정의 필드? 아래 코멘트에서 우리와 공유하십시오.