WordPress 테마 의 기능을 강화할 수 있도록 해줍니다 . 고급 사용자 정의 필드를 사용하면 고유한 정보를 추가할 수 있습니다. 예를 들어, WooCommerce 플러그인은 가격 및 색상과 같은 제품 세부 정보를 위한 필드를 사용하고, 이벤트 플러그인은 이벤트 장소 및 시간을 위한 필드를 사용합니다. 사용자 정의 필드를 통해 관련 데이터를 유연하게 저장할 수 있습니다.
워드프레스의 사용자 정의 필드를 사용하면 사용자는 콘텐츠와 관련된 추가 데이터를 포함, 저장 및 표시할 수 있습니다. 메타데이터 컨테이너 역할을 하는 사용자 정의 필드는 플러그인과 테마에서 다양한 기능을 구현하는 데 필수적입니다. 또한 사용자는 특정 요구 사항에 맞춰 사용자 정의 필드를 생성하여 워드프레스 내에서 개인화된 데이터 관리를 손쉽게 수행할 수 있습니다.
워드프레스 개발 의 다양한 단계에서 워드프레스 디자인 에 통합하는 방법을 살펴보겠습니다 .
워드프레스에서 사용자 정의 필드가 필요한 이유는 무엇인가요?
전자상거래 스토어를 관리 하든 , 사용자 정의 필드는 웹사이트를 고유한 요구 사항에 맞게 맞춤 설정할 수 있는 다재다능한 솔루션을 제공합니다. 표준 게시물 또는 페이지 필드 외에 추가 데이터를 저장할 수 있으므로 더욱 역동적이고 시각적으로 매력적인 콘텐츠 레이아웃을 만들 수 있습니다.
다음 글도 읽어보세요 : 최고의 WooCommerce 플러그인 40가지 이상
사용자 정의 필드를 사용하면 다음과 같은 주요 이점을 얻을 수 있습니다
메타데이터 저장소: 게시물, 페이지 또는 사용자 정의 게시물 유형에 대한 관련 메타데이터를 저장합니다.
향상된 콘텐츠 표시: 콘텐츠를 체계적이고 보기 좋게 제시합니다.
플러그인 통합: , 전자상거래, 캐싱 , 이벤트, 보안 , WordPress 검색 등 플러그인 과 원활하게 통합됩니다
맞춤형 사용자 경험: 사용자 지정 필드에 따라 특정 콘텐츠를 표시하여 소규모 비즈니스 웹사이트에 최적화된 사용자
미래 지향적인 유연성: 워드프레스 핵심 구조를 수정하지 않고도 변화하는 콘텐츠 요구 사항에 쉽게 적응할 수 있습니다.
복잡하고 어수선해 보이는 워드프레스 사이트 때문에 비즈니스가 어려움을 겪고 계신가요?
저희 숙련된 디자이너들이 워드프레스용 고급 사용자 정의 필드를 활용하여 사이트 디자인을 새롭게 바꿔드립니다
워드프레스 내장 사용자 정의 필드란 무엇인가요?
워드프레스에 사용자 정의 필드를 추가하는 것은 간단하고 효율적인 과정으로, 콘텐츠 구성과 기능을 향상시켜 줍니다. 클래식 편집기와 블록 편집기 모두에서 다양한 옵션을 제공하여 워드프레스에 내장된 사용자 정의 필드를 손쉽게 활성화할 수 있으며, 키/값 쌍을 간편하게 입력하여 더욱 풍부한 사용자 정의 기능을 활용할 수 있습니다.
이렇게 하시면 됩니다
클래식 에디터 설정: 화면 옵션에 액세스하여 클래식 에디터 인터페이스에 대한 사용자 지정 필드를 활성화합니다.
자세히 알아보기 : WordPress 6.2: 새롭게 개선된 사이트 편집기, 집중력 유지를 위한 글쓰기 모드 및 업데이트된 블록 삽입 도구
블록 편집기 설정: 옵션 영역으로 이동하여 블록 편집기에 대한 사용자 정의 필드를 활성화합니다.
사용자 정의 필드에 액세스하려면, 사용자 정의 필드가 활성화되면 콘텐츠 아래에서 해당 섹션을 찾으세요.
데이터 입력: 키/값 쌍을 사용하여 사용자 지정 필드 정보를 입력하십시오.
내장 기능: 기본 제공 방식은 기능적으로는 작동하지만 사용자 편의성이 떨어질 수 있습니다. 최적화를 위해 점검해 보세요.
플러그인을 고려해 보세요: 많은 사용자가 보다 직관적인 경험을 위해 Advanced Custom Fields 플러그인을 선택합니다.
Advanced Custom Fields에 필드 추가하기: 단계별 가이드
Advanced Custom Fields(ACF)는 접근성이 좋고 가격도 저렴한 프리미엄 버전을 제공합니다. 무료 버전은 다양한 필드 유형과 사용자 친화적인 기능을 통해 대부분의 기본 요구 사항을 충족합니다.
하지만 프로 버전에는 게시물당 여러 데이터 인스턴스를 처리할 수 있는 리피터 필드, 구텐베르크 , 사용자 정의 레이아웃을 위한 유연한 콘텐츠 필드, 여러 이미지를 업로드할 수 있는 갤러리 필드와 같은 유용한 기능이 추가되었습니다. ACF PRO는 단일 사이트 사용 시 연간 49달러부터 시작하며 필요에 따라 유연하게 업그레이드할 수 있습니다.
무료 버전이든 프로 버전이든 필드를 추가하는 방법은 다음과 같습니다
새로운 필드 그룹 생성
WordPress.org에서 Advanced Custom Fields의 접근성 버전을 설치하고 활성화한 후, [ 사용자 정의 필드] > [새로 추가] 첫 번째 필드 그룹을 만드세요.
"필드 그룹"은 WordPress 대시보드에 함께 표시되는 여러 사용자 정의 필드의 모음입니다.
이 예제에서는 사용자 정의 필드 5개로 구성된 필드 그룹을 만들겠습니다.
필드 그룹의 이름을 지정하고 표시 위치를 선택하세요. 블로그 게시물의 경우 기본값인 '게시물'을 그대로 두세요. 하지만 사용자 정의 게시물 유형과 같이 다른 위치에 표시하고 싶다면 변경할 수 있습니다. 또한 규칙을 추가하여 필드를 다양한 위치에 표시할 수도 있습니다.
더 읽어보기 : 맞춤형 워드프레스 웹사이트를 개발하는 방법은?
사용자 정의 필드 추가
계속 진행하려면 [+ 필드 추가] 버튼을 선택하여 첫 번째 사용자 지정 필드를 추가하세요. 다양한 옵션이 표시되지만 모든 필드를 입력하는 것은 선택 사항입니다.
주요 선택 사항은 다음과 같습니다
필드 레이블: 이 이름은 편집기에서 표시되며 코드에서 사용되는 필드 이름의 기초가 됩니다. 필드 이름 변경은 선택 사항입니다.
필드 유형: 수집하려는 데이터 유형을 선택하세요. 예를 들어 숫자 데이터의 경우 '숫자'를, 이메일 주소의 경우 '이메일'을 선택하세요.
첫 번째 필드 유형으로는 라디오 버튼 필드를 선택하세요. 아래 선택 상자에 라디오 버튼 선택에 사용할 수 있는 옵션을 입력합니다. 또한, 필드 필수 입력 사항 및 기본값과 같은 설정을 필요에 따라 조정하세요.
또 다른 시나리오로, 달리기 거리를 기록하는 사용자 지정 필드를 생각해 보겠습니다. 이 경우 필드 유형은 숫자형을 선택합니다. 사용자의 편의를 위해 거리 단위를 포함하고 유효성 검사를 위해 최소값과 최대값을 설정할 수 있습니다.
추가하려는 사용자 지정 필드에 대해서도 이 단계를 반복하십시오. 완료되면 제공된 예시와 같은 구성이 나타납니다.
구성 및 게시
이 과정을 완료하려면 아래로 스크롤하여 설정 상자를 찾으세요. 여기에서 WordPress 편집기에서 필드가 표시되는 방식을 조정할 수 있습니다.
일반적으로 기본 설정을 그대로 사용해도 되지만, 필요한 경우 자유롭게 사용자 정의할 수 있습니다. 예를 들어, 사용자 정의 필드를 일반 WordPress 편집기 위에 표시할 수 있습니다. 설정이 완료되면 '게시'를 클릭하여 필드 그룹을 활성화하세요.
참고 : WordPress "게시 실패. 응답이 유효한 JSON 응답이 아닙니다." 문제 해결 방법
워드프레스 편집기에서 정보 펼치기
필드 그룹을 게시하면 새 게시물을 작성할 때 사용자 정의 필드를 바로 사용할 수 있습니다. 기존 TinyMCE 편집기와 새로운 블록 편집기 모두에서 사용자 정의 필드가 편집기 아래에 자연스럽게 통합됩니다.
프런트엔드의 고급 사용자 정의 필드
축하합니다! 고급 사용자 정의 필드 여정의 절반을 완료하셨습니다. 이제 중요한 단계인 웹사이트 프런트엔드에 사용자 정의 필드 데이터를 표시하는 방법을 알아보겠습니다.
블로그 게시물에 사용자 정의 필드를 추가하더라도 일반 프런트엔드 게시물처럼 보입니다.
이제 바꿔봅시다!
다음은 고급 사용자 정의 필드 데이터를 표시하는 세 가지 방법입니다
테마 템플릿 파일: 기술적인 측면에 익숙하고 템플릿 파일 작업을 편하게 할 수 있는 분들에게 적합합니다. AI 템플릿 .
단축 코드: 특정 게시물에 필드 데이터를 삽입하는 데 간단하고 적합하지만 수동 작업이 필요합니다.
Elementor Pro: PHP 작업을 없애주는 프리미엄 옵션으로, 시각적 편집기를 선호하는 경우에 적합합니다.
자신에게 맞는 방법을 선택하거나 모든 방법을 살펴보세요. 선택은 당신에게 달려 있습니다!
관련 기사 : 구텐베르크 vs. 엘레멘터: 2024년 승자는 누구?
테마 템플릿이 포함된 고급 사용자 정의 필드
사용자 정의 필드 정보를 표시하는 첫 번째 방법은 Advanced Custom Fields의 PHP 함수를 자식 테마의 템플릿 파일에 직접 추가하는 것입니다. 다소 고급 기술이지만, 이 방법을 사용하면 사용자 정의 필드가 일관되게 표시됩니다.
해당 게시물 유형에 맞는 단일 템플릿 파일(예: TwentyNineteen 테마의 경우 single.php 또는 content-single.php)을 찾아서 편집하세요.
`the_field()` 함수를 사용하여 HTML 마크업과 PHP를 결합하여 필드 정보를 표시할 수 있습니다.
테마 템플릿 파일에서 일반 게시글 내용 위에 이 코드를 배치하면 끝! 사용자 정의 필드 데이터가 워드프레스 콘텐츠 위에 자연스럽게 표시됩니다.
더 읽어보기 : HTML을 워드프레스 테마로 변환하는 방법은 무엇인가요?
단축 코드를 사용한 고급 사용자 정의 필드
사용자 정의 필드 데이터를 더 쉽게 표시하는 방법을 찾고 계신가요? 쇼트코드를 사용해 보세요. 사용자 정의 필드를 표시하고 싶을 때마다 쇼트코드를 삽입하기만 하면 됩니다. 편리하긴 하지만 자동화 기능 없이 수동으로 작업해야 한다는 단점이 있습니다.
다음은 예시 숏코드입니다
이 코드를 워드프레스 편집기에 삽입하면 테마 템플릿 방식과 동일한 프런트엔드 tampilan을 얻을 수 있습니다.
결론
고급 사용자 정의 필드를 마스터하면 WordPress 웹사이트의 기능과 콘텐츠 표현을 향상시킬 수 있는 무한한 가능성이 열립니다. 전자상거래 쇼핑몰 운영자, 이벤트 주최자 또는 웹사이트를 개인화하려는 모든 사용자에게 사용자 정의 필드는 고유한 데이터를 원활하게 저장하고 표시할 수 있도록 지원합니다.
플러그인의 직관적인 인터페이스, 다양한 필드 유형 및 통합 옵션을 활용하여 시각적으로 매력적인 레이아웃을 만들고, 콘텐츠 관리를 간소화하며, 맞춤형 사용자 경험을 제공할 수 있습니다. 사용자 정의 필드는 웹사이트의 핵심 구조를 변경하지 않고도 웹사이트가 발전함에 따라 유연하게 적응할 수 있도록 해줍니다. Advanced Custom Fields의 강력한 기능을 활용하여 WordPress 사이트를 한 차원 높은 전문성과 세련미로 끌어올리는 다양한 맞춤 설정 기능을 경험해 보세요.
