Чтобы скрыть открытое меню на десктопе при клике вне этого меню в WordPress, вам понадобится немного кода JavaScript и JQuery.
1. Подключите библиотеку JQuery к вашему сайту WordPress. Это можно сделать, добавив следующий код в файл functions.php вашей темы:
function load_jquery() { wp_enqueue_script('jquery'); } add_action('wp_enqueue_scripts', 'load_jquery');
2. Создайте новый файл JavaScript (например, custom.js) и поместите его в папку вашей темы WordPress (обычно это папка js или js/custom).
3. В файле custom.js добавьте следующий код:
jQuery(document).ready(function($){ $(document).click(function(e){ var menu = $("#your-menu"); // замените "your-menu" на ID вашего меню if(!menu.is(e.target) && menu.has(e.target).length === 0){ menu.hide(); } }); });
4. Откройте файл шаблона (например, header.php) и добавьте следующий код перед закрывающим тегом </head>:
<script src="<?php echo get_template_directory_uri(); ?>/js/custom.js"></script>
5. Замените "your-menu" на ID вашего меню в файле JavaScript (custom.js).
Теперь, если кликнуть вне вашего меню, оно будет скрыто. Убедитесь, что вы правильно указали ID вашего меню и правильно подключили файлы JavaScript и JQuery, иначе код не будет работать как ожидалось.
Это один из способов скрыть открытое меню при клике вне него в WordPress. Разумеется, в зависимости от вашей темы или конкретных требований, возможны и другие решения.