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>';
}
С помощью add_theme_support( 'custom-logo' ) можно добавлять 2 лого?
function my_customize_register( $wp_customize ) {
$wp_customize->add_setting('header_logo', array(
'default' => '',
'sanitize_callback' => 'absint',
));
$wp_customize->add_control(new WP_Customize_Media_Control($wp_customize, 'header_logo', array(
'section' => 'title_tagline',
'label' => 'Логотип'
)));
$wp_customize->selective_refresh->add_partial('header_logo', array(
'selector' => '.header-logo',
'render_callback' => function() {
$logo = get_theme_mod('header_logo');
$img = wp_get_attachment_image_src($logo, 'full');
if ($img) {
return '<img src="' . $img[0] . '" alt="">';
} else {
return '';
}
}
));
}
add_action( 'customize_register', 'my_customize_register' );
<a href="/" class="header-logo">
<?php
$header_logo = get_theme_mod('header_logo');
$img = wp_get_attachment_image_src($header_logo, 'full');
if ($img) :
?>
<img src="<?php echo $img[0]; ?>" alt="">
<?php endif; ?>
</a>