Даниил Конев

Экспортируй элементы в SVG, каждую область отдельно, судя по скрину, это позволяет тебе сделать. Вывести все области поочередно в контейнере и позиционировать так, что бы получилась карта:

<div class="map-conteiner">
  <div class="map-item">
  <div class="map-item">
  <div class="map-item">
  <div class="map-item">
  <div class="map-item">
  <div class="map-item">
</div>

Выведи элементы через псевдоклассы ::before или ::аfter с помощью mask-image при таком выводе svg цвет меняется за счет background-color. Потом через hover меняй цвет за счет background-color, плавности даст transition + Для карты еще можно добавить небольшое увеличение этой области с transform scale. Будет плавно меняться цвет и увеличение небольшое при hover.

Пример мой записи для псевдокласса:

.you-class::before {
content: '';
display: block;
position: absolute;
width: 15px;
height: 15px;
top: 0px;
left: 0px;
background-color: blue;
-webkit-mask-image: url('/image/map-item.svg');
mask-image: url('/image/map-item.svg');
transition: 0.3s;
}
.you-class:hover::before {
    background-color: #E6372A;
    transform: scale(1.1)
}

Далее, вывод информации внизу, тут используй JS, самое просто найти условие Jquery показать/скрыть контент при наведении курсора, таких пример масса, к примеру:

$(document).ready(function(){
$('#block_1').mouseover(function(e){
$('#block_2').show();
});
$('#block_1').mouseout(function(e){
$('#block_2').hide();
});
});

Решение оказалось совсем другим

в function.php добавил

$images = array();
foreach ( get_field('gallery_game_img') as $image) {
$images[] = $image['url'];
        }

Вывел в массиве стандартным образом:
'game_img_main' => get_field('game_img_main')

в JS:

html = '';
				for (i = 0; i < data['results'].length; i++) {
					html_img = '';
						if(data['results'][i]['gallery_game_img']) {


					//html_img = JSON.parse(data['results'][i]['gallery_game_img']);

							html_img = '[&quot;'+data['results'][i]['gallery_game_img'].join('&quot;,&quot;')+'&quot;]';
							console.log(html_img)
						}

Вывод:
data-slides="'+html_img+'"

Получилось. Взял пример на WP -Kama с книгами:

add_action('init', 'my_custom_init');
function my_custom_init(){
	register_post_type('book', array(
		'labels'             => array(
			'name'               => 'Книги', // Основное название типа записи
			'singular_name'      => 'Книга', // отдельное название записи типа Book
			'add_new'            => 'Добавить новую',
			'add_new_item'       => 'Добавить новую книгу',
			'edit_item'          => 'Редактировать книгу',
			'new_item'           => 'Новая книга',
			'view_item'          => 'Посмотреть книгу',
			'search_items'       => 'Найти книгу',
			'not_found'          => 'Книг не найдено',
			'not_found_in_trash' => 'В корзине книг не найдено',
			'parent_item_colon'  => '',
			'menu_name'          => 'Книги'

		  ),
		'public'             => true,
		'publicly_queryable' => true,
		'show_ui'            => true,
		'show_in_menu'       => true,
		'query_var'          => true,
		'rewrite'            => true,
		'capability_type'    => 'post',
		'has_archive'        => true,
		'hierarchical'       => false,
		'menu_position'      => null,
		'supports'           => array('title','editor','author','thumbnail','excerpt','comments')
	) );
}

Разобрался. Сортировку можно выставить в конце экшена)

add_action( 'wp_head', 'head_seo_meta_desc', 1 );

Выводится почти под title

Никто так и не ответил:) Все оказалось просто, нужен модуль SeoPro, да не простой, а что бы не резал все ссылки после знака "?" (если планируется реклама в Я.Директ или еще где-то). В моей версии не было встроенного СЕО про. Решил проблему модулем Slasoft Seo Pro, но он не идеальный, с косяками.

Собственно решение сам себе придумал:) Переверстать блок:

<a href="" class="catalog-nav-box"> 
<span>Детские кресла<span>
</a>

Кстати кто тоже будет этим заниматься и придет сюда из поиска, по сути iconImageOffset это top и left.

В инструменте разработчика нужно найти блок ymaps-2-1-79-image, и прямо в браузере выставить маркер, как нужно, после выравнивания, маркер никуда не съезжает кстати. Успехов.

Зашел из поиска и не смог пройти мимо. Никогда не регистрируйтесь на nic.ru, а уж темболее не покупайте там хостинг. Убогие панели, то что везде бесплатно у них платно. Я даже очень сильно удивился, когда мне сказали что надо платить за добавления A и TXT записей для домена. У них там надо Оптимальны тариф покупать. Жесть. Никогда даже не думайте там брать ничего и клиентов всех лучше на REG.RU ставить, на партнерке еще можно заработать копейку.

Разобрался. Не знаю почему работало на основном домене и 2-х других поддоменах. Но в фанкш пхп добавил:

add_theme_support( 'woocommerce' );

Заработало. Даже хлебные крошки появились:))

Так я и не нашел ответ на свой вопрос...

Разобрался, нужно добавить номер основной страницы, в моем случае 2

<?php the_field('header_phone_text', 2); ?>

Разобрался. Хотя до функции тоже была ошибка, сделал подключение, как из дефолтной темы, через экшн after_setup_theme. Теперь все работает. Меню выводится:)

Проблема была в хуке, видимо я его неправильно написал..

// Мой первый фильтр

add_filter ('nav_menu_link_attributes', 'filter_nav_menu_link_attributes', 10,3);

function filter_nav_menu_link_attributes ( $atts, $item, $args) {

	if ($args->menu === 'Main') {
		$atts['class'] = 'header__nav-item';

		if ( $item->current) {
			$atts['class'] .= 'header__nav-item-active';
		}
	}
}