WP:関連記事

記事の下に同じカテゴリーを表示するようにした。

imgを自動でリサイズしてくれるobject-fit!!

初めて知った・・・絶対覚えておこう

 

 

<h3>関連記事</h3>
<?php
	$categories = get_the_category();
 	foreach($categories as $category):
 	$related_posts = get_posts(array('category__in' => array($category->cat_ID), 'exclude' => $post->ID, 'numberposts' => 5));

  if($related_posts): ?>


<?php foreach($related_posts as $related_post):
  $thumbnail = get_post_thumbnail_id( $related_post->ID );
  $src_info = wp_get_attachment_image_src($thumbnail);
  $src = $src_info[0];
  $width = $src_info[1];
  $height = $src_info[2];
  $title = $related_post->post_title;
  $hiduke = get_the_time( get_option( 'date_format' ) , $related_post->ID);
  $post_info = $related_post->post_excerpt;

 ?>

<div style="clear:both;height:50px;">
	<a style="display:block;" href="<?php echo get_permalink($related_post->ID); ?>">
		<?php if ( has_post_thumbnail($related_post->ID) ) {
		  echo '<img style="border:solid 1px;float:left;margin-bottom:5px;margin-right:10px;object-fit:cover;width: 30%; height: 60px;" src="'.$src.'" alt="'.$title.'"  />';	  
		}else{
			echo '<img style="border:solid 1px;float:left;margin-bottom:5px;margin-right:5px;width: 30%; height: 60px;" src="https://sirohood.exp.jp/wp-content/uploads/2018/03/2018y03m25d_214929282.png" alt="'.$title.'"  />';	
		} ?>
			<div style="color:#666666;font-size:small;align:10px 20px;"><?php echo $hiduke ?></div>
			<?php echo $title ?>
<?php echo $post_info ?>

	</a>
</div>


<?php endforeach; ?>

<?php endif; endforeach; ?>
<hr>
<!-- 関連記事ここまで -->

 

 

 

関連記事




コメントを残す

※コメントは承認後に表示されます。
 コメントを公開されたくない場合、名前の後に「:非公開」とつけてください。