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

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

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

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

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

Web-WordPress Web

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


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理論ブログセミナー初級編

ページトップ