
<center><h2><strong>Ubuntu</strong></h2>
­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­
<!DOCTYPE html>
<html>
<?php

$url = wp_get_attachment_url( get_post_thumbnail_id($post->ID), 'thumbnail' );

?>

<div class="blog-posts-post" style="background-image: linear-gradient(rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%), url(<?php echo $url ?>)">
 <div class="blog-posts-post-content">
   <div class="sticky-featured">
     <p>A la une <i class="fas fa-star"></i></p>
   </div>
   <div class="blog-posts-content-cat">
     <?php
       $categories = get_the_category();
       $separator = ' ';
       $output = '';
       if ( ! empty( $categories ) ) {
           foreach( $categories as $category ) {
               $output .= '<a href="' . esc_url( get_category_link( $category->term_id ) ) . '" class="article-categories" alt="' . esc_attr( sprintf( __( 'View all posts in %s', 'textdomain' ), $category->name ) ) . '">' . esc_html( $category->name ) . '</a>' . $separator;
           }
           echo trim( $output, $separator );
       }
     ?>
   </div>
   <div class="blog-posts-content-title">
     <h2><a href="<?php the_permalink(); ?>">
       <?php
         $title = get_the_title();
         $short_title = wp_trim_words( $title, 5, '...' );
         echo $short_title;
      ?>
     </a></h2>
     <span class="blog-author">Par <strong><?php the_author_posts_link(); ?></strong>, le <?php echo get_the_date(); ?>
     </span>
   </div>
 </div>
</div>
