const ul = document.querySelector('ul');
const parent = ul.parentElement;
let e = null;
[...ul.children].forEach((li, i, arr) => {
if (li.classList.contains('main')) {
e && parent.appendChild(e);
e = document.createElement('ul');
} else if (i === arr.length - 1) {
parent.appendChild(e);
}
e.appendChild(li);
});
ul.remove();
add_filter( 'upload_mimes', 'upload_allow_types' );
function upload_allow_types( $mimes ) {
$mimes['ico'] = 'image/vnd.microsoft.icon';
return $mimes;
}
new URL('https://www.rohrreinigung-schneemann.de/berlin').hostname.replace(/^www\./, '');
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="{IMAGE URL}" />
document.querySelectorAll('.container').forEach(n => {
const slider = new Swiper(n.querySelector('.product-slider'), {
navigation: {
nextEl: n.querySelector('.swiper-button-next'),
prevEl: n.querySelector('.swiper-button-prev'),
},
spaceBetween: 10,
});
const thumbs = new Swiper(n.querySelector('.product-thumbs'), {
spaceBetween: 5,
centeredSlides: true,
slidesPerView: 4,
touchRatio: 0.2,
slideToClickedSlide: true,
direction: 'vertical',
});
slider.controller.control = thumbs;
thumbs.controller.control = slider;
});
on: {
touchEnd: function(s,e) {
let range = 5;
let diff = s.touches.diff = s.isHorizontal() ? s.touches.currentX - s.touches.startX : s.touches.currentY
- s.touches.startY
if (diff < range || diff > -range) s.allowClick = true;
}
},
slidesPerView: 3.5 // Показать три с половиной слайда, как на примере 1
slidesPerView:1.5,
centeredSlides: true, //в связке с slidesPerView: 1.5 встанет как на примере 2
Разбивает массив на несколько массивов размером в size элементов. Последний массив из полученных может содержать меньшее количество значений, чем указано в size.
$args = array(
'posts_per_page' => 5,
'orderby' => 'date',
'category_name' => 'team',
);
$postsArr = get_posts( $args );
$chunkPosts = array_chunk($postsArr ,4);
foreach($chunkPosts as $posts){
echo '<div class="див блока">';
foreach($posts as $post){
// Выводим посты в блоке.
}
echo '</div>';
}