Тема магазина по макету Figma

Каталог, карточка товара, корзина, оформление заказа и блог на WooCommerce.

Стили разложены по слоям: токены из Figma, база, компоненты, страницы,
брейкпоинты. Цвета, типографика, радиусы и отступы взяты из Variables и
текстовых стилей макета, ниже по слоям хардкода нет.

Иконки — Phosphor, вставляются инлайном как SVG, символами ничего не рисуется.
Стили WooCommerce отключены, вёрстка своя, !important не используется.

single.php

@@ -0,0 +1,28 @@
+<?php
+/**
+ * Single blog article.
+ *
+ * @package VyatkaShop
+ */
+
+get_header();
+
+while ( have_posts() ) :
+	the_post();
+	?>
+	<article class="container article-layout">
+		<?php vyatka_shop_breadcrumbs( __( 'Заголовок страницы', 'vyatka-shop' ) ); ?>
+		<h1 class="page-heading"><?php esc_html_e( 'Заголовок страницы', 'vyatka-shop' ); ?></h1>
+		<p class="article-lead article-prose"><?php esc_html_e( 'В целом, конечно, понимание сути ресурсосберегающих технологий прекрасно подходит для реализации системы обучения кадров, соответствующей насущным потребностям. Внезапно, независимые государства формируют глобальную экономическую сеть и при этом — смешаны с не уникальными данными до степени совершенной неузнаваемости, из-за чего возрастает их статус бесполезности.', 'vyatka-shop' ); ?></p>
+		<?php if ( has_post_thumbnail() ) : ?>
+			<?php the_post_thumbnail( 'full', array( 'class' => 'article-media article-media-wide' ) ); ?>
+		<?php else : ?>
+			<div class="article-media article-media-wide" aria-hidden="true"></div>
+		<?php endif; ?>
+		<p class="article-caption"><?php esc_html_e( 'Подпись к фотографии', 'vyatka-shop' ); ?></p>
+		<div class="prose article-prose"><?php the_content(); ?></div>
+	</article>
+	<?php
+endwhile;
+
+get_footer();