kokimu
5/14/2018 - 3:39 AM

ACF

Using Advanced Custom Fields plugin

<!--注意:Imege フィールドを Admin バックエンドの Advanced Custom Fields plugin で設定する場合、Return Value (Specify the returned value on front end) は "Image URL" を選んでおくこと!-->
<!--参照 http://www.advancedcustomfields.com/resources/image/-->
<img src="<?php the_field( 'フィールドスラグ' ); ?>" width="400" height="300" />


<!--イメージカスタムフィールドを表示する。コンテンツが空欄の場合は何も表示されない。サイズは自由に設定可。-->

<!--一番簡単なやり方-->
<?php if( get_field('partner_logo') ): ?>
	<img class="partner_logo fr" src="<?php the_field( 'partner_logo' ); ?>" width="70" height="70" />
<?php endif; ?>

<!--色々設定したい場合-->
<?php
$attach_id = get_post_meta($post->ID,"フィールドネーム",false);
foreach($attach_id as $file):
list( $url, $w, $h) = wp_get_attachment_image_src( $attach_id , 'full' );
$h = @intval(200 * ( $h / $w ));
$alt = get_post_meta($attach_id , '_wp_attachment_image_alt', true);
$url = wp_get_attachment_url($file);
if ( !emptyempty( $file ) ) :
?>

<img class="クラス名" src="<?php echo $url; ?>" alt="<?php echo $alt; ?>" width="300" height="auto" />

<?php
endif;
endforeach;
?>

<!--イメージカスタムフィールドを表示する。注). このコードではコンテンツが空欄の場合もアタリが表示されてしまうの注意。サイズは自由に設定可。-->

<img src="<?php the_field('フィールドネーム'); ?>" alt="" width="300" height="auto" />
<?php the_field('field_slug'); ?>

<!-- Get a filed from another page (page ID: 1234) -->
<?php the_field('field_slug', 1234); ?>

<!--If this field is empty, don't show empty box,-->
<?php if( get_field('field_name') ): ?>
	<p>My field value: <?php the_field('field_name'); ?></p>
<?php endif; ?>

<!--If this field is empty, don't show empty box, show BUT something else-->
<?php if( get_field('pdf_link') ): ?>
	<div class="pdf">
		<img src="<?php echo get_template_directory_uri(); ?>/library/images/icon-pdf.svg" width="28"><?php the_field('pdf_link'); ?>
	</div>
<?php else : ?>
	<a href="<?php echo get_page_link('49'); ?>">Contact Michele for details</a>
<?php endif; ?>