워드프레스 커스텀 필드를 표현하는 또 다른 방법

각 포스트의 메타데이터를 표현할 때 포스트 컨텐츠 영역에 다양한 방법(shortcode 등)으로 삽입하여 프론트엔드에 나타낼 수 있습니다. 하지만, 컨텐츠 작성 영역이 아닌 위젯영역에도 커스텀 필드 데이터와 같은 메타데이터를 나타낼 수 있습니다.

‘간략예제를 통한 워드프레스 커스텀 필드 이해‘ 에서 플러그인을 통해 컨텐츠 영역에 커스텀 필드 데이터를 삽입하여 프론트엔드에 표현하는 방법을 살펴 보았는데요, 그 데이터를 위젯에 삽입하여 해당 포스트의 커스텀 필드 데이터만 표현되도록 하는 방법을 이야기 해봅니다. 이러한 방법은 여러 사용자가 컨텐츠를 생산하는 웹사이트에서도 프로그래밍을 하지 않고 데이터를 축적해 갈 수 있는 유용한 활용 방안으로 생각됩니다.

관심있는 분들은 아래의 내용을 순서대로 해보세요.

1. 기본 환경과 기준은 위에서 언급한 글과 동일합니다.
2. 추가로, Ultimate TinyMCE 플러그인을 설치합니다.(Text 위젯에 shortcode를 사용하기 위해)
3. 새로운 post 작성페이지로 이동하여, 제목과 내용을 적당히 입력합니다.
4. 앞선 글의 6번 항목을 진행하는데 Value에는 구분을 위해 다른 데이터를 입력합니다. (커스텀 필드  Name은 이미 있을 것이므로, 입력 대신 선택을 하면 됩니다.)
5. Format 은 Standard (사이드바 영역이 나타나는 레이아웃이면 됩니다.) 로 선택하고 저장(Publish) 합니다.
6. 앞선 글의 예제에서 커스텀 필드 데이터 표현 부분만의 html 코드를 복사합니다.(아래 그림과 같은 코드 부분을 찾으세요.)
7. 복사후에 대시보드의 Appearance – Widgets 으로 가서 Text 위젯을 Main sidebar 영역으로 드래그 한 후에 아래 그림처럼 입력 후 저장합니다.
8. 위에서 작성한 포스트를 프론트엔드에서 확인해 보세요.
9. 새로운 post를 하나 더 만들고 커스텀 필드에 데이터를 입력해서 각 포스트에 해당하는 커스텀 필드 데이터가 나오는지 확인하세요.

<Text 위젯에 코드 삽입>

여기서 한번 생각해 볼 것은 예제의 커스텀 필드 데이터를 사이드 영역에 표현 되게 했을 때, 그 데이터가 개별 포스트 페이지에서만 나오도록 하는 것 입니다. 위젯에 코드를 삽입하였으므로, 위젯 표현을 조절하는 기능을 찾으면 될 것으로 봅니다.

Dynamic Widgets 같은 위젯 노출 조절 플러그인을 통하여, 원하는 포스트 타입에만 커스텀 필드 데이터를 포함하는 위젯을 노출 시키는 방법을 사용하면 간단할 것 입니다.

또, php코드를 지원하는 위젯기능이 있는 플러그인(위의 Ultimat TinyMCE 같은)을 통하여 조건을 부여한 코드를 삽입해도 가능 할 것 입니다.

커스텀 필드, shortcode 등의 기능과 다양한 플러그인의 조합으로 거의 모든 컨텐츠 표현이 가능하다는 점은 워드프레스 가진 대표적인 매력으로 생각됩니다.