Custom Field Suiteのいろいろな使い方
/////////////////////////////////////
///★基本 出力コード
/////////////////////////////////////
wordpressのプラグインCustom Field Suite、
基本の使い方からネストループ（入れ子）の実装まで解説
http://www.lesson5.info/?p=300
Text,Textarea,Wysiwyg Editor
<?php echo CFS()->get(‘field_name’); ?>
/////////////////////////////////////
///★基本 値無記入の場合、項目非表示
/////////////////////////////////////
WordPress｜カスタムフィールドで値無記入の場合、項目非表示
https://webboy.jp/customfieldtemplate/
テキスト挿入用カスタムフィールドで、テキスト未記入の場合、項目ごと非表示。
<?php if(CFS()->get(‘field_name’)): ?>
<div class=”price”>料金：<?php echo CFS()->get(‘field_name’); ?></div>
<?php endif; ?>
field_name＝フィールド名
/////////////////////////////////////
///★基本 画像の表示方法
/////////////////////////////////////
★上手くいかない → 要調査
「Custom Field Suite」画像を表示方法
http://708memo.com/coding/20160315-4.html
出力コード
<?php echo wp_get_attachment_image(post_custom(‘hogehoge’),’full); ?>
・hogehogeにはカスタムフィールドの名前を入れる
・fullは画像の大きさ
画像の大きさを指定したい場合
functions.php
<?php
/**
*画像センター合わせで切り抜き
**/
add_image_size( ‘img01’, 500, 260, true );
/**
?>
出力コード
<?php echo wp_get_attachment_image(post_custom(‘image_photo’),’img01′); ?>
<?php echo wp_get_attachment_image( $img_id , ‘thumnail_size’ );?>
/////////////////////////////////////
///★背景画像埋め込み方法 重要
/////////////////////////////////////
<!–backgroundを読み込む–>
<section class=”photo_sub-menupage” style=”background-image:url(<?php echo CFS()->get(‘products-services-background-image’); ?>);”>
</section>
<!–backgroundを読み込む–>
カスタムフィールドで投稿した画像を背景画像として使用する
https://style01.net/221/
●カスタムフィールドと背景画像
異なるプラグインであるが、
配列の書き出し方は下記が参考になります。
Advanced Custom Fields で画像を出力する方法
https://third-party.org/isalog/acf-img/
/////////////////////////////////////
///★タグに埋め込む方法 重要
/////////////////////////////////////
<?php
$fields = $cfs->get(‘personal-d’);
foreach ($fields as $field): ?>
?>
/* ループ表示 ここから */
<p class=”name”>
<?php echo $field[‘name’]; ?>
</p>
/* ここまで */
<?php endforeach; ?>
Loop
単独ループの場合
<?php
$fields = CFS()->get(‘gallery’);
foreach ($fields as $field) {
echo $field[‘slide_title’];
echo $field[‘upload’];
}
?>
ループの中にループがある場合（ネスト状態）
<?php
$fields = CFS()->get(‘gallery’);
foreach ($fields as $field) {
echo $field[‘slide_title’];
$fieldloops = $field[‘upload’];
foreach ($fieldloops as $fieldloop) {
echo $fieldloop[‘uploadimg’];
}
}
?>
参考サイト
【WordPress】プラグインCustom Field Suiteで管理画面をすっきり見せるための工夫
https://www.tam-tam.co.jp/tipsnote/cms/post8147.html
wordpressのプラグインCustom Field Suite、基本の使い方からネストループ（入れ子）の実装まで解説
http://www.lesson5.info/?p=300
※「Types」
/////////////////////////////////////
///★ループの中での条件分岐 重要
/////////////////////////////////////
■PHP
$score = 60;
if($score >= 80){
echo “合格です！おめでとうございます！”;
}else($score < 80){
echo “不合格です！がんばりましょう！”
}
■ループの中での条件分岐
<?php
$fields = $cfs->get(‘loop’);
foreach ($fields as $field) :
?>
//ここから条件分岐
<?php
$check = $field[‘field_name’];
if($check) :?>
値ある場合の表示
<?php else : ?>
値がない場合の表示
<?php endif; ?>
//ここまで条件分岐
<?php endforeach; ?>
<?php
$check = $field[‘field_name’];
if($check) :?>
値ある場合の表示
<?php else : ?>
値がない場合の表示
<?php endif; ?>
Custom Field Suiteでループの入れ子とループ内の条件分岐
http://wreath-ent.co.jp/blog-5663/
<?php
$values = CFS()->get(‘rcm-links’);
if($values[0] !=””):
?>
ここに『設定その1』
<?php else:?>
ここに『設定その2』
<?php endif; ?>
Custom Field Suiteをつかって関連記事を表示させる
http://taneakashi.ad-mk.com/cfs-relatedposts.html
<?php if ( get_post_meta($post->ID,’box’,TRUE) ): ?>
<p>チェックボックスにチェックをいれるとこの文章が表示されます。</p>
<?php endif; ?>
Custom Field Suiteの表示と分岐
http://www.moco358.com/archives/3328
★重要★ 完成形
<!–ここから–>
<?php
$fields = $cfs->get( ‘top-page-loop8’ );
foreach ( $fields as $field ):
?>
//ここから条件分岐
<?php
$check = $field[ ‘top-page-check’ ];
if ( $check ): ?>
//値ある場合の表示
<li>
<a href=”<?php echo $field[‘top-page-loop8-img’]; ?>” class=”example-image-link” data-lightbox=”<?php echo $field[‘top-page-loop8-box’]; ?>” data-title=”<?php echo $field[‘top-page-loop8-title’]; ?>”>
<img src=”<?php echo $field[‘top-page-loop8-thum’]; ?>” alt=”<?php echo $field[‘top-page-loop8-title’]; ?>” />
</a>
</li>
<?php else : ?>
//値がない場合の表示
<li>
<a href=”<?php echo $field[‘top-page-loop8-link’]; ?>”>
<img src=”<?php echo $field[‘top-page-loop8-link-img’]; ?>” alt=”<?php echo $field[‘top-page-loop8-link-alt’]; ?>” />
</a>
</li>
<?php endif; ?>
//ここまで条件分岐
<?php endforeach; ?>
<!–/ここまで–>
/////////////////////////////////////
///★ループの中のループにループがある場合 重要
/////////////////////////////////////
通常のループの場合
<?php
$fields = $cfs->get(‘loop’); //親ループ
foreach ($fields as $field) :
?>
<div><?php echo $field[‘field_name’]; ?></div>
<?php endforeach; ?>
ループの中にループがある場合
<?php
$fields = $cfs->get(‘loop’); //親ループ
foreach ($fields as $field) :
?>
<div><?php echo $field[‘field_name’]; ?></div>
<?php
$fields = $field[‘loop_list’]; //子ループ
foreach ((array)$fields as $field):
?>
<div><?php echo $field[‘field_name’]; ?></div>
<?php endforeach; ?>
<?php endforeach; ?>
ループの中のループにループがある場合
<?php
$fields = $cfs->get(‘loop’); //親ループ
foreach ($fields as $field) :
?>
<div><?php echo $field[‘field_name’]; ?></div>
<?php
$fields = $field[‘loop_list’]; //子ループ
foreach ((array)$fields as $field):
?>
<div><?php echo $field[‘field_name’]; ?></div>
<?php
$fields = $field[‘loop_list_in’]; //孫ループ
foreach ((array)$fields as $field):
?>
<div><?php echo $field[‘field_name’]; ?></div>
<?php endforeach; ?>
<?php endforeach; ?>
<?php endforeach; ?>
Custom Field Suiteでループの入れ子とループ内の条件分岐
http://wreath-ent.co.jp/blog-5663/
/////////////////////////////////////
///★管理画面 行ラベル名を編集する
/////////////////////////////////////
★ただいま調査中。。。
Custom Field Suite フィールド 行ラベル名
Custom Field Suite 行ラベル表示
Custom Field Suiteのloopの行ラベル表示
https://ohyeah3.wordpress.com/2014/12/22/custom-field-suite%E3%81%AEloop%E3%81%AE%E8%A1%8C%E3%83%A9%E3%83%99%E3%83%AB%E8%A1%A8%E7%A4%BA/
