Как вставить внешний скрипт в сайт wordpress?

Question

kornilov-s @kornilov-s

Как вставить внешний скрипт в сайт wordpress?

Подскажите, как вставить видео на сайт wordpress с использованием скрипта?

На этой странице рассказывается как такое видео сделать, но при вставке в вордпресс оно не отображается.

Вопрос задан более трёх лет назад
1168 просмотров

7 комментариев

Подписаться 1 Оценить 7 комментариев

OVK2015 @OVK2015

https://codex.wordpress.org/%D0%A1%D0%BF%D1%80%D0%...

Написано более трёх лет назад
kornilov-s @kornilov-s Автор вопроса

OVK2015: Я много раз читал эту статью, но так и не понял что именно и куда вставлять...

Написано более трёх лет назад
OVK2015 @OVK2015

kornilov-s: Самый простой вариант. Ищите в активной теме файл functions.php в конце добавляете:
add_action( 'wp_enqueue_scripts', 'appendScriptFunc' );
function appendScriptFunc()
{
wp_enqueue_script( 'myNewScript', get_template_directory_uri().'/js/myNewScript'.js');
}
Это если скрипт лежит в папке js темы

Написано более трёх лет назад
kornilov-s @kornilov-s Автор вопроса

OVK2015: А как положить скрипт в папку js? Насколько я понимаю, youtube предоставляет свой скрипт.

Написано более трёх лет назад
OVK2015 @OVK2015

kornilov-s: Вы видео с youtube у себя на страницах крутить хотите?

Написано более трёх лет назад
kornilov-s @kornilov-s Автор вопроса

OVK2015: Да-да, по скрипту. Iframe не подходит для моих целей. (хочу добавить кнопку отключения звука,а для этого нужен скрипт)

Написано более трёх лет назад
OVK2015 @OVK2015

kornilov-s:
Есть много готовых плагинов. Если самописное охота сделать,- смотрите YouTube API

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 3

2 комментария

5 комментариев

kornilov-s @kornilov-s Автор вопроса

Согласен. Вставить ролик могу, но для его обработки нужен скрипт (хочу добавить кнопку выключения звука)

Написано более трёх лет назад
Alex @Kozack Куратор тега JavaScript

kornilov-s: Тогда может стоит использовать функцию wp_enqueue_script, чтобы правитьно подключить файл скрипта?

Написано более трёх лет назад
kornilov-s @kornilov-s Автор вопроса

Александр Козак: Я перечитал много инфо на эту тему, но моего iq не хватает, чтобы вникнуть. Везде написано, что это надо, а принцип я так и не понял

Написано более трёх лет назад
Johnny Gat @JohnnyGat

kornilov-s: в стандартном ютубовском плеере уже есть кнопка отключения звука, зачем вам еще одна?

Написано более трёх лет назад
kornilov-s @kornilov-s Автор вопроса

Johnny Gat: Нужна плавающая кнопка вверху сайта. А плеер будет загружаться автоматически и находится внизу сайта

Написано более трёх лет назад

2 комментария

kornilov-s @kornilov-s Автор вопроса

Интересный вариант! А как шорткоду присвоить скрипт?

Написано более трёх лет назад
Денис Янчевский @deniscopro Куратор тега WordPress
kornilov-s: Если с помощью плагина, то в описании есть скриншот https://s.w.org/plugins/add-actions-and-filters/sc...

Ну а так, можно же и вручную создать https://codex.wordpress.org/Shortcode_API .
В Вашем случае думаю как-то так:
add_shortcode( 'my', 'my_shortcode' ); function my_shortcode() { ob_start(); ?> <script>/* js-код */</script> <?php return ob_get_clean(); }
Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

+2 ещё

Средний
Как отсортировать в ХТМЛ по дате рождения от младшего к старшему, а так же, нумерацию их 1,2,3,4. Чтобы можно было потом добавить еще людей?
- 1 подписчик
- 4 часа назад
- 29 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Почему шрифт в JS prompt() белого цвета?
- 1 подписчик
- 7 часов назад
- 39 просмотров
2

ответа
JavaScript

Простой
Выдает ошибку, сам файл не нулл(а ошибка выдается там где подключается жс), как исправить?
- 1 подписчик
- 9 часов назад
- 43 просмотра
0

ответов
JavaScript

+2 ещё

Простой
Пустая страница, ошибок нет. JS. В чем проблема?
- 1 подписчик
- 9 часов назад
- 152 просмотра
1

ответ
JavaScript

Простой
Какой фреймворк использовать для форм JS?
- 1 подписчик
- 9 часов назад
- 50 просмотров
0

ответов
JavaScript

Простой
Почему change срабатывает раньше чем click?
- 1 подписчик
- 9 часов назад
- 61 просмотр
1

ответ
WordPress

Простой
Как отложить recaptcha v3 для contact form 7?
- 1 подписчик
- 11 часов назад
- 15 просмотров
0

ответов
WordPress

+1 ещё

Средний
Парсинг сайта на wordpress?
- 1 подписчик
- 14 часов назад
- 58 просмотров
2

ответа
JavaScript

Простой
Как получить metadata аудио на IOS?
- 1 подписчик
- 15 часов назад
- 21 просмотр
0

ответов
CSS

+1 ещё

Простой
Как стилизовать пагинацию постов по определённому признаку?
- 1 подписчик
- вчера
- 74 просмотра
1

ответ
Показать ещё Загружается…

JavaScript разработчик

summer • Ярославль

от 100 000 до 140 000 ₽

Junior JavaScript Developer

КРАФТТЕК • Санкт-Петербург

от 60 000 до 80 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

Дописать функцию на Flutter, работа с yandex map kit

20 апр. 2024, в 04:18

3000 руб./за проект

Английская версия для сайта на WordPress

20 апр. 2024, в 03:34

8000 руб./за проект

Доработать клиентское приложение для GTA 5 на C#

20 апр. 2024, в 00:51

1000 руб./за проект

OVK2015: Я много раз читал эту статью, но так и не понял что именно и куда вставлять...
kornilov-s: Самый простой вариант. Ищите в активной теме файл functions.php в конце добавляете:
add_action( 'wp_enqueue_scripts', 'appendScriptFunc' );
function appendScriptFunc()
{
wp_enqueue_script( 'myNewScript', get_template_directory_uri().'/js/myNewScript'.js');
}
Это если скрипт лежит в папке js темы
OVK2015: А как положить скрипт в папку js? Насколько я понимаю, youtube предоставляет свой скрипт.
kornilov-s: Вы видео с youtube у себя на страницах крутить хотите?
OVK2015: Да-да, по скрипту. Iframe не подходит для моих целей. (хочу добавить кнопку отключения звука,а для этого нужен скрипт)
kornilov-s:
Есть много готовых плагинов. Если самописное охота сделать,- смотрите YouTube API

Answer 1 · 2016-09-11 16:28:57

Александр @NeiroNx

Программист

Скорее всего при вставке вырезается тег <script></script>
Вы должны добавить его в список разрешенных тегов.

Ответ написан более трёх лет назад

2 комментария

Answer 2 · 2016-09-11 16:47:49

Alex @Kozack Куратор тега JavaScript

Thinking about a11y

В большинстве случаев визуальный редактор ВП сам вставляет видео-плеер. Вам достаточно просто вставить ссылку на ролик.

Ответ написан более трёх лет назад

5 комментариев

Answer 3 · 2016-09-11 16:55:12

Как вариант, можно создать шорткод и вставить с помощью него. Насколько я помню, плагин Add Shortcodes Actions And Filters позволяет это сделать в визуальном режиме.

Также, в последних версиях WordPress были улучшены возможности по работе с Embeds. У меня правда ещё не было возможности детально разобраться, что к чему. Но насколько я понял, теперь можно менять автоматически вставляемый код. Возможно, это поможет в решении Вашей задачи.
https://make.wordpress.org/core/2015/10/28/new-emb...
https://make.wordpress.org/core/2016/03/11/embeds-...

Как вставить внешний скрипт в сайт wordpress?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт