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

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

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

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 を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

アリエクスプレスに登録してみた

アリエクスプレスで購入する為に登録してみました。 関連記事: ワードプレスの記事やカテゴリなどの各IDを調べる方法 [2020年]百度baiduアカウントを日本から作る方法 アリエクのアフィリエイトで …

スパムコメントを自動で削除してくれるAkismet

ワードプレスをインストール時に最初からインストールされているAkismetの使い方をご紹介いたします 関連記事: 一つのプラグインで最低限の機能が揃うJetpack シーサーブログにメニューを作る方法 …

cgiファイルで500エラーを出した時の覚書

クライアント様から、かなり古いサイトの修正希望で初めてcgiファイルをさわったので覚書です。 関連記事: XFREEの無料サーバーは利用制限がある Gmailとサクラのメールの連携する方法 WP-Me …

ワードプレスがアップデートできない&通知がこない時

ワードプレスのアップデートが出来ない時はプラグインに注目 関連記事: ワードプレスでメルマガが使えるSubscribe2 一つのプラグインで最低限の機能が揃うJetpack ワードプレスに人気記事を自 …

SEO対策用文字数カウントを作ってみた

文字数を計算する時にわざわざ計算ボタンを押さなくても自動でカウントしてくれるようなシステムを制作致しました。 関連記事: SEO対策の実験サイトを制作しよう SEO対策で絶対にしてはいけない事 ECキ …