【SANGOカスタマイズ】記事デザインをバイラル風にする

<?php
/*
Template Name: バイラル風アイキャッチ
Template Post Type: post, page
*/
?><?php get_header(); ?>
	<div id="content"<?php column_class();?>>
		<div id="inner-content" class="wrap cf">
			<main id="main" class="m-all t-2of3 d-5of7 cf">
				<?php 
					if (have_posts()) : 
					while (have_posts()) : 
					the_post(); 
				?>
			       <article id="entry" <?php post_class('cf'); ?>>
			       	  <?php 
			       		//記事を構成するテンプレートパーツを読み込み
			       		get_template_part('parts/single/entry-header-viral');//タイトルまわり
			       		get_template_part('parts/single/entry-content');//本文まわり
			       		get_template_part('parts/single/entry-footer');//フッターまわり
			       		comments_template();//コメント
						insert_json_ld();//構造化データ
			       	  ?> 
			        </article>
			        <?php get_template_part('parts/single/prev-next-entry');//前後の記事へのリンク?>
			    <?php endwhile; ?>

				<?php else : ?>
					<?php get_template_part('content', 'not-found'); //コンテンツが見つからない場合?>
				<?php endif; ?>

			</main>
			<?php get_sidebar();?>
		</div>
	</div>
<?php get_footer(); ?>
<?php //アクセス数をカウント：人気記事ウィジェットのため
	if( !is_bot() && !is_user_logged_in() ) { 
		sng_set_post_views(get_the_ID()); 
	} ?>

<?php //記事タイトルまわりのテンプレート ?>
<header class="article-header entry-header">
	<?php 
		breadcrumb(); //パンくず
	?>
    <div class="viral"><div class="v-box">
    	<h1 class="entry-title single-title"><?php the_title(); //タイトル?></h1>
	<p class="entry-meta vcard dfont">
		<?php if(!get_option('remove_pubdate')):?>
	       	<time class="pubdate entry-time" datetime="<?php echo get_the_date('Y-m-d'); ?>"><?php echo get_the_date('Y/m/d'); ?></time>
	       	<?php if(get_the_modified_date('Ymd') > get_the_date('Ymd')): ?>
	       		<time class="updated entry-time" datetime="<?php echo get_the_modified_date('Y-m-d'); ?>"><?php echo get_the_modified_date('Y/m/d'); ?></time>
       	<?php endif; endif; ?>
        <i class="fa fa-hourglass-half" aria-hidden="true"></i>
    </p></div>
    <?php if (has_post_thumbnail() && !get_option('no_eyecatch')) : //アイキャッチ画像 ?>
        <?php the_post_thumbnail('large', array('class' => 'masaimg') );?>
    </div>
	<?php endif; ?>
	<?php //FABボタン
		if(!get_option('no_fab')) :  
	?>
		  <!--FABボタン-->
	  	  <input type="checkbox" id="fab">
		  <label class="fab-btn accent-bc" for="fab"><i class="fa fa-share-alt"></i></label>
		  <label class="fab__close-cover" for="fab"></label>
		  <!--FABの中身-->
		  <div id="fab__contents">
			 <div class="fab__contents-main dfont">
			    <label class="close" for="fab"><span></span></label>
			    <p class="fab__contents_title">SHARE</p>
			  	<?php if (has_post_thumbnail()) : //サムネイルあり?>
			  		<div class="fab__contents_img" style="background-image: url(<?php echo featured_image_src('thumb-520'); ?>);">
			  		</div>
			  	<?php endif; ?>
			  	<?php insert_social_buttons('fab');?>
		  	</div>
		  </div>
	<?php endif; //END FABボタン?>
	<?php if(get_option('open_fab')) insert_social_buttons('belowtitle');//通常のボタン ?>
</header>