Меняем стандартный шаблон для записей WordPress

За отображение записей в WordPress отвечает файл "single.php" расположенный в корне вашей темы.

single.php

<?php
/**
 * The template for displaying all single posts
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/#single-post
 *
 * @package DostavkaElki
 */

get_header();
?>

	<main id="primary" class="site-main">

		<?php
		while ( have_posts() ) :
			the_post();

			get_template_part( 'template-parts/content', get_post_type() );

			the_post_navigation(
				array(
					'prev_text' => '<span class="nav-subtitle">' . esc_html__( 'Previous:', 'dostavkaelki' ) . '</span> <span class="nav-title">%title</span>',
					'next_text' => '<span class="nav-subtitle">' . esc_html__( 'Next:', 'dostavkaelki' ) . '</span> <span class="nav-title">%title</span>',
				)
			);

			// If comments are open or we have at least one comment, load up the comment template.
			if ( comments_open() || get_comments_number() ) :
				comments_template();
			endif;

		endwhile; // End of the loop.
		?>

	</main><!-- #main -->

<?php
get_sidebar();
get_footer();

Меняя в нем код мы можем изменить вид записей на сайте.

Переделанный single.php

<?php
/**
 * The template for displaying all single posts
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/#single-post
 *
 * @package DostavkaElki
 */

get_header();
?>





	<div class="uk-page-001">
		<div class="uk-page-001-content uk-margin-auto">
			<div class="uk-page-001-bannerblock uk-page-001-katalog-bannerblock uk-flex uk-flex-column uk-flex-between" style="background-image: url(/wp-content/themes/dostavkaelki/assets/images/mainfon_page.jpg);">
			<div class="uk-page-001-title">
			<h1 class="uk-page-001-title-maintext"><?php single_post_title(); ?></h1>
			</div>
			</div>
		</div>
	</div>





    <div class="uk-page-002">
		<div class="uk-page-002-content uk-margin-auto" style="text-align: justify;">
            <?php the_content(); ?>
        </div>
    </div>





    <div class="uk-002">
		<div class="uk-002-content uk-margin-auto">
            <p class="uk-002-maintext">ВАМ МОГУТ ПОНРАВИТСЯ</p>
			<div class="uk-002-items uk-grid-medium uk-flex-center" uk-grid>

			    <div class="uk-002-items-itm uk-width-1-2@s uk-width-1-1">
			    	<a class="uk-002-items-itm-link" href="">
			    	<img class="uk-002-items-itm-link-img" src="/wp-content/themes/dostavkaelki/assets/images/product003.jpg" alt="" uk-img>
			    	</a>
			    </div>

			    <div class="uk-002-items-itm uk-width-1-2@s uk-width-1-1">
			    	<a class="uk-002-items-itm-link" href="">
			    	<img class="uk-002-items-itm-link-img" src="/wp-content/themes/dostavkaelki/assets/images/product004.jpg" alt="" uk-img>
			    	</a>
			    </div>

			</div>
		</div>
	</div>





    <div class="uk-separator"></div>





<?php
get_footer();