Plus UI v2.6.3 Now in WordPress Theme

<div class='section' id='main-widget'>
<div class='widget Blog' data-version='2' id='Blog1'>

<div class='blogTtl hm'>
<h2 class='title dt'>Latest posts</h2>
</div>

<div class='blogPts'>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

<article class='ntry'>
<div class='pThmb'>
<a class='thmb' href='<?php the_permalink(); ?>'>
<img alt='<?php the_title(); ?>' class='imgThm lazy' data-src='<?php if (has_post_thumbnail()) {
$thumbnail_id = get_post_thumbnail_id();
$thumbnail_url = wp_get_attachment_image_src($thumbnail_id, 'thumbnail');
echo $thumbnail_url[0];
}?>' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
<noscript><img alt='<?php the_title(); ?>' class='imgThm' src='<?php if (has_post_thumbnail()) {
$thumbnail_id = get_post_thumbnail_id();
$thumbnail_url = wp_get_attachment_image_src($thumbnail_id, 'thumbnail');
echo $thumbnail_url[0];
}?>'/></noscript>
</a>

 

<div class='iFxd'>
<a aria-label='Comments' class='cmnt' href='<?php the_permalink(); ?>#comment' role='button'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(2.000000, 2.000000)'><path d='M17.0710351,17.0698449 C14.0159481,20.1263505 9.48959549,20.7867004 5.78630747,19.074012 C5.23960769,18.8538953 1.70113357,19.8338667 0.933341969,19.0669763 C0.165550368,18.2990808 1.14639409,14.7601278 0.926307229,14.213354 C-0.787154393,10.5105699 -0.125888852,5.98259958 2.93020311,2.9270991 C6.83146881,-0.9756997 13.1697694,-0.9756997 17.0710351,2.9270991 C20.9803405,6.8359285 20.9723008,13.1680512 17.0710351,17.0698449 Z'></path></g></svg> <?php
$comment_count = get_comments_number();
echo $comment_count;
?>
</a>
<span class='pV pu-views' >
<svg class='line' viewBox='0 0 24 24'><g transform='translate(2.000000, 4.000000)'><path class='svgC' d='M13.1643,8.0521 C13.1643,9.7981 11.7483,11.2141 10.0023,11.2141 C8.2563,11.2141 6.8403,9.7981 6.8403,8.0521 C6.8403,6.3051 8.2563,4.8901 10.0023,4.8901 C11.7483,4.8901 13.1643,6.3051 13.1643,8.0521 Z'></path><path d='M0.7503,8.0521 C0.7503,11.3321 4.8923,15.3541 10.0023,15.3541 C15.1113,15.3541 19.2543,11.3351 19.2543,8.0521 C19.2543,4.7691 15.1113,0.7501 10.0023,0.7501 C4.8923,0.7501 0.7503,4.7721 0.7503,8.0521 Z'></path></g></svg> <?php
$post_id = get_the_ID();
$views = get_post_meta($post_id, 'post_views', true);
echo '' . $views;
?>
</span>
</div>
<div class='iFxd bl'>
<div class='aNm t'>
<div class='im lazy' data-style='background-image: url(<?php $author_id = get_the_author_meta('ID');
$avatar_url = get_avatar_url($author_id, ['size' => 32]);
echo $avatar_url; ?>)'>
</div>
<bdi class='nm' data-text='<?php the_author(); ?>'></bdi>
<svg viewBox='0 0 24 24'><path d='M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9L10,17Z'></path></svg>
</div>
</div>

<?php
// Get the current post ID
$post_id = get_the_ID();

// Get the edit post URL
$edit_post_url = get_edit_post_link($post_id);
?>
<?php if ($edit_post_url) : ?>

<div class='blog-adminx'>
<div class='iFxd l'>
<a aria-label='Edit this post' class='edit' data-text='Edit' href='<?php echo esc_url($edit_post_url); ?>' role='button' target='_blankx'>
<svg class='line' viewBox='0 0 24 24'><g transform='translate(3.500000, 3.500000)'><line class='svgC' x1='9.8352' x2='16.2122' y1='16.0078' y2='16.0078'></line><path d='M12.5578,1.3589 L12.5578,1.3589 C11.2138,0.3509 9.3078,0.6229 8.2998,1.9659 C8.2998,1.9659 3.2868,8.6439 1.5478,10.9609 C-0.1912,13.2789 1.4538,16.1509 1.4538,16.1509 C1.4538,16.1509 4.6978,16.8969 6.4118,14.6119 C8.1268,12.3279 13.1638,5.6169 13.1638,5.6169 C14.1718,4.2739 13.9008,2.3669 12.5578,1.3589 Z'></path><line x1='7.0041' x2='11.8681' y1='3.7114' y2='7.3624'></line></g></svg>
</a>
</div>
</div>
<?php endif; ?>

 

</div>
<div class='pCntn'>

<div class='pHdr pSml'>
<div class='pLbls' data-text='in'>
<?php the_category(' '); ?>
</div>
</div>

<h2 class='pTtl aTtl sml'>
<a data-text='<?php the_title(); ?>' href='<?php the_permalink(); ?>' rel='bookmark'>
<?php the_title(); ?>
</a>
</h2>
<div class='pSnpt'>
<?php echo wp_trim_words( get_the_content(),20, '...'); ?>
</div>
<div class='pInf pSml'>
<time class='aTtmp pTtmp pbl' data-text='<?php $published_date = get_the_date('F j, Y');
echo '' . $published_date; ?>' data-type='Published' datetime='' title='<?php
$published_date = get_the_date('F j, Y');
echo 'Published on ' . $published_date; ?>'></time>
<a aria-label='Read more' class='pJmp' data-text='Keep reading' href='/'></a>
</div>

</div>
</article>

<?php endwhile; else: ?>
<?php endif; ?>

</div><!-- End blogPts Blog Post -->

</div>
</div>