Displaying WordPress Custom Fields

Types plugin을 사용하여 WordPress site에 custom fields를 쉽게 만들 수 있다. 이 custom fields를 만들면, 이것들을 표시하는 방법을 알아야 한다. 이 tutorial에서 다룰 것이다.

Types을 사용하여 간단하게 custom fields를 표시할 수 있다. 그 방법은:

  1. With PHP coding and Types API functions
  2. Without any coding, using Views plugin

PHP를 잘 알고 WordPress API를 편안하게 사용할 수 있다면, Types PHP API를 잘 사용할 수 있을 것이다. custom fields를 표시하기 위해 코드를 작성하지 않고 templates을 만들다, Views를 꼭 읽어보기 바란다.

1) Writing PHP code and using Types API to display custom fields

The easiest way to display , with just , when you’re using Types plugin을 사용할 때, PHP만을 가지고 custom fields를 표시하는 가장 쉬운 방법은 Types fields API를 사용하는 것이다. types_render_field라는 single API function은, correct output formatting을 사용하여, 모든 field types을 표시할 것이다,

Here is the function, with the different arguments it takes:

Types render field API basic structure

1
2
3
4
5
<?php
echo types_render_field("custom-field-slug-name", array("argument1"=>"value1","argument2"=>"value2","argument2"=>"value2"));
?>

custom-field-slug-name은 아래와 같은 Types 환경설정에서 작성한 custom field slug의 name이다:

Custom field slug name

위 예제에서 field slug는 “coursename”이다. types_render_field call을 사용하여 template에 그 field를 표시한다.

Types plugin은 다른 종류의 custom fields를 만들 수 있다. Types은 데이터베이스에 이것들 모두를 같은 방식으로 저장한다. 그러나 그것들에게 다른 의미를 부여한다. Field types에는 email, image, date, checkboxes 및 기타가 있다. 이 custom field types 각각은 다른 arguments를 지원한다, 이것을 좋아하는 format으로 정할 수 있다. field types별 다른 옵션에 관해서는 Types fields API을 참조한다.

Example 1 – displaying formatted custom field values

email-field formatting으로 Trainer email을 표시하기 위해 다음 code를 사용할 수 있다:

Retrieving email field values using Types API

1
2
3
4
5
6
7
8
<?php
$trainer_email_address = types_render_field("email", array("output"=>"html"));
//Output the trainer email
printf("Trainer Email Address displayed using Types API: %s",$trainer_email_address);
?>

field를 mailto link로 표시하기 위해 “output” argument 을 HTML 로 설정하였다. Types은 custom fields에 따라 종류에 기초해서 다른 formatting을 표시한다, email field에 관한 자세한 내용은 email field documentation을 참조한다.

Note: The above code will automatically display all values of a repeating custom field.

Example 2 – displaying raw custom field values

custom field value는 데이터베이스에 저장한 그대로 표시하려면 (no formatting added by Types), raw=>true로 설정한다.

이것은, <img> tags로 감싸지 않은  image URLs 또는 <a> tags없는 link destinations과 같은 것을 표시할 때 필요하다.

다음 “email” field의 모든 instances를, semicolons으로 구분하여, 표시하는 코드이다,

Setting Raw to TRUE in Types field API

1
2
3
4
5
6
7
8
<?php
$trainer_email_address = types_render_field("email", array("raw"=>"true","separator"=>";"));
//Output the trainer email
echo "Trainer Email Address displayed using Types API:".$trainer_email_address;
?>

semicolon 값을 사용하여 “separator” parameter를 추가하였다, 이것은 출력된 email address를 semicolon으로 구분한다. 좋아하는 separator를 사용할 수 있다.


2) Displaying custom fields without coding using Views

Views plugin을 사용하여 코드를 작성하지 않고 custom fields templates을 표시할 수 있다.

single pages에 custom fields를 포함하거나 또는 자신의 content lists를 만들 수 있다.

Views를 사용하여 WordPress GUI에서 page templates을 만들 수 있다.  regular HTML과 CSS를 사용하여 templates을 디자인할 수 있고, 템플릿에 필드를 추가할 수 있다.

다음은 작동하는 방법이다:

I. Create Content Templates for your different content types

Inserting custom fields to templates via the WordPress GUI

II. Use Views dialog to insert any standard fields, custom fields or taxonomy

Inserting an image field into a template

III. Design template layouts using only HTML and CSS

Edit templates using HTML and CSS

코딩하지 않고 Views를 사용하여 완전한 WordPress sites를 구축하는 방법을 알고 싶으면 다음을 참고한다:

답글 남기기