document.fonts.load("bold 16px Lato", "b").then(function() {
//
});
<?php global $wp_query;
$wp_query = new WP_Query(array(
'posts_per_page' => '12', // кол-во записей на страницу
'post_type' => 'post', // тип записи.
'paged' => get_query_var('paged') ?: 1 // страница пагинации
));
while( have_posts() ) { the_post();
// Здесь ваш код и кастомные поля
// Например,
?>
<h2><?php the_title (); ?></h2>
<?php the_field('custom_field'); ?>
<?php }
// пагинация
if (function_exists('wp_corenavi')) wp_corenavi(); // кастомная пагинация, которую я использую
wp_reset_query(); ?>
.arrow{
border-right: 1px solid;
border-bottom: 1px solid;
height: 11px;
width: 11px;
transform: rotate(225deg);
margin-left: 2px;
}
.arrow-con{
width:1px;
height: 10px;
background-color: #292b2c;
padding: 0;
margin-left: 7px;
margin-top: -12px;
cursor:pointer;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.one {
display: inline-block;
}
.one:hover .arrow {
border-right: 1px solid #f1cb30;
border-bottom: 1px solid #f1cb30;
height: 11px;
width: 11px;
transform: rotate(225deg);
margin-left: 2px;
}
.one:hover .arrow-con{
width:1px;
height: 68px;
background-color: #f1cb30;
padding: 0;
margin-left: 7px;
margin-top: -12px;
}
<div class="one">
<div class="arrow"></div>
<div class="arrow-con"></div>
</div>
function checkTime() {
const now = Date.now()
const time = localStorage.getItem('timestamp') || null
if (time) {
if (Number(now) - Number(time) >= 1000 * 60 * 60 * 24) {
console.log('Function called')
localStorage.setItem('timestamp', now)
}
} else {
localStorage.setItem('timestamp', now)
}
}
setInterval(checkTime, 1000 * 60)
<header class="header">
<div class="header_wrapper">
<nav class="nav nav-header">
<li class="nav__item">Первая</li>
<li class="nav__item">Вторя</li>
<li class="nav__item">Третья</li>
<li class="nav__item">Четвертая</li>
<li class="nav__item">Пятая</li>
<li class="nav__item">Шестая</li>
</nav>
</div>
</header>
nav
можно переиспользовать (в чем и есть суть БЭМ)class="nav__item nav__item-header"