index.php

<?php
/**
 * The main template file
 *
 * This is the most generic template file in a WordPress theme
 * and one of the two required files for a theme (the other being style.css).
 * It is used to display a page when nothing more specific matches a query.
 * E.g., it puts together the home page when no home.php file exists.
 *
 * @link https://codex.wordpress.org/Template_Hierarchy
 *
 * @package NotePress
 */

get_header(); 
get_sidebar(); ?>

	<main id="main">
		<?php
    	$args = [
				'post_type' => 'post'
			];
    	$lists = get_posts( $args );
			foreach ($lists as $l) {
				echo '<div class="main-list">';
					echo '<h3 class="main-list-title">' . $l -> post_title . '</h3>';
					echo '<h5 class="main-list-date">' . substr($l -> post_date, 0, 10) . '</h5>';
					echo '<h4 class="main-list-content">' . wp_trim_words( $l-> post_content, 16, ' ...' ) . '</h4>';
				echo '</div>';
			}
			
		?> 
	</main>
</section>
	<aside id="one">
		<?php
			if ( have_posts() ) {
				$args = [
					'numberposts' => 1,
					'post_type' => 'post'
				];
				$recent = wp_get_recent_posts($args);
				//var_dump($recent[0]);
				$categories = wp_get_post_categories($recent[0]['ID']);
				$tags = wp_get_post_tags($recent[0]['ID']);
				echo '<h1>' . $recent[0]['post_title'] . '</h1>';

				foreach ($categories as $c) {
					$note = get_category($c);
					echo '<h5 class="one-book">' . $note -> name . '</h5>';
				}

				foreach ($tags as $t) {
					echo '<h5 class="one-tag">' . $t -> name . '</h5>';
				}

				echo '<h5 id="one-time">' . substr($recent[0][post_date], 0, 10) . '</h5>';
				echo '<a id="one-open" href="'. $recent[0][guid] .'">' . OPEN . '</a>';
				echo '<article id="one-content">' . wpautop($recent[0][post_content]) . '</article>';
			}
		
		?>
		
	</aside>

<?php
	
	get_footer();
	foreach($lists as $l) {
		$l->post_content = wpautop( $l->post_content );
	}

	echo '<script id="data-list" type="application/json">' . json_encode($lists) .'</script>';