Каталог, карточка товара, корзина, оформление заказа и блог на WooCommerce. Стили разложены по слоям: токены из Figma, база, компоненты, страницы, брейкпоинты. Цвета, типографика, радиусы и отступы взяты из Variables и текстовых стилей макета, ниже по слоям хардкода нет. Иконки — Phosphor, вставляются инлайном как SVG, символами ничего не рисуется. Стили WooCommerce отключены, вёрстка своя, !important не используется.
29 lines
1.6 KiB
PHP
29 lines
1.6 KiB
PHP
<?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();
|