テキスト

テンプレート記述例

$school = get_field( 'school' );
if ( $school ) {
	echo '<p>' . esc_html( $school ) . '</p>';
}

画像

返り値は画像IDを選択する。 IDにしておけばカスタムメディアサイズを利用したり、画像サイズ指定ができる。

ALTをタイトルなどで自動設定する場合

$img    = get_field( 'foobar' );
$size   = 'medium_large';
$imgsrc = wp_get_attachment_image_src( $img, $size );
if ( $img ) :
	?>
<figure class="interview-modal__img">
	<img src="<?php echo esc_url( $imgsrc[0] ); ?>" width="<?php echo esc_attr( $imgsrc[1] ); ?>" height="<?php echo esc_attr( $imgsrc[2] ); ?>" alt="<?php the_title_attribute(); ?>のイメージ">
</figure>
<?php else : ?>
<figure><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/no-img.png" alt=""></figure>

手動でALTを設定する場合

srcset にも対応されます。

$img  = get_field( 'foobar' );
$size = 'medium_large';
if ( $img ) :
	?>
<figure><?php echo wp_get_attachment_image( $img, $size ); ?></figure>
<?php else : ?>
<figure><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/no-img.png" alt=""></figure>

テンプレート記述例

フィールド名 = product_thumb

<ul>
<?php while ($products-> have_posts()) : $products->the_post(); ?>
<li><a href="<?php the_permalink(); ?>"><?php if( get_field('product_thumb')): ?>
<?php 
$imgid = get_field('product_thumb');
$img = wp_get_attachment_image_src( $imgid , 'my_product_thumb' ); ?>
?>
        <img src="<?php echo $img[0]; ?>" width="<?php echo $img[1]; ?>" height="<?php echo $img[2]; ?>" alt="<?php the_title_attribute(); ?>">
        <?php else: ?>
        <img src="/images/common/noimage100_100.gif" alt="<?php the_title(); ?>">
        <?php endif; ?></a></li>
<?php endwhile; ?>
</ul>

その他テンプレ―トへの記述例色々

<?php if( have_rows('faq') ): ?>
<dl class="faq-list">
<?php while( have_rows('faq') ): the_row(); ?>
	<dt><?php the_sub_field('question'); ?></dt>
	<dd><?php the_sub_field('answer'); ?></dd>
<?php endwhile; ?>
</dl>
<?php else : ?>
	<p>現在、表示する質問がありません。</p>
<?php endif; ?>

繰り返しフィールド入れ子

<?php
$args = array(
    'child_of' => $post->ID,
);
$mypages = get_pages( $args ); ?>

<?php foreach( $mypages as $page ): ?>
<?php if( have_rows('document_set', $page->ID)): ?>
<h4 class="title-a-01" id="<?php echo $page->post_name; ?>"><?php echo $page->post_title; ?></h4>
<?php
    $content_child = get_page($page->ID);
    echo $content_child -> post_content;
?>
<table class="download-table">
    <thead>
    <tr>
        <th>書類名</th>
        <th>ダウンロード</th>
        <th>備考欄</th>
    </tr>
    </thead>
<?php while( have_rows('document_set', $page->ID)): the_row(); ?>
    <tr>
        <td><?php $document_name = get_sub_field('document_name', $page->ID);
if( $document_name ): echo $document_name; else: echo '&nbsp;';
endif; ?></td>
        <td><?php if(have_rows('document', $page->ID)): ?>
        <ul>
            <?php while( have_rows('document', $page->ID)): the_row(); ?>
            <li><a href="/assets/images/download/<?php the_sub_field('file_url', $page->ID); ?>" class="icon-before"><?php the_sub_field('text', $page->ID); ?></a></li>
            <?php endwhile; ?>
        </ul>
        <?php else: echo '&nbsp;'; endif; ?></td>
        <td><?php $remarks = get_sub_field('remarks', $page->ID);
if( $remarks ): echo $remarks; else: echo '&nbsp;';
endif; ?></td>
    </tr>
<?php endwhile; ?>
</table>
<?php endif; ?>
<?php endforeach; ?>

コメントを残す

メールアドレスが公開されることはありません。