각 포스트의 메타데이터를 표현할 때 포스트 컨텐츠 영역에 다양한 방법(shortcode 등)으로 삽입하여 프론트엔드에 나타낼 수 있습니다. 하지만, 컨텐츠 작성 영역이 아닌 위젯영역에도 커스텀 필드 데이터와 같은 메타데이터를 나타낼 수 있습니다.
‘간략예제를 통한 워드프레스 커스텀 필드 이해‘ 에서 플러그인을 통해 컨텐츠 영역에 커스텀 필드 데이터를 삽입하여 프론트엔드에 표현하는 방법을 살펴 보았는데요, 그 데이터를 위젯에 삽입하여 해당 포스트의 커스텀 필드 데이터만 표현되도록 하는 방법을 이야기 해봅니다. 이러한 방법은 여러 사용자가 컨텐츠를 생산하는 웹사이트에서도 프로그래밍을 하지 않고 데이터를 축적해 갈 수 있는 유용한 활용 방안으로 생각됩니다.
관심있는 분들은 아래의 내용을 순서대로 해보세요.
- 기본 환경과 기준은 위에서 언급한 글과 동일합니다.
- 추가로, Ultimate TinyMCE 플러그인을 설치합니다.(Text 위젯에 shortcode를 사용하기 위해)
- 새로운 post 작성페이지로 이동하여, 제목과 내용을 적당히 입력합니다.
- 앞선 글의 6번 항목을 진행하는데 Value에는 구분을 위해 다른 데이터를 입력합니다. (커스텀 필드 Name은 이미 있을 것이므로, 입력 대신 선택을 하면 됩니다.)
- Format 은 Standard (사이드바 영역이 나타나는 레이아웃이면 됩니다.) 로 선택하고 저장(Publish) 합니다.
- 앞선 글의 예제에서 커스텀 필드 데이터 표현 부분만의 html 코드를 복사합니다.(아래 그림과 같은 코드 부분을 찾으세요.)
- 복사후에 대시보드의 Appearance – Widgets 으로 가서 Text 위젯을 Main sidebar 영역으로 드래그 한 후에 아래 그림처럼 입력 후 저장합니다.
- 위에서 작성한 포스트를 프론트엔드에서 확인해 보세요.
- 새로운 post를 하나 더 만들고 커스텀 필드에 데이터를 입력해서 각 포스트에 해당하는 커스텀 필드 데이터가 나오는지 확인하세요.
<Text 위젯에 코드 삽입>
여기서 한번 생각해 볼 것은 예제의 커스텀 필드 데이터를 사이드 영역에 표현 되게 했을 때, 그 데이터가 개별 포스트 페이지에서만 나오도록 하는 것 입니다. 위젯에 코드를 삽입하였으므로, 위젯 표현을 조절하는 기능을 찾으면 될 것으로 봅니다.
Dynamic Widgets 같은 위젯 노출 조절 플러그인을 통하여, 원하는 포스트 타입에만 커스텀 필드 데이터를 포함하는 위젯을 노출 시키는 방법을 사용하면 간단할 것 입니다.
또, php코드를 지원하는 위젯기능이 있는 플러그인(위의 Ultimat TinyMCE 같은)을 통하여 조건을 부여한 코드를 삽입해도 가능 할 것 입니다.
커스텀 필드, shortcode 등의 기능과 다양한 플러그인의 조합으로 거의 모든 컨텐츠 표현이 가능하다는 점은 워드프레스 가진 대표적인 매력으로 생각됩니다.
1 thought on “워드프레스 커스텀 필드를 표현하는 또 다른 방법”