Для добавления JavaScript-скрипта на страницу WordPress через собственный плагин на PHP, вы можете использовать функцию `wp_enqueue_script()`.
1. Создайте функцию в файле вашего плагина, которая будет выполнять регистрацию и подключение вашего JavaScript-скрипта:
```php
function ваш_плагин_имя_функции() {
wp_enqueue_script( 'ваш_скрипт_идентификатор', plugin_dir_url( __FILE__ ) . 'путь_к_вашему_скрипту.js', array('jquery'), 'версия_скрипта', true );
}
```
2. Зарегистрируйте вашу функцию в WordPress, чтобы она выполнилась в нужный момент (например, при загрузке страницы):
```php
add_action( 'wp_enqueue_scripts', 'ваш_плагин_имя_функции' );
```
3. Ваш JavaScript-скрипт должен быть размещен в папке вашего плагина (в том же месте, где находится файл PHP-плагина).
Теперь ваш JavaScript-скрипт будет автоматически подключен на страницы WordPress при активации вашего плагина.
Чтобы использовать ваш плагин и отобразить HTML код с шорткодом, вы можете создать функцию обработчика шорткода в вашем плагине:
```php
function ваш_плагин_имя_функции_шорткода( $atts ) {
// ваш код HTML, карточки и переключатели
ob_start(); // начинаем буферизацию вывода
?>
<!-- HTML код и JS скрипт -->
<div id="ваша_карточка"></div>
<script>
// ваш JavaScript-скрипт
</script>
<?php
return ob_get_clean();
}
add_shortcode( 'ваш_шорткод', 'ваш_плагин_имя_функции_шорткода' );
```
Теперь вы можете использовать ваш шорткод на любой странице WordPress:
```
[ваш_шорткод]
```
Обратите внимание, что в коде выше я использовал `объединение кода HTML и JavaScript-скрипта`. Хотя это может работать, лучше всего размещать ваш JavaScript-скрипт в отдельном файле и подключать его с помощью `wp_enqueue_script()`, как описано в первой части. Это обеспечит более чистый и управляемый код.