Advanced Custom Fields出力コードまとめ

開発をスピードアップするための、ACFフィールドグループのテーマコードを生成してくれるプラグイン、「Advanced Custom Fields: Theme Code」。
これが便利で、カスタムフィールドセットごとのページに、指定した「フィールド名」を代入した状態でのコード一覧を生成してくれます。
開発中に使って、開発が終わったらアンインストールすればOKですね!

こんな感じに生成してくれます。(ACF Theme Code for Advanced Custom Fields)

テキスト

入力画面キャプチャ

出力

<?php the_field( 'text' ); ?>

テキストエリア

入力画面キャプチャ

出力

<?php the_field( 'text-area' ); ?>

数値

入力画面キャプチャ

出力

<?php the_field( 'number' ); ?>

メール

入力画面キャプチャ

出力

<?php the_field( 'email' ); ?>

パスワード

<?php $password = get_field( 'password' ); ?>

画像

出力

<?php $image = get_field( 'image' ); ?>
<?php if ( $image ) { ?>
	<img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" />
<?php } ?>

ファイル

出力

<?php $file = get_field( 'file' ); ?>
<?php if ( $file ) { ?>
	<a href="<?php echo $file['url']; ?>"><?php echo $file['title']; ?></a>
<?php } ?>

セレクトボックス

出力

<?php the_field( 'selectbox' ); ?>

チェックボックス

出力

<?php // checkbox
$field = get_field_object( 'checkbox' );
$value = $field['value'];
$choices = $field['choices'];
if ( $value ):
	foreach ( $value as $v ):
		echo $choices[ $v ];
	endforeach;
endif; ?>

ラジオボタン

出力

<?php the_field( 'radio_button' ); ?>

真偽

出力

Basic conditional

<?php if ( get_field( 'true/false' ) == 1 ) { 
 // echo 'true'; 
} else { 
 // echo 'false'; 
} ?>

Query Posts

$posts = get_posts(array(
	'meta_query' => array(
		array(
			'key' => 'enable_sidebar',
			'compare' => '==',
			'value' => '1'
		)
	)
));
if( $posts ): ?>
	
	<ul>
		<?php foreach( $posts as $post ): 
		setup_postdata( $post )
		?>		
			<li>
				<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
			</li>	
		<?php endforeach; ?>	
	</ul>	
	<?php wp_reset_postdata(); ?>
<?php endif; ?>	

「真偽」についてはこちらにまとめていますのでご紹介します
//idew.jp/?p=247


ページリンク

出力

<?php $page-link_items =  get_field( 'page-link' ); ?>
<?php foreach ( $page-link_items as $page-link_item ) { ?>
	<?php echo $page-link_item; ?> 
<?php } ?>

投稿オブジェクト

出力

<?php $post-object = get_field( 'post-object' ); ?>
<?php // var_dump( $post-object ); ?>

関連

出力

<?php $relation = get_field( 'relation' ); ?>
<?php if ( $relation ): ?>
	<?php foreach ( $relation as $post ):  ?>
		<?php setup_postdata ($post); ?>
			<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
	<?php endforeach; ?>
<?php wp_reset_postdata(); ?>
<?php endif; ?>

タクソノミー

出力

<?php $Taxonomies_term = get_field( 'Taxonomies' ); ?>
<?php if ( $Taxonomies_term ): ?>
	<?php echo $Taxonomies_term->name; ?>
<?php endif; ?>

ユーザー

出力

<?php $user_array = get_field( 'user' ); ?> 
<?php // var_dump( $user_array ); ?>

Google Maps

<?php $location_array = get_field( 'google_map' );
// var_dump( $location_array ); ?>

Date Picker

出力

<?php the_field( 'date-picker' ); ?>

Color Picker

出力

<?php the_field( 'color-picker' ); ?>
共有
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Posts published: 45
Copyrights © idew. All Rights Reserved.