• Как вывести на single.php случайные посты из всех категорий, кроме текущей?

    karelina-nat
    @karelina-nat Автор вопроса
    Решила через термы

    <!-- Вывод случайных блюд из админки -->
     <?php
    
    
    
    $term_item = get_the_terms( get_the_ID(), 'food_categories' )[0]->slug; //Определяем текущую категорию
    
    $args = array(
    	'post_type' => 'blyuda',
        'posts_per_page' => 4,
        'orderby' => 'rand',
        // 'order'   => 'ASC',
         'tax_query' => array(
    		array(
    			'taxonomy' => 'food_categories',
                'field'    => 'slug',
                'terms' => array( $term_item), // Объявляем посты из текущей категории
                'operator' => 'NOT IN', // Исключаем посты из текущей категории
    		)
    	)
    );
    
    $item_query = new WP_Query($args); 
    
    
    if($item_query->have_posts()): 
    	while($item_query->have_posts()):
            $item_query->the_post();
            get_template_part( 'template-parts/menu-posts', get_post_format() ); ?>
          
    <?php	endwhile;
    endif;
    wp_reset_postdata();
    ?>
    Ответ написан
  • Как вывести координаты Яндекс.карты в админке Wordpress?

    karelina-nat
    @karelina-nat Автор вопроса
    Нашла решение, благодаря ответу на вопрос здесь: Вопрос
    Только я немного под себя переделала код. Может кому пригодиться.

    Первым делом подключим скрипты яндекс.карт. Обратите внимание, что все скрипты я подключаю на хуке wp_footer, поэтому подключение API яндекс.карт должно быть производиться раньше, чем скрипт js.

    В файле functions php нужно сделать следующее:
    add_action('wp_footer', 'ya_map_scripts'); // Подключаем скрипт с API карт
    add_action('wp_footer', 'js_scripts'); // Подключаем скрипт js
    
    function ya_map_scripts() {
           wp_enqueue_script('ymaps', 'https://api-maps.yandex.ru/2.1/?lang=ru_RU&amp;apikey=ВашКлючAPI"', [], null, true);
    } // Скрипт яндекс.карт
    
    function js_scripts()
    {
        wp_enqueue_script('main', get_template_directory_uri() . '/assets/js/main.min.js');
    }  // Скрипт js, адрес, естественно, указываете свой


    Теперь, что нужно прописать на странице, где у нас будет подключена карта:

    <script>
    //Определяется переменная, которая содержит адрес вашего объекта
          var js_ad = '<?php echo the_field('adres_na_ostalnyh_straniczah', 'option'); ?>';
    //В моем случая я подключила поле из страницы опций.
    // Можно подключить, например, кастомное поле через плагин ACF
    //Тогда это будет выглядеть как var js_ad = '<?php echo the_field('название_поля'); ?>';
     </script>
    
    <div id="map" class="map-yandex">  
    // это контейнер, в котором будет отображена карта


    На класс map-yandex у меня повешены стили карты, например, такие:
    .map-yandex {
        overflow: hidden;
        width: 100%;
        height: 502px;
        position: relative;
    
        @media (max-width: map-get($tablet, lg)) {
            pointer-events: none;
        }
    }


    И наконец вставляем скрипт из геокодера яндекс.карт:
    Геокодер
    и вставляем туда нашу переменную js_ad
    ymaps.ready(init);
    
     function init() {
         var myMap = new ymaps.Map('map', {
             center: [55.753994, 37.622093], // поменяйте местоположение центрирования карты, можно воспользоваться сервисом https://constructor.maps.yandex.ru/location-tool/
             zoom: 9
         });
    
         // Поиск координат центра значения нашей переменной js_ad.
        // Строку Россия я сделала на всякий случай, если карты вдруг захотят убежать в другую страну
         ymaps.geocode('Россия,' + js_ad, {
             /**
              * Опции запроса
              * @see https://api.yandex.ru/maps/doc/jsapi/2.1/ref/reference/geocode.xml
              */
             // Сортировка результатов от центра окна карты.
             // boundedBy: myMap.getBounds(),
             // strictBounds: true,
             // Вместе с опцией boundedBy будет искать строго внутри области, указанной в boundedBy.
             // Если нужен только один результат, экономим трафик пользователей.
             results: 1
         }).then(function (res) {
             // Выбираем первый результат геокодирования.
             var firstGeoObject = res.geoObjects.get(0),
                 // Координаты геообъекта.
                 coords = firstGeoObject.geometry.getCoordinates(),
                 // Область видимости геообъекта.
                 bounds = firstGeoObject.properties.get('boundedBy');
    
             // Добавляем первый найденный геообъект на карту.
             myMap.geoObjects.add(firstGeoObject);
             // Масштабируем карту на область видимости геообъекта.
             myMap.setBounds(bounds, {
                 // Проверяем наличие тайлов на данном масштабе.
                 checkZoomRange: true
             });
    
             /**
              * Все данные в виде javascript-объекта.
              */
             console.log('Все данные геообъекта: ', firstGeoObject.properties.getAll());
             /**
              * Метаданные запроса и ответа геокодера.
              * @see https://api.yandex.ru/maps/doc/geocoder/desc/reference/GeocoderResponseMetaData.xml
              */
             console.log('Метаданные ответа геокодера: ', res.metaData);
             /**
              * Метаданные геокодера, возвращаемые для найденного объекта.
              * @see https://api.yandex.ru/maps/doc/geocoder/desc/reference/GeocoderMetaData.xml
              */
             console.log('Метаданные геокодера: ', firstGeoObject.properties.get('metaDataProperty.GeocoderMetaData'));
             /**
              * Точность ответа (precision) возвращается только для домов.
              * @see https://api.yandex.ru/maps/doc/geocoder/desc/reference/precision.xml
              */
             console.log('precision', firstGeoObject.properties.get('metaDataProperty.GeocoderMetaData.precision'));
             /**
              * Тип найденного объекта (kind).
              * @see https://api.yandex.ru/maps/doc/geocoder/desc/reference/kind.xml
              */
             console.log('Тип геообъекта: %s', firstGeoObject.properties.get('metaDataProperty.GeocoderMetaData.kind'));
             console.log('Название объекта: %s', firstGeoObject.properties.get('name'));
             console.log('Описание объекта: %s', firstGeoObject.properties.get('description'));
             console.log('Полное описание объекта: %s', firstGeoObject.properties.get('text'));
    
             /**
              * Если нужно добавить по найденным геокодером координатам метку со своими стилями и контентом балуна, создаем новую метку по координатам найденной и добавляем ее на карту вместо найденной.
              */
             /**
              var myPlacemark = new ymaps.Placemark(coords, {
              iconContent: 'моя метка',
              balloonContent: 'Содержимое балуна <strong>моей метки</strong>'
              }, {
              preset: 'islands#violetStretchyIcon'
              });
    
              myMap.geoObjects.add(myPlacemark);
              */
         });
     }
    Ответ написан
  • Почему отладчик выдает var is not defined?

    karelina-nat
    @karelina-nat Автор вопроса
    Всё очень просто оказалось .
    Заключаем скрипт в JS в проверку условия на существование переменной
    if (typeof true_posts !== 'undefined') {
         $(window).scroll(function () {
             var bottomOffset = 1000; // отступ от нижней границы сайта, до которого должен доскроллить пользователь, чтобы подгрузились новые посты
             var data = {
                 'action': 'loadmore',
                 'query': true_posts,
                 'page': current_page
             };
             if ($(document).scrollTop() > ($(document).height() - bottomOffset) && !$('body').hasClass('loading')) {
                 $.ajax({
                     url: ajaxurl,
                     data: data,
                     type: 'POST',
                     beforeSend: function (xhr) {
                         $('body').addClass('loading');
                     },
                     success: function (data) {
                         if (data) {
                             $('#true_loadmore').before(data);
                             $('body').removeClass('loading');
                             current_page++;
    
                             openModal(); // вызов функции открытия модального окна
    
                             if (current_page == max_pages) $('.menu-content__preloader').remove(); // если последняя страница, удаляем кнопку
                         } else {
                             $('.menu-content__preloader').remove(); // если мы дошли до последней страницы постов, скроем кнопку
                         }
                     }
                 });
             }
         });
     }
    Ответ написан
  • Как остановить анимацию картинки в зависимости от размера вьюпорта?

    karelina-nat
    @karelina-nat Автор вопроса
    Я смогла решить этот вопрос через window.resize, window.width и .stop

    setInterval(animationCenter, 4000);
    $(window).on('resize', function () {
        if ($(window).width() <= 1049) {
            $('.bounce-animation--center').stop(true, true);
            $('.bounce-animation--center').css({
                bottom: 0
            });
            return;
        }
        animationCenter();
    })
    
    function animationCenter() {
        if ($(window).width() > 1049) {
    
            $('.bounce-animation--center').animate({
                bottom: '50px'
            }, 2000, function () {
                $(this).animate({
                    bottom: '0px'
                }, 2000);
            });
        }
    }
    Ответ написан