Для реализации функции выбора города на WordPress с возможностью перехода между двумя сайтами, можно использовать простой подход с помощью JavaScript и HTML. Вот шаги, которые вам нужно сделать:
### Шаг 1: Создание всплывающего окна для выбора города
1. **Создайте HTML-код для выбора города.** Вы можете добавить его в файл вашей темы (например, в `header.php`), чтобы он отображался на всех страницах.
```html
<div id="city-selector" style="display: none;">
<h3>Выберите город</h3>
<button id="city1" onclick="changeCity('https://city1.example.com')">Город 1</button>
<button id="city2" onclick="changeCity('https://city2.example.com')">Город 2</button>
<button id="stay" onclick="closeSelector()">Оставаться здесь</button>
</div>
```
### Шаг 2: Добавление CSS для стилизации
Добавьте стиль для вашего окна выбора города, чтобы сделать его более привлекательным.
```css
#city-selector {
position: fixed;
top: 30%;
left: 50%;
transform: translate(-50%, -50%);
background-color: white;
border: 1px solid #ccc;
padding: 20px;
z-index: 9999;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
```
### Шаг 3: Добавление JavaScript для управления поведением
Вам нужно добавить JavaScript, чтобы управлять отображением окна выбора города.
```javascript
function showCitySelector() {
document.getElementById('city-selector').style.display = 'block';
}
function closeSelector() {
document.getElementById('city-selector').style.display = 'none';
}
function changeCity(url) {
window.location.href = url;
}
// Показывать окно выбора города при загрузке страницы
window.onload = function() {
showCitySelector();
};
```
### Шаг 4: Добавление кода на сайт
1. **Добавьте HTML и CSS коды в нужные файлы вашей темы (например, `header.php`)**.
2. **Добавьте JavaScript в файл `footer.php` или с помощью wp_enqueue_script в функции вашей темы.**
Пример добавления скрипта через `functions.php`:
```php
function add_city_selector_script() {
?>
<script>
// Вставьте сюда JavaScript код из шагов 3.
</script>
<?php
}
add_action('wp_footer', 'add_city_selector_script');
```
### Шаг 5: Тестирование
Теперь протестируйте функцию на ваших сайтах, чтобы убедиться, что она работает корректно. При загрузке страницы у пользователей должно появляться окно с выбором города.
Этот простой подход не требует дополнительных плагинов и позволяет пользователям легко переключаться между вашими сайтами. Вы также можете настроить внешний вид и поведение открытия окна выбора города по своему усмотрению.