Блог

Главная - Вопросы по программированию - Добавьте абзац на страницу входа в wp с помощью jquery

Добавьте абзац на страницу входа в wp с помощью jquery

#jquery #wordpress

Вопрос:

Мне нужно добавить немного пользовательского текста в wp-login.php страница моего сайта WordPress. Моя идея состоит в том, чтобы использовать некоторые пользовательские jQuery (с помощью пользовательских настроек кода в параметрах темы), как это:

 (function($) {
$(document).ready( function() {
  $('#nav').after('<p>some text</p>');
});
})(jQuery);

Идентификатор #nav-это абзац после формы входа в систему в wp-login.php

Результата нет. У тебя есть какие-нибудь идеи? Можно ли настроить wp-login.php с помощью какого-то пользовательского кода?

Комментарии:

1. Попробуйте использовать обработчик document.ready вместо IIFE: learn.jquery.com/using-jquery-core/document-ready . Скорее всего, ваш текущий код запускается до загрузки DOM.

2. В этом случае, пожалуйста, отредактируйте вопрос, чтобы включить правильный код, а в идеале и соответствующий HTML

3. Спасибо, Рори, но это все равно не сработает.

4. Поскольку вы используете wordpress, как вы используете свой javascript? Я имею в виду, какое действие/фильтр вы использовали, чтобы внедрить свой javascript на страницу?

5. Привет @Ruvee, с помощью пользовательских настроек кода в настройках темы. Обычно это срабатывает каждый раз.

Ответ №1:

Выполните следующие действия, чтобы убедиться, что ваш пользовательский код работает:

  1. Создайте javascript file файл в каталоге вашей темы или в подкаталоге в корневом каталоге вашей темы и назовите его, скажем, your_custom_js_code.js .
  2. Затем используйте action hook вызов login_enqueue_scripts , чтобы поставить в очередь/загрузить файлы javascript на нужную страницу в нужный момент. (т. е. wp-login.php)
  3. Затем поставьте в очередь/загрузите jquery на страницу.
  4. И, наконец, поставьте в очередь/загрузите свой пользовательский код на страницу.

1 — Ваш пользовательский код jquery: (Этот код входит в ваш файл javascript)

 jQuery(document).ready($ => {
  $('#nav').after('<p>some text</p>');
});

2, 3, 4 — Используйте login_enqueue_scripts крючок действия, чтобы загрузить оба jquery и ваш пользовательский файл jquery на нужную страницу в нужный момент: (Этот код входит в functions.php вашу тему)

Обратите внимание, что я создал your_custom_js_code.js подпапку в корневом каталоге моей темы под названием js . Таким образом, путь к этому файлу будет get_theme_file_uri('/js/your_custom_js_code.js') следующим . Если вы решите создать свой собственный файл javascript в другом месте, не стесняйтесь соответствующим образом изменять путь, используемый в следующем фрагменте.

 add_action("login_enqueue_scripts", "your_custom_jquery");

function your_custom_jquery()
{
  wp_enqueue_script('jquery');
  wp_enqueue_script('your-custom-jquery-code', get_theme_file_uri('/js/your_custom_js_code.js'), 'JQuery', microtime(), TRUE);
}

Дайте мне знать, если вам удалось заставить его работать!

Метки: