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ってプラグインです。

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

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

関連記事

スマホ画面の下にPC切り替え可能なワードプレスプラグイン

スマホ用のデザインの下にPC用の切り替えボタンを簡単に導入する事が出来るワードプレスプラグインをご紹

記事を読む

JetpackのWP.me 短縮 URL

ブログ記事を紹介する時、長いURLをコピペするのが面倒な人もいらっしゃるでしょう。そんな人の為の機能

記事を読む

ワードプレスで記事の投稿数を表示させる方法

ワードプレスで全○記事とブログ記事の投稿数を表示させる事が出来る方法をご紹介いたします。 はじ

記事を読む

phpとワードプレスのランダム表示

副業で広告やバナーを掲載する時にランダム表示をしたいなぁって時に役立つ内容を紹介します。 はじめに

記事を読む

さくらからドメインを転出させる方法

さくらで取得したドメインを転出させる方法をご紹介いたします はじめに クライアントとの契約が切れ

記事を読む

amazonのインスタントストアの作り方

誰でも簡単にamazonの商品を使ってECサイトを作る事が出来ます。今回はインスタントストアの作り方

記事を読む

Jetpackの購読

ブログの更新やコメントをした際にすぐに知らせてくれるのがこの購読機能です。 はじめに ワードプレ

記事を読む

ワードプレスで簡単にステップメールを使えるプラグインARGWA FREE Autoresponder

ワードプレスでステップメールを使いたい場合、一番簡単に使う事が出来るのはARGWA FREE Aut

記事を読む

contact form 7を全ページに表示させ記事と連携させる方法

コンタクトフォーム7を使って記事や固定ページと連携させる方法をご紹介いたします。 はじめに ショ

記事を読む

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

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

記事を読む

Message

現在の総記事数: 312件

Contact Form 7のエラー項目を分かりやすく方法

Contact Form 7を利用している方でエラー項目をよりわかりや

アドセンスのポリシー違反を解除する方法

ある日アドセンスから英語のメールが届きました はじめに アドセンス

SEO対策はコンテンツだけで勝負してみた結果

SEO対策にもう被リンクは本当に必要がないのか実際にテストしてみました

Huluのここがクソ!色々改悪されすぎ

Huluを契約して2年経過しましたが、使いにくくなりすぎてもう解約しま

SBIの貸株を解除する方法

SBI証券で貸株をしている人で解除方法がわからない人に

→もっと見る

PAGE TOP ↑