Custom Field Suiteの表示と分岐

公開日: : 最終更新日:2016/08/09 副業で稼ぐ仕組みの作り方 , ,

Custom Field Suiteの導入の仕方がわかったが、分岐の仕方がわからない人のために私が使っているやり方を紹介いたします。

はじめに

Custom Field Suiteを導入したいけど、表示のやり方がわからない方や分岐のさせ方がわからない方のために実験してみました。

注意事項

ワードプレスのプラグインCustom Field Suiteの使い方を見るとより分かりやすいでしょう。

表示させてみよう

まずは、Custom Field Suiteで入力した内容を表示させてみます。

例えば、単一テキストを表示させたい場合

cfs3

ラベル テキスト
名前 text

このようにCustom Field Suiteで入力しました。その場合は

cfs1


<?php echo $cfs->get('text'); ?>

このコードを使用したいテンプレート部分に入力すると表示させる事が出来ます。

単一テキストを入力します

cfs2

これはテキストエリアでも同様で

cfs4

ラベル テキスト
名前 text2

このようにCustom Field Suiteで入力下場合はコードを

 <?php echo $cfs->get('text2'); ?> 

このようにgetの内容を名前を同じものを入力すると可能になります。

cfs6

管理画面側でテキストエリアを入力と記入しました。

cfs5

するとこのように表示されましたね。

基本的な使い方は以上になります。

ループの使い方

次に皆さんが一番気になっているループの使い方です。

例えば単一テキストと画像をループで表示させてみます。

cfs7

ラベル ループテスト テキスト 画像
名前 loop text4 img

このようにCustom Field Suiteで入力しました。

管理画面側ではこのように入力してみました。

cfs8

今回はリストタグで表示させてみました。

cfs9
<ul>        
<?php
$fields = $cfs->get('loop'); 
foreach ($fields as $field) :
?>

<li><?php echo $field['text4']; ?><br />
<img src="<?php echo $field['img']; ?>" /></li>

<?php
endforeach;
?>
</ul>

このように先ほどはgetだった部分をfieldに変える事でループが使えました。

cfs10

ループは使用頻度が高いので使えるようにしておきたいですね。

入力がない場合の分岐

カスタムフィールドにはすべての項目を入力するケースと、入力しないケースがございます。
そこで、入力しない場合には表示させないと言う場合はこのようにします。


<?php if(get_post_meta($post->ID,'text5',true)): ?>

<h3>タイトルが入ります</h3>
<?php echo $cfs->get('text5'); ?>

<?php endif; ?>

この分岐はtext5の内容がある場合は全てを表示させ、ない場合はこの内容全てを表示させないと言う内容になります。

チェックボックスを使った分岐

先ほどの入力がある場合に表示させると言うのをチェックボックスを利用してみました。

cfs11

ラベル チェックボックス
名前 box
<?php if ( get_post_meta($post->ID,'box',TRUE) ): ?> 
<p>チェックボックスにチェックをいれるとこの文章が表示されます。</p>
<?php endif; ?>

これでチェックボックスにチェックをいれると

チェックボックスにチェックをいれるとこの文章が表示されます。

この文章が表示されるようになります。

さいごに

使いこなせば・・・

ワードプレスでカスタムフィールドを導入するとなったら、もう欠かせないレベルにまできているCustom Field Suiteってプラグインです。

私もこのプラグインの存在を知り、使い方を学ぶうちに今までやりたかった事や「こんな使い方が出来るんだ!」って新しい発見が山ほどありました。

稼げる副業で何かサイトを作成する際にも必ず必要になってくるので、今のうちから使い方を学んでおく事をお勧め致します。

関連記事

【画像あり】XAMPPの誰でもわかるインストール方法

これからPHPを勉強しようと考えている人の強い味方XAMPPのインストール方法をご紹介いたします。

記事を読む

no image

FFFTPのインストール方法

ホームページの制作時には必ず必要になってくるソフトがFFFTPです。主にファイルのアップロードに使用

記事を読む

データベース接続確立エラーの解消法

ワードプレスにアクセスすると真っ白の背景にデータベース接続確立エラーと言う文字が出た時の対処法です。

記事を読む

画像を簡単に軽く出来るサイト

画像を軽くさせるために縮小したり解像度を低くするのは時代遅れです。 はじめに 大きなjpg画像を

記事を読む

ワードプレス全体にパスワードをかけるPassword Protected

特定の人だけにホームページやブログを見せたいなぁっと考えている方、ステキなプラグインを発見しました。

記事を読む

カスタムフィールドを簡単に導入出来るAdvanced Custom Fields

カスタムフィールドって使ってみたいけど、どうやって使えば良いのかわからないなんてことありませんか?私

記事を読む

Jetpackのパブリサイズ共有

ブログ投稿するだけじゃなく、ツイッターやフェイスブックにも共有したいですよね はじめに ワードプ

記事を読む

アフィリエイトBの登録方法

アフィリエイトBはFXとか物販が多い? はじめに 今回は初心者には少し難しいアフィリエイトB

記事を読む

ECCUBEの検索に商品IDを追加させる方法

ECCUBEはデフォルトだと検索機能は非常に弱いです。 はじめに ECCUBEでは検索機能がすご

記事を読む

アフィリエイトの審査に落ちた方へ

リンクシェアって審査が厳しいですよね はじめに 副業でアフィリエイトサービスを利用しようと思

記事を読む

Message

現在の総記事数: 319件

【画像あり】XAMPPの誰でもわかるインストール方法

これからPHPを勉強しようと考えている人の強い味方XAMPPのインスト

PHPのランダムを任意の数だけ表示させる方法

PHPのランダムを使い方をもう少し調べたらこんな使い方ができました

ECCUBEのポイント関連のバグ

最終保持ポイントがマイナス表示にならないように調整して下さい。って出て

ECCUBEの検索に商品IDを追加させる方法

ECCUBEはデフォルトだと検索機能は非常に弱いです。 はじめに

EC-CUBEで各カテゴリーページに情報を表示させる方法

EC-CUBEでカテゴリーページごとに情報を入れる方法をご紹介

→もっと見る

PAGE TOP ↑