稼げる副業でお小遣いを稼ぐ方法

稼げる副業でお小遣いを稼ぐだけじゃなく、料理や映画アニメ、趣味などメモにも使っているブログ

副業で稼ぐ仕組みの作り方

Custom Field Suiteの表示と分岐

投稿日:2015年4月25日 更新日:

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

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

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

-副業で稼ぐ仕組みの作り方
-, ,

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

ワードプレスの記事下に任意の情報を入れるプラグイン

ブログの最後に毎回同じ情報を入れている人にお勧めのプラグインを発見しました。毎回コピペして入力しなくてもこのプラグイン一つで解決出来ます。 関連記事: 本当のアクセス解析じゃなかった・・・リファラスパ …

no image

メールソフトの設定【サンダーバード】

メールソフトをインストールするだけではメールの受信と送信は出来ません。流れとしてはオリジナルのメールアドレスを制作し、メールソフトをインストールし、設定後から使用出来るようになります。 関連記事: 無 …

Jetpackの通知機能

Jetpackのプラグインを導入する際に一つづつどういった機能なのかを調べてみています。最初は通知機能について 関連記事: 一つのプラグインで最低限の機能が揃うJetpack 自動相互リンクの作り方 …

スマホ画面の一番下にふわっとコンテンツを表示させる方法

スマートフォンでホームページを見た際に常に一番下に表示されているふわっとした広告枠の出し方を紹介いたします。 関連記事: スマホ画面の下にPC切り替え可能なワードプレスプラグイン ワードプレスのメンテ …

カスタムフィールドでチェックを入れた記事のみ表示

ワードプレスではカスタムフィールドを使う事で特定の記事のみ表示させる方法もございます。 関連記事: カスタムフィールドで画像を出力する時のヒント【ワードプレス】 Custom Field Suiteの …