目次

HTMLで利用

<!-- ↓↓「ak_fw」で全幅↓↓ -->
<!-- ↓↓並び編集は「ak_flexW / ak_flexH　PC_ak_flexW / PC_ak_flexH」↓↓ -->
<div id="sect03" class="ak_outer preset ak_flexW">
    <div class="inner">
        <div class="contents">

            <a href="/" class="item item01 ak_hov01">
                <div class="box">
                    <div class="left">
                        <img class="ak_subimg" alt="サンプル画像" src="https://rakunosato.naw-g.com/wp-content/uploads/sample_img.jpg">
                    </div>
                    <div class="right">
                        <h3 class="ak_subtitle">吾輩は猫である</h3>
                        <p class="ak_subdate">2023/01/01</p>
                        <p class="ak_subtext">どこで生れたかとんと見当けんとうがつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。</p>
                    </div>
                </div>
            </a>

        </div>
        <div class="link">
            <a href="/" target="_blank" rel="noopener">リンク</a>
        </div>
    </div>
</div>

PHPで利用

サブループ/ACF/アーカイブ全対応版

サブループを使用せず投稿データは『$ITEM』に格納する

	$ITEM = $post;//アーカイブadd_filterの場合
	
	$ID        = $ITEM->ID;
	$title     = esc_html($ITEM->post_title); //投稿タイトル
	$url       = esc_url(get_permalink($ID));  //投稿のurl
	$thumimg   = get_the_post_thumbnail_url( $ID , 'full' );//サムネイルurl
	$date      = date('Y/m/d',  strtotime($ITEM->post_date)); //投稿日
	$content   = $ITEM->post_content; //本文
	$content_mini   = mb_substr(esc_html($ITEM->post_content),0,60)."..."; //本文
	$modify    = date('Y/m/d',  strtotime($ITEM->post_modified)); //更新日
	//$category●●● = get_the_terms( $ID, '●●●' );  //カテゴリ情報

//編集途中

WP_queryで取得したデータを表示する

WP_query　参考記事
<?php
function PHP_WP_query_sample(){


/*　投稿取得　*/
$QUERY = array(
	'post_type' => '●●●●●●', 		  //投稿タイプ
	'post_status' => 'publish', 	//公開済みのページのみ
	'orderby' => 'date',  		    //何順で並べるか　ランダム'rand'
	'order' => 'DESC',  			    //昇順（ASC）_降順（DESC）
	'posts_per_page' => -1, 		  //表示件数-1で全件取得
);
$PDATA = new WP_Query($QUERY);

ob_start(); // 記録開始
?>
<div id="●●●●●●" class="ak_outer preset ak_flexW">
    <div class="inner">
        <div class="contents">
		<?php 
	
		if ($PDATA->have_posts()) :
		while ($PDATA->have_posts()) : $PDATA->the_post();//ループを次の投稿へ進める

			$ID        = get_the_ID();
			$title     = esc_html(get_the_title()); //投稿タイトル
			$url       = esc_url(get_permalink());  //投稿のurl
			$thumimg   = get_the_post_thumbnail_url( $ID , 'full' );//サムネイルurl
			$date      = get_the_time('Y/m/d'); //投稿日
			$content   = get_the_content(); //本文
			$content_mini   = mb_substr(esc_html(get_the_content()),0,60)."..."; //本文
			$modify    = get_the_modified_date('Y/m/d'); //更新日
			//$category = get_the_category();    //カテゴリ情報
			//$tags     = get_the_tags();        //タグ情報

			?>
            <a href="<?php echo ( $url ); ?>" class="item item01 ak_hov01">
                <div class="box">
                    <div class="left">
                        <img class="ak_subimg" alt="<?php echo ( $title ); ?>" src="<?php echo ( $thumimg ); ?>">
                    </div>
                    <div class="right">
                        <h3 class="ak_subtitle"><?php echo ( $title ); ?></h3>
                        <p class="ak_subdate"><?php echo ( $date ); ?></p>
                        <p class="ak_subtext"><?php echo ( $content ); ?></p>
                    </div>
                </div>
            </a>
			<?php 

		endwhile;
		endif;
		wp_reset_postdata();//サブループリセット

		?>
		</div>

		<div class="link">
			<a href="/" target="_blank" rel="noopener">記事一覧</a>
		</div>
	</div>
</div>
<?php
$HTML = ob_get_contents(); // 記録結果を変数に代入
ob_end_clean(); // 記録終了

echo $HTML;


}

ACFの「繰り返しコンテンツ」+「投稿オブジェクト」で取得したデータを表示する

<?php
function PHP_ACFget_post_sample(){


/*　ACFから投稿オブジェクト取得　*/
$PDATA = get_field('●',MY_SETTING_ID);


ob_start(); // 記録開始
?>
<div id="●●●●●●" class="ak_outer preset ak_flexW">
    <div class="inner">
        <div class="contents">
		<?php 
	
		if ($PDATA) :
		$i = 0;
		$iMAX = count($PDATA);
		while($i<$iMAX) : 

			$ID        = $PDATA[$i]['●●●●']-> ID;
			$title     = $PDATA[$i]['●●●●']-> post_title; //投稿タイトル
			$url       = get_permalink($ID);  //投稿のurl
			$thumimg   = get_the_post_thumbnail_url( $ID , 'full' );//サムネイルurl
			$date      = $PDATA[$i]['●●●●']-> post_date; //投稿日
			$content   = $PDATA[$i]['●●●●']-> post_content; //本文
			$content_mini   = mb_substr(esc_html($PDATA[$i]['●●●●']-> post_content),0,60)."..."; //本文
			$modify    = $PDATA[$i]['●●●●']-> post_modified; //更新日

			?>
            <a href="<?php echo ( $url ); ?>" class="item item01 ak_hov01">
                <div class="box">
                    <div class="left">
                        <img class="ak_subimg" alt="<?php echo ( $title ); ?>" src="<?php echo ( $thumimg ); ?>">
                    </div>
                    <div class="right">
                        <h3 class="ak_subtitle"><?php echo ( $title ); ?></h3>
                        <p class="ak_subdate"><?php echo ( $date ); ?></p>
                        <p class="ak_subtext"><?php echo ( $content ); ?></p>
                    </div>
                </div>
            </a>
			<?php 

			$i++;//次の投稿に進める
		endwhile;
		endif;

		?>
		</div>

		<div class="link">
			<a href="/" target="_blank" rel="noopener">記事一覧</a>
		</div>
	</div>
</div>
<?php
$HTML = ob_get_contents(); // 記録結果を変数に代入
ob_end_clean(); // 記録終了

echo $HTML;


}