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

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

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

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

関連記事

ワードプレスをアップデートしたらログイン出来なくなった人へ

ワードプレスのアップデートが原因でログインできなくなった人へ 関連記事: 会員制サイトが作れるWP-Membersの使い方【ワードプレス】 カスタムフィールドで画像を出力する時のヒント【ワードプレス】 …

さくらサーバーでワードプレスの無料SSLを導入してみたよ

さすがにそろそろSSL化しないといけないのでやってみたよ 関連記事: 無料SSL証明書 更新エラーの対処方法 Yahoo!メールを複数取得する方法 エックスサーバーからさくらサーバーにドメインを移管し …

Codecademyでプログラミング学習

海外だと結構有名なプログラミング学習サイト「Codecademy」の始め方です。 関連記事: カスタムフィールドで画像を出力する時のヒント【ワードプレス】 ワードプレスの分岐topページのみやその他表 …

【WordPress】lightning proでカスタムフィールドを表示させる

lightning proと言うWordpressの有料テーマがありカスタムフィールドを表示させてみました。 関連記事: ネスタリゾートを100%遊びたい人へ【宿泊あり】 管理画面でお問合せメールの確 …

ワードプレスのプラグインCustom Field Suiteの使い方

Custom Field Suiteを入れたもののどうやって使うんだろうって人向けの細かい使い方をご紹介いたします。 関連記事: カスタムフィールドで画像を出力する時のヒント【ワードプレス】 簡単にカ …

新着記事一覧

2024/03/19

インフォーマー

2024/03/18

正欲

2024/03/15

トッカイ

2024/03/14

キル・ボクスン

2024/03/13

ブラックリスト