header.php

This commit is contained in:
Dekart Deploy Bot 2026-05-14 14:26:49 +03:00
parent 9cfa17493d
commit 4fe9441ef3

View File

@ -1,202 +1,177 @@
<!doctype html> <!doctype html>
<html <?php language_attributes(); ?>> <html <?php language_attributes(); ?>>
<head> <head>
<meta charset="<?php bloginfo('charset'); ?>"> <meta charset="<?php bloginfo('charset'); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<?php <?php
?> ?>
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://cdn-ru.bitrix24.ru"> <link rel="preconnect" href="https://cdn-ru.bitrix24.ru">
<link rel="preconnect" href="https://cdn.jsdelivr.net"> <link rel="preconnect" href="https://cdn.jsdelivr.net">
<link rel="dns-prefetch" href="//api-maps.yandex.ru"> <link rel="dns-prefetch" href="//api-maps.yandex.ru">
<link rel="dns-prefetch" href="//mod.gudok.tel"> <link rel="dns-prefetch" href="//mod.gudok.tel">
<?php <?php
// ───────────────────────────────────────────────────────────────────── // ─────────────────────────────────────────────────────────────────────
// PRELOAD ЛОГОТИПА — он в первом экране, грузим как приоритет // PRELOAD
// ───────────────────────────────────────────────────────────────────── // ─────────────────────────────────────────────────────────────────────
?> ?>
<link rel="preload" as="image" <link rel="preload" as="image"
href="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/logo-svg.svg" href="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/logo-svg.svg"
type="image/svg+xml"> type="image/svg+xml">
<?php <?php
// ───────────────────────────────────────────────────────────────────── // ─────────────────────────────────────────────────────────────────────
// PRELOAD LCP-БАННЕРА — только на главной странице // PRELOAD LCP
// fetchpriority="high" — самый важный ресурс для LCP // ─────────────────────────────────────────────────────────────────────
// ───────────────────────────────────────────────────────────────────── if ( is_front_page() ) {
if ( is_front_page() ) { $post_id = get_the_ID();
$post_id = get_the_ID(); $foto_id = carbon_get_post_meta( $post_id, 'banner_img_desktop' );
$foto_id = carbon_get_post_meta( $post_id, 'banner_img_desktop' ); $foto_mob_id = carbon_get_post_meta( $post_id, 'banner_img_mobile' );
$foto_mob_id = carbon_get_post_meta( $post_id, 'banner_img_mobile' ); if ( ! $foto_mob_id ) $foto_mob_id = $foto_id;
if ( ! $foto_mob_id ) $foto_mob_id = $foto_id;
$banner_desk = $foto_id ? wp_get_attachment_url( $foto_id ) : '';
$banner_desk = $foto_id ? wp_get_attachment_url( $foto_id ) : ''; $banner_mob = $foto_mob_id ? wp_get_attachment_url( $foto_mob_id ) : '';
$banner_mob = $foto_mob_id ? wp_get_attachment_url( $foto_mob_id ) : '';
if ( $banner_desk ) {
if ( $banner_desk ) { echo '<link rel="preload" as="image" href="' . esc_url( $banner_desk ) . '" media="(min-width: 860px)" fetchpriority="high">' . "\n";
echo '<link rel="preload" as="image" href="' . esc_url( $banner_desk ) . '" media="(min-width: 860px)" fetchpriority="high">' . "\n"; }
} if ( $banner_mob && $banner_mob !== $banner_desk ) {
if ( $banner_mob && $banner_mob !== $banner_desk ) { echo '<link rel="preload" as="image" href="' . esc_url( $banner_mob ) . '" media="(max-width: 859px)" fetchpriority="high">' . "\n";
echo '<link rel="preload" as="image" href="' . esc_url( $banner_mob ) . '" media="(max-width: 859px)" fetchpriority="high">' . "\n"; }
} }
} ?>
?>
<?php
<?php // ─────────────────────────────────────────────────────────────────────
// ───────────────────────────────────────────────────────────────────── // CSS
// CSS — reset и main синхронно (свой сервер, быстро, нужны сразу) // ─────────────────────────────────────────────────────────────────────
// Swiper и Google Fonts — асинхронно через preload+onload trick ?>
// Это убирает блокировку рендера для внешних стилей <link rel="stylesheet" href="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/css/reset.css" media="all">
// ───────────────────────────────────────────────────────────────────── <link rel="stylesheet" href="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/css/main.css" media="all">
?>
<link rel="stylesheet" href="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/css/reset.css" media="all"> <link rel="preload" as="style"
<link rel="stylesheet" href="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/css/main.css" media="all"> href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css"
onload="this.onload=null;this.rel='stylesheet'">
<link rel="preload" as="style" <noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css"></noscript>
href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css"
onload="this.onload=null;this.rel='stylesheet'"> <?php
<noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css"></noscript> // Google Fonts
?>
<?php <link rel="preload" as="style"
// Google Fonts — обновлённый URL с display=swap (нет FOIT/FOUT) href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Oswald:wght@300;400;700&family=Fredoka:wght@400;500;600;700&family=Manrope:wght@700;800&family=Montserrat:wght@800&family=Poppins:wght@500;600;900&display=swap"
// Убрали старый формат css?family= в пользу css2 с более широкой поддержкой onload="this.onload=null;this.rel='stylesheet'">
?> <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Oswald:wght@300;400;700&family=Fredoka:wght@400;500;600;700&family=Manrope:wght@700;800&family=Montserrat:wght@800&family=Poppins:wght@500;600;900&display=swap"></noscript>
<link rel="preload" as="style"
href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Oswald:wght@300;400;700&family=Fredoka:wght@400;500;600;700&family=Manrope:wght@700;800&family=Montserrat:wght@800&family=Poppins:wght@500;600;900&display=swap" <?php
onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Oswald:wght@300;400;700&family=Fredoka:wght@400;500;600;700&family=Manrope:wght@700;800&family=Montserrat:wght@800&family=Poppins:wght@500;600;900&display=swap"></noscript> ?>
<?php
// ───────────────────────────────────────────────────────────────────── <script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
// ГУДОК — async, оставляем как есть <script src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/js/add.js" defer></script>
// ─────────────────────────────────────────────────────────────────────
?> <?php wp_head(); ?>
<script> </head>
(function(window,document,n,project_ids){
window.GudokData=n; <body <?php body_class(); ?>>
if(typeof project_ids!=="object"){project_ids=[project_ids];} <?php if (function_exists('wp_body_open')) wp_body_open(); ?>
window[n]={};window[n]["projects"]=project_ids;
config_load(project_ids.join(',')); <header class="header">
function config_load(cId){ <nav class="header-nav" aria-label="Основная навигация">
var a=document.getElementsByTagName("script")[0], <div class="top-header-row">
s=document.createElement("script"),
i=function(){a.parentNode.insertBefore(s,a)},cMrs=''; <a class="header-logo" href="<?php echo esc_url( home_url('/') ); ?>">
s.async=true; <img width="136" height="40"
if(document.location.search&&document.location.search.indexOf('?gudok_check=')===0) src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/logo-svg.svg"
cMrs+=document.location.search.replace('?','&'); alt="<?php esc_attr_e('Декарт — частная школа в Щелково', 'dekart'); ?>"
s.src="//mod.gudok.tel/script.js?sid="+cId+cMrs; loading="eager"
if(window.opera=="[object Opera]"){ fetchpriority="high">
document.addEventListener("DOMContentLoaded",i,false); </a>
}else{i();}
} <div class="mobile icon-links">
})(window,document,"gd","5vyjvnx2nx"); <a href="<?php echo esc_url( carbon_get_theme_option('social_header_wt') ); ?>"
</script> target="_blank" rel="noopener noreferrer"
aria-label="Написать в WhatsApp">
<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script> <img width="18" height="18"
<script src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/js/add.js" defer></script> src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icon-whatsapp-w.svg"
alt="WhatsApp" loading="lazy">
<?php wp_head(); ?> </a>
</head> <a href="tel:<?php echo preg_replace('/[^0-9+]/', '', carbon_get_theme_option('site_phone')); ?>"
aria-label="Позвонить нам">
<body <?php body_class(); ?>> <img width="18" height="18"
<?php if (function_exists('wp_body_open')) wp_body_open(); ?> src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/phone-volume.svg"
alt="Телефон" loading="lazy">
<header class="header"> </a>
<nav class="header-nav" aria-label="Основная навигация"> <a href="https://lk.dekart-school.ru/" target="_blank" rel="noopener noreferrer"
<div class="top-header-row"> aria-label="Личный кабинет">
<img width="18" height="18"
<a class="header-logo" href="<?php echo esc_url( home_url('/') ); ?>"> src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icon-user-w.svg"
<img width="136" height="40" alt="Личный кабинет" loading="lazy">
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/logo-svg.svg" </a>
alt="<?php esc_attr_e('Декарт — частная школа в Щелково', 'dekart'); ?>" <button class="burger-btn"
loading="eager" aria-label="<?php esc_attr_e('Открыть меню', 'dekart'); ?>"
fetchpriority="high"> aria-expanded="false"
</a> aria-controls="main-menu">
<span></span><span></span><span></span>
<div class="mobile icon-links"> </button>
<a href="<?php echo esc_url( carbon_get_theme_option('social_header_wt') ); ?>" </div>
target="_blank" rel="noopener noreferrer"
aria-label="Написать в WhatsApp"> <div class="add-menu desktop">
<img width="18" height="18" <div class="add-menu_item">
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icon-whatsapp-w.svg" <img width="15" height="25"
alt="WhatsApp" loading="lazy"> src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icon-location.svg"
</a> alt="Адрес" loading="lazy">
<a href="tel:<?php echo preg_replace('/[^0-9+]/', '', carbon_get_theme_option('site_phone')); ?>" <span><?php echo esc_html( carbon_get_theme_option('site_address') ); ?></span>
aria-label="Позвонить нам"> </div>
<img width="18" height="18" <a target="_blank" rel="noopener noreferrer"
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/phone-volume.svg" href="<?php echo esc_url( carbon_get_theme_option('social_header_wt') ); ?>"
alt="Телефон" loading="lazy"> style="margin-right:-15px"
</a> aria-label="Написать в WhatsApp">
<a href="https://lk.dekart-school.ru/" target="_blank" rel="noopener noreferrer" <img width="19" height="21"
aria-label="Личный кабинет"> src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icon-whatsap.svg"
<img width="18" height="18" alt="WhatsApp" loading="lazy">
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icon-user-w.svg" </a>
alt="Личный кабинет" loading="lazy"> <a class="add-menu_item header-tel"
</a> href="tel:<?php echo preg_replace('/[^0-9+]/', '', carbon_get_theme_option('site_phone')); ?>">
<button class="burger-btn" <span><?php echo esc_html( carbon_get_theme_option('site_phone') ); ?></span>
aria-label="<?php esc_attr_e('Открыть меню', 'dekart'); ?>" </a>
aria-expanded="false" <button class="btn-free-lesson-header btn-lilac desktop btn-write">
aria-controls="main-menu"> <?php esc_html_e('Оставить заявку', 'dekart'); ?>
<span></span><span></span><span></span> </button>
</button> </div>
</div>
</div>
<div class="add-menu desktop">
<div class="add-menu_item"> <div class="bottom-header-row">
<img width="15" height="25" <div class="menu-wrapper" id="main-menu" role="navigation">
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icon-location.svg" <img width="42" height="42"
alt="Адрес" loading="lazy"> class="icon-close-menu btn-close-header-menu mobile"
<span><?php echo esc_html( carbon_get_theme_option('site_address') ); ?></span> src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/btn-close-modal_.svg"
</div> alt="<?php esc_attr_e('Закрыть меню', 'dekart'); ?>"
<a target="_blank" rel="noopener noreferrer" loading="lazy">
href="<?php echo esc_url( carbon_get_theme_option('social_header_wt') ); ?>" <?php
style="margin-right:-15px" wp_nav_menu( array(
aria-label="Написать в WhatsApp"> 'menu' => 'Основное меню',
<img width="19" height="21" 'menu_class' => 'header-menu',
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icon-whatsap.svg" 'theme_location' => 'top',
alt="WhatsApp" loading="lazy"> ) );
</a> ?>
<a class="add-menu_item header-tel" <button class="btn-free-lesson-header btn-lilac mobile btn-write">
href="tel:<?php echo preg_replace('/[^0-9+]/', '', carbon_get_theme_option('site_phone')); ?>"> <?php esc_html_e('Записаться на визит', 'dekart'); ?>
<span><?php echo esc_html( carbon_get_theme_option('site_phone') ); ?></span> </button>
</a> <button class="btn-close-menu btn-close-header-menu mobile">
<button class="btn-free-lesson-header btn-lilac desktop btn-write"> <?php esc_html_e('ЗАКРЫТЬ МЕНЮ', 'dekart'); ?>
<?php esc_html_e('Оставить заявку', 'dekart'); ?> </button>
</button> </div>
</div> <a class="inter-lk desktop" href="https://lk.dekart-school.ru/" target="_blank" rel="noopener noreferrer">
<img width="18" height="23"
</div> src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icon-user.svg"
alt="Личный кабинет" loading="lazy">
<div class="bottom-header-row"> <span><?php esc_html_e('Личный кабинет', 'dekart'); ?></span>
<div class="menu-wrapper" id="main-menu" role="navigation"> </a>
<img width="42" height="42" </div>
class="icon-close-menu btn-close-header-menu mobile"
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/btn-close-modal_.svg" </nav>
alt="<?php esc_attr_e('Закрыть меню', 'dekart'); ?>"
loading="lazy">
<?php
wp_nav_menu( array(
'menu' => 'Основное меню',
'menu_class' => 'header-menu',
'theme_location' => 'top',
) );
?>
<button class="btn-free-lesson-header btn-lilac mobile btn-write">
<?php esc_html_e('Записаться на визит', 'dekart'); ?>
</button>
<button class="btn-close-menu btn-close-header-menu mobile">
<?php esc_html_e('ЗАКРЫТЬ МЕНЮ', 'dekart'); ?>
</button>
</div>
<a class="inter-lk desktop" href="https://lk.dekart-school.ru/" target="_blank" rel="noopener noreferrer">
<img width="18" height="23"
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icon-user.svg"
alt="Личный кабинет" loading="lazy">
<span><?php esc_html_e('Личный кабинет', 'dekart'); ?></span>
</a>
</div>
</nav>
</header> </header>