AMPページに新着記事と人気記事を表示したい

いつも楽しく使わせて頂いています。
AMPページからの直帰率を下げるためにも、やはり新着記事と人気記事だけでも表示したいと思いました。以前トピックで拝見しましたが、AMPウィジェットも是非検討をお願い致します。

現在はショートコードでamp-footer.phpに直接記載して実装しています。

●amp-footerの一番上に追記（アドセンスの関連コンテンツも、wordpress popular postsプラグインのショートコード）

<amp-ad layout="fixed-height" height="1221" type="adsense" data-ad-client="ca-pub-xxx" data-ad-slot="xxx"></amp-ad>

<?php 
 $new_post =  do_shortcode( '[nplist]' ); 
 echo convert_content_for_amp($new_post);
?>

<?php 
 $new_post2 =  do_shortcode( '[wpp header="" header_start="" header_end="" order_by="avg" post_type="post" limit=10 stats_views=0 wpp_start=\'<h3 class="toph3">本日よく読まれている記事</h3><ul class="wpp-list nplist">\' wpp_end="</ul>" thumbnail_width="100"  thumbnail_height="100" excerpt_length="70" stats_date="1" stats_category="1" post_html=\'<li><a href="{url}" >{thumb}</a> <a href="{url}" class="wpp-post-title">{title}</a> </li>\' range="daily"]' );
 echo convert_content_for_amp($new_post2);
?>

●functions.phpに追記

function getNewPost($opt) {
	
	extract(shortcode_atts(array(
        'num' => ''
    ), $opt));
    
    $num = (!empty($num)) ? $num : 6;
    
    $args = array(
		'posts_per_page'   => $num,
		'orderby'          => 'date',
		'order'            => 'DESC',
		'post_type'        => 'post',
		'post_status'      => 'publish'
	);
	$posts_array = get_posts( $args );
	
	$out = "";
	$out .= "<h3 class='toph3'>新着投稿</h3><ul class='wpp-list nplist'>";
	
	foreach ($posts_array as $post) {
		$id = $post->ID;
		$title = $post->post_title;
		$post_date = get_the_time( get_theme_text_date_format(), $id);
		$post_modified = $post->post_modified;
		$link = get_the_permalink($id);
		$thumb = get_the_post_thumbnail(
					$id,
					'thumb100',
					array(
						'class' => 'wpp-thumbnail wpp_cached_thumb wpp_featured',
						'alt' => $title,
                                         'style'=>'width:75px;height:75px;'
					)
				);
		$category = get_the_category($id);
		
		foreach ($category as $cat) {
			$cat_id = $cat->cat_ID;
			$cat_name = $cat->name;
			$cat_link = get_category_link($cat_id);
			$cats[] = "<a href='".$cat_link."' rel='category tag'>".$cat_name."</a>";
		}
		$categorys = implode(", ",$cats);
		unset($cats);
$out .= <<< EOD

<li>
<a href="{$link}" title="{$title}" target="_self">
{$thumb}</a> 
<a href="{$link}" title="{$title}" class="wpp-post-title" target="_self">{$title}
</a> 
      <span class="post-date">
        <span class="fa fa-clock-o fa-fw"></span>
        <span class="published">{$post_date}</span>
      </span>
</li>

EOD;
	}
	$out .= "</ul>"; //#list
	
	return $out;
}
add_shortcode('nplist', 'getNewPost');

●amp.cssに追記

ul.wpp-list{    padding-left: 0;
    list-style: none;}
ul.wpp-list.nplist  li amp-img {border-radius: 10px; border: medium none;
    display: inline;
    float: left;
    margin-top: 3px;
    margin-right: 5px;
    margin-bottom: 10px;}
.nplist .post-stats {
    float: right;color:dimgrey;padding-top: 5px;
}
ul.wpp-list.nplist  li {
    border-top: 1px solid #ccc;
    padding-top: 5px;height:110px;
}
ul.wpp-list.nplist  li a{font-size:0.9em;line-height:150%;text-decoration:none;color:black;}
span.post-date{white-space:nowrap;float:right;font-size: x-small;color: dimgrey;font-size: x-small;
font-weight: bold;padding-top:5px;padding-right:5px;}