読者です 読者をやめる 読者になる 読者になる

岡山・広島の広告パートナー ヤマト広告ブログリレー

岡山・広島エリアで広告の制作・コンサルティングを提供するヤマト広告のブログリレー。

ヤマト広告ブログリレー
岡山・広島を中心に活動する広告制作・広告パートナー。
デザインやホームページ制作、折込チラシやテレビCMなど販促物や媒体出稿、
リスティング広告などSEMやSEOなどWebマーケティング全般。

任意に繰り返し項目が追加できる「Smart Custom Fields」プラグインの使い方

こんにちは、制作のうがきです。
今回は私が最近知った、便利なプラグインをご紹介します。


WordPressのカスタムフィールドで、
このフォーマットのまま任意に数が追加できたらいいのに……
なんてことありませんでしょうか?

例えば、施工事例・制作実績の画像。
ある記事では1枚、ある記事では10枚……など、柔軟に対応したいところ。


今まで、そういった任意に繰り返すことが
できるカスタムフィールドは
「Types」を使っておりましたが今回
とある案件でページごとに違う
任意で登録数を増やせるテーブルを作成することになりました。

そこで使用したのが「Smart Custom Fields」です。

ja.wordpress.org



たとえばダイエットでいえば
朝食
「品目」「カロリー」「個数」をカスタムフィールドで作成すれば
その3点をセットで何度でも繰り返すことができます。

しかも出力は項目単位なので、テーブルなどのCSSカスタマイズもとても簡単!


それでは、その使いかたをざっとご紹介します。



f:id:yamato-ugaki:20151007192515p:plain

今回は、ダイエットレポートをサンプルで作成いたしますね!
毎日食べたものを記録していくのですが、
食べたものの数なんて日によって違うので
任意で繰り返しができる「Smart Custom Fields」が
大助かりです。



f:id:yamato-ugaki:20151007192126p:plain

①まずはプラグインをインストール
これは簡単ですよね。
「Smart Custom Fields」と入力して検索、
インストール後は有効化してください。



f:id:yamato-ugaki:20151007192242p:plain


②「Smart Custom Fields」の設定
左側のメニューに設定アイコンがでてきますので
それを選択して、カスタムフィールドのグループを作成していきます。
名前*のところは、テンプレートで
その項目を呼び出すときに使うので英語が好ましいでしょう。

このカスタムフィールドを表示する場所
(今回でしたら、「投稿」です)も選択し忘れないように!


f:id:yamato-ugaki:20151007192752p:plain

③入力する
ここまでくればあと一息ですね。
投稿の部分にフィールドが表示されていると思います。
左の+を押すと、繰り返しを使うことが出来ます。


<table style="margin-bottom:200px;">
	<tbody>
		<tr>
			<th>品目</th>
			<th>カロリー</th>
			<th>個数</th>
		</tr>
		<?php $p_player_group = SCF::get( '朝食' ); foreach ( $p_player_group as $field_name => $field_value ) { 	?>
		<tr>
			<td><?php echo esc_html( $field_value['morning_name'] ); ?></td>
			<td><?php echo esc_html( $field_value['morning_calorie'] ); ?></td>
			<td><?php echo esc_html( $field_value['morning_howmany'] ); ?></td>
		</tr>
		<?php } ?>
	</tbody>
</table>


④テンプレートを変更する
繰り返しの部分をphpで囲い
表示したいところに先ほどの名前*を入力した
タグを記入します。
見出しのところはphpの外なので繰り返されません。


f:id:yamato-ugaki:20151007192515p:plain

⑤表示を確認する
さて、これで終わりです。
いかがでしたでしょうか?


とても便利なプラグインなので
よろしければ、使ってみてくださいね!

「Smart Custom Fields」



»参考にさせていただきました
WordPressプラグイン「Smart Custom Fields」|大阪のホームページ制作・WEB制作会社I.M.D

11/11(水)NJE理論ブログセミナー開催!
↓↓詳しくはこちら↓↓
NJE理論ブログセミナー初級編

ページトップ