Advanced Custom Fields実装見本 | 福岡のホームページ制作はマリオ君にお任せ

<?php the_field('フィールで名'); ?>

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

<?PHP if(have_posts()):while(have_posts()):the_post();?>

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

<?PHP endwhile;endif;?>
<?php wp_reset_postdata(); ?>

<article class="worksbox02">
	 <div class="mdswrap ">
        <h3 class="mds01 wow animated fadeInUp02"><span>詳</span>細情報</h3>
        <p class="mdss">detail</p>
    </div>
	<section class="overbox02">
	
		<table class="tstylewo">
			<tr>
				<th><p>クライアント名</p></th>
				<td>ACFクライアント名様</td>
			</tr>
			<tr>
				<th><p>業種</p></th>
				<td>ACF業種</td>
			</tr>
			<tr>
				<th><p>サイト種類</p></th>
				<td>ACFサイト種類</td>
			</tr>
			<tr>
				<th><p>制作プラン</p></th>
				<td>ACF制作プラン</td>
			</tr>
			<tr>
				<th><p>エリア</p></th>
				<td>ACFエリア</td>
			</tr>
			<tr>
				<th><p>仕様</p></th>
				<td>ACF仕様</td>
			</tr>
			<tr>
				<th><p>タグ</p></th>
				<td>
					<ul>
						<li><a href="">オリジナルデザイン</a></li>
						<li><a href="">レスポンシブデザイン</a></li>
						<li><a href="">初期費用無料プラン</a></li>
						<li><a href="">WordPress</a></li>
						<li><a href="">新規制作</a></li>
					</ul>

				</td>
			</tr>
			<tr>
				<th><p>ご依頼内容</p></th>
				<td>
					ACFご依頼内容
				</td>
			</tr>
		</table>
	
	</section>
</article>
<!--worksbox02終わり//////////////-->

<article class="worbox03">
	<div class="midawrap">
		<h3 class="mida01 kiro" id="q04">制作ポイント・解説</h3>
	</div>

	<section class="worboxin"> 

		制作ポイント・解説

	</section>		
</article>
<!--worbox03終わり//////////////-->

<?PHP if(have_posts()):while(have_posts()):the_post();?>
<article class="woksall02">

    <div class="midawrap">
		<h3 class="mida01 womi" ><?php the_field('wotex01'); ?>様</h3>
    </div>
	
	<ul class="worksingle">
	
		<li><div><img src="<?php the_field('slideimg01'); ?>" alt="<?php the_field('wotex01'); ?>写真1" ></div></li>
		<li><div><img src="<?php the_field('slideimg02'); ?>" alt="<?php the_field('wotex01'); ?>写真2" ></div></li>
		<li><div><img src="<?php the_field('slideimg03'); ?>" alt="<?php the_field('wotex01'); ?>写真3" ></div></li>
		<li><div><img src="<?php the_field('slideimg04'); ?>" alt="<?php the_field('wotex01'); ?>写真4" ></div></li>
		<li><div><img src="<?php the_field('slideimg05'); ?>" alt="<?php the_field('wotex01'); ?>写真5" ></div></li>
	</ul>
	
	<div class="mitebox">
		<p class="mite"><span>ホームページを見てみる</span></p>
		
		<div class="btn01 wor">
			<a href="<?php the_field('wotex09'); ?>" target="_blank"><?php the_field('wotex10'); ?></a>
		</div>
	</div>
	<!--mitebox終わり//////////////-->
	
</article>
<!--woksall02終わり//////////////-->

<article class="worksbox02">
	 <div class="mdswrap ">
        <h3 class="mds01 wow animated fadeInUp02"><span>詳</span>細情報</h3>
        <p class="mdss">detail</p>
    </div>
	<section class="overbox02">
	
		<table class="tstylewo">
			<tr>
				<th><p>クライアント名</p></th>
				<td><?php the_field('wotex01'); ?>様</td>
			</tr>
			<tr>
				<th><p>業種</p></th>
				<td><?php the_field('wotex02'); ?></td>
			</tr>
			<tr>
				<th><p>サイト種類</p></th>
				<td><?php the_field('wotex03'); ?></td>
			</tr>
			<tr>
				<th><p>制作プラン</p></th>
				<td><?php the_field('wotex04'); ?></td>
			</tr>
			<tr>
				<th><p>エリア</p></th>
				<td><?php the_field('wotex05'); ?></td>
			</tr>
			<tr>
				<th><p>仕様</p></th>
				<td><?php the_field('wotex06'); ?></td>
			</tr>
			<tr>
				<th><p>タグ</p></th>
				<td>
					<ul>
						<?php
							$terms = get_the_terms($post->ID, 'worktag');//関連のあるタクソノミーのみ出力
							if ($terms) :
							foreach ($terms as $term) {
							echo '<li><a href="'.get_term_link($term->slug, 'worktag').'">#'.$term->name.'</a></li>';
							}
							endif;
						?>
					</ul>
				</td>
			</tr>
			<tr>
				<th><p>ご依頼内容</p></th>
				<td>
					<?php the_field('wotex07'); ?>
				</td>
			</tr>
		</table>
	
	</section>
</article>
<!--worksbox02終わり//////////////-->

<article class="worbox03">
    <div class="midawrap">
        <h3 class="mida01 kiro" id="q04">制作ポイント・解説</h3>
    </div>

    <section class="worboxin"> 

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


    </section>		
</article>
<!--worbox03終わり//////////////-->



<?PHP endwhile;endif;?>
<?php wp_reset_postdata(); ?>
<!--ループ終了-->