자기소개

홈페이지 제작&web에 관한 스킬 쉐어를 하고 있습니다.

이번에는 wordpress 관리 화면에서 정해진 정보를 누구나 쉽게 입력할 수 있는 구조 만들기. 커스텀 필드 작성 방법에 대해 비망록해 둡니다.
부동산 정보, 이벤트 정보 등 정해진 정보를 점점 발신해 나갈 때 사용할 수 있습니다.

플러그인은 Advanced Custom fields(ACF)

Advance Custom fields(ACF) 플러그인을 이용했습니다. 전통 플러그인입니다.
설정 방법은 이하를 참고로 했습니다.
Advanced Custom Fields의 모든 필드 유형을 철저히 설명

설정은 간단했습니다만, 저기? 출력되지 않음.
그래서 출력이 조금 힘들었습니다.

! 반드시 아이 테마를 만든 다음 작업을하십시오.

우선 function.php에 추가

php 파일에서 Advance Custom fields(ACF)로 설정된 값을 출력하도록 설정하기 때문에 Advance Custom fields(ACF)를 무효로 하거나 삭제하면 출력하는 것이 없어져 에러가 되어 버리므로, 이하를 functino .php에 추가.

function is_active_acf()
{
    include_once( ABSPATH . 'wp-admin/includes/plugin.php' );

    if( is_plugin_active( 'advanced-custom-fields/acf.php' ) ) {
        return true;
    } else {
        return false;
    }
}

출력하고 싶은 부분에 일괄 출력

커스텀 필드의 값이 증감해도 모든 것이 출력되는 코드가 됩니다.

<?php
$fields = get_fields();

foreach($fields as $value){
    if(is_array($value)){
    //選択肢などの場合
    $value_count = count($value); //複数選択されているか配列数チェック
        if($value_count > 1){
         //値が1以上（複数）だったら
            foreach($value as $child){
                if(is_array($child)){
                    echo $child['label'];
                }else{
                    echo $child;
                }
                if($child === reset($value)){
                    //ループの最後以外に改行させる
                    echo '<br />';
                }
            }
        }else{
        //値が1つで返り値bothだったら
            echo $value['label'];
        }
    }else{
    //その他の値出力
        echo $value;
    }
}
?>

개별적으로 출력하고 레이아웃을 만드는 방법

일괄 출력이라면 html 구문을 세세하게 설정할 수 없기 때문에 개별적으로 출력하는 방법을 소개합니다.
[필드명]에 Advance Custom fields(ACF)로 설정한 필드명을 입력합니다.

텍스트 출력

<?php
$field = get_field('フイールド名');
if($field){echo '<p>'.$field.'</p>';}
?>

선택

<?php
$select = get_field('フイールド名');

if($select){
    echo '<ul>';
    foreach($select as $child){
        echo '<li>';
        if(is_array($child)){
            //bothの場合、ラベルを出力
            echo $child['label'];
        }else{
            //単独の返り値の場合の出力
            echo $child;
        }
        echo '</li>';
    }
    echo '</ul>';
}
?>

이미지 URL

<?php
$images = get_field('フィールド名');
if($images){echo '<img src="'.$images.'">';}
<?php endif; ?>

날짜 출력

<?php
$datefiled = get_field('フィールド名');
if($datefiled) { 
  echo "私の誕生日は " . $datefiled . " です。";
}
?>

요일도 내고 싶다면

<?php
$week = array("日", "月", "火", "水", "木", "金", "土");

$datefiled = get_field('フィールド名');
if($datefiled) {
  $dateObj = new DateTime($datefiled);
  $windex = (int) $dateObj->format('w');
  $w = $week[$windex];
  echo $datefiled . "は" . $w . "曜日です。";
}
?>

샘플 코드

Advance Custom fields(ACF)로 이벤트 정보를 설정했으므로, 그 때의 코드를 소개합니다.

Advance Custom fields(ACF)의 설정은 다음과 같습니다.



게시 페이지에 출력을 원했기 때문에 page.php 파일을 편집했습니다.

<div class="event_info">
<?php
$field = get_field('event_title');
if($field){echo '<h2 class="event_title">'.$field.'</h2>';}

$datefiled = get_field('evet_data');
if($datefiled) {
  echo '<p class="event_data">' . $datefiled . '</p>';
}

$field = get_field('event_content');
if($field){echo '<p class="event_content">'.$field.'</p>';}

$field = get_field('evet_price');
if($field){echo '<p class="event_price">'.$field.'円</p>';}
?>
</div><!--enent_info-->

날짜 출력이 확실하지 않았기 때문에 Advance Custom fields(ACF)의 날짜를 설정한 개소의 편집에서 아래와 같이 설정을 변경했습니다.


보기 쉬워져 대성공입니다!

요약

커스텀 필드는, 플러그인이 배포되고는 있지만 출력은 php 파일 수정이므로 조금 허들 높네요. 더 누구나 사용하기 쉬운 플러그인이 있는지 알아 보겠습니다!