うさぎのイラスト

ネットアンサー55備忘録

ワードプレス技術を色々とお試しするサイトです。

投稿ページのコンテンツ内容読み込み

-2015年03月10日-
投稿内容を読み込むためのWordpressテンプレートタグを下記に示します。
<?php
if(have_posts()): while(have_posts()): the_post();?>
<h2><?php the_title(); ?></h2>
<?php the_content(); ?>

<?php endwhile; endif; 
wp_reset_query();
?>
acf-repeatのとき
<?php

// check if the repeater field has rows of data
if( have_rows('任意のフィールド名') ):

 	// loop through the rows of data
    while ( have_rows('任意のフィールド名') ) : the_row();

        // display a sub field value
        the_sub_field('任意のカスタムフィールド名');

    endwhile;
else :
    // no rows found
endif;
?>

acf-フレキシブルのとき
<?php
if(have_posts()): while(have_posts()): the_post();?>
	<?php while(has_sub_field('ブログ')): ?><!--記事読み込みスタート-->
		<?php if(get_row_layout() == 'ボックス1'): ?>
			<?php the_sub_field('テキストエリア'); ?>
		<?php elseif(get_row_layout() == 'ボックス2'): ?>
			<?php  
			//画像(返り値は「画像ID」)
			$img = get_sub_field('写真');							
			$imgurl = wp_get_attachment_image_src($img, 'w680'); //サイズは自由に変更できる
			?>
			<img src="<?php echo $imgurl[0]; ?>" alt="<?php the_title();?>">
			<!--記事読み込みエンド-->
		<?php endif; ?>
	<?php endwhile; ?>
<?php endwhile; endif; ?>
また下記のテンプレートタグを使って多様な文章の読み込みも可能になってきます。
記事タイトル
<?php the_title(); ?>
記事URL
<?php the_permalink(); ?>
記事の投稿日時
<?php the_date(); ?>
記事の投稿者とリンクを出力
<?php the_author_posts_link(); ?>
記事のカテゴリー名
<?php the_category(); ?>
記事の抜粋(デフォルト110文字)
<?php the_excerpt(); ?>

アーカイブ一覧を呼び出す
<?php echo get_post_type_archive_link('illustrator'); ?>
タームタイトルを呼び出す
<?php single_term_title(); ?>
アーカイブタイトルを呼び出す
<?php post_type_archive_title(); ?>
月別アーカイブページにて只今の年と月を表示したりするときに使う。
<?php echo get_query_var('year');?>
<?php echo get_query_var('monthnum');?></td>