// Add Cities Shortcode
function cities_shortcode( $atts ) {
// Список возможных параметров шорткода: родительская страница и имя поля, значение которого нужно вывести
$atts = shortcode_atts(
array(
'parent' => '',
'key' => 'town_name'
),
$atts
);
// Задаем параметры WP_Query, чтобы получить список всех нужных страниц в одном объекте
$args = array(
'post_type' => array( 'page' ),
'post_status' => array( 'publish' ),
'post_parent' => $atts[parent]
);
//Объект WP_Query
$page_query = new WP_Query( $args );
//Обертка для всех элементов, которые получатся, можно вставить свои классы
$result_start = '<ul class="cities-list">';
$result_end = '</ul>';
//Цикл, выводим все города
while ( $page_query->have_posts() ):
$page_query->the_post();
$post_id = get_the_ID(); //ID Страницы
$city_name = get_post_meta( $post_id, $atts[key], true ); //Название города
$result = $result . '<li class="cities-item"><a href="' . get_the_permalink() . '">' . $city_name . '</a></li>'; //Название города, ссылка, + обертка из <li>
endwhile;
wp_reset_postdata();
return $result_start . $result . $result_end;
}
add_shortcode( 'cities', 'cities_shortcode' );jQuery(window).on('resize', function(){
const width = jQuery(window).width();
if( width <= 640 ){
//Отключаем сцену если разрешение экрана меньше указанного
scene.enabled(false);
} else {
//Включаем опять, когда возвращаемся в нормальное состояние
scene.enabled(true);
}
});<div class="page-title" style="background-image: url(<?php $image = get_field('imageback'); echo $image[sizes][large] ?>);"><div class="page-title" style="background-image: url(<?php the_field('imageback') ?>);"><?php //Template Name: Название вашего шаблона ?>
<?php get_header(); ?>
Здесь может идти любая ваша верстка
<?php get_footer(); ?><?php
//Счетчик, чтобы пройти все 10 картинок
$counter = 1;
//Создаем цикл, чтобы обойти все десять полей
while ($counter < 11):
//Собираем название acf-поля для каждой итерации
$acf_field = 'slider-image-' . $counter;
//Проверяем, что картинка в поле загружена и только в этом случае выводим слайд
if (get_field($acf_field)):
//Здесь начинается верстка вашего слайда, у меня условный пример
echo '<div class="slider-item">';
echo '<img src="' . get_field($acf_field) . '">';
echo '</div>';
endif;
//Увеличиваем счетчик на 1
$counter++;
endwhile;
?>echo "<a class='popup-link' href=" . $field_value . "><img src=" . $field_value . "></a>";echo '<a class="popup-link" href="' . $field_value . '"><img src="' . $field_value . '"></a>';<div class="items">
<?php while (have_rows()): the_row(); ?>
<div class="item"></div>
<?php endwhile; ?>
</div><!-- items -->echo '<div class="items">';
//Зададим переменную, которая будет считать количество элементов
$counter = 1;
//Стандартный цикл Вордпресс
while (have_rows()): the_row();
//Сделаем проверку на начало группы из 6-ти элементов
if ($counter == 1):
//Выводим открывающий тег группы
echo '<div class="items-wrapper">';
endif;
//Выведем элемент в цикле
echo '<div class="item"></div>';
//Сделаем проверку на конец группы из 6-ти элементов
if ($counter == 6):
//Выводим закрывающий тег группы
echo '</div><!-- items-wrapper -->';
//Если группа закончена, приводим счетчик опять к единице
$counter = 1;
else:
// Увеличиваем счетчик на единицу после каждого элемента
$counter++;
endif;
endwhile;
//Если цикл вордпресс закончился, а группа не завершена добавляем закрывающий див
if ($counter != 1):
echo '</div><!-- items-wrapper -->';
endif;
echo '</div><!-- items -->';//get_field() — возвращает значение поля
$param = get_field('field_name',$post_id);
//the_field() — выводит значение поля в html
the_field('field_name',$post_id);while (have_posts): the_post();
//Загружаем шаблон записи
get_template_part('content', 'single');
endwhile;//Добавим переменную-счетчик, чтобы различать четные и нечетные посты
$counter = 0;
while (have_posts): the_post();
//добавим проверку на четность
if ( $counter % 2 == 0 ):
//загружаем первый шаблон для четных
get_template_part('template', 'one');
else:
//загружаем второй шаблон в другом случае
get_template_part('template', 'two');
endif;
$counter++;
endwhile;@media (min-width: 768px) and (max-width: 1200px) {
.logo {
font-size: 14px
}
.search-bar {
display: none
}
}