taisiya27Dr 13.04.2023 07:45

Как изменить текст "Показать еще" в кнопке AJAX-загрузки записей на главной странице WordPress?

Здравствуйте! У меня возникла проблема с кнопкой AJAX-загрузки записей на главной странице WordPress. Вместо стандартного текста кнопки "Показать еще", я хочу заменить его на свой текст. Я использую следующий код для отображения кнопки: 

<div class="load-more">
    <a href="#" class="load-more-button">Показать еще</a>
</div>
Теперь мне нужно изменить текст "Показать еще" на свой. Каким образом я могу это сделать? Спасибо!

Ответы:

variantaVeroLova82 13.04.2023 07:50
Привет, Чтобы изменить текст кнопки "Показать еще" на свой, вы можете использовать JavaScript. Вам необходимо добавить следующий код в файл скрипта вашей темы или в файл JavaScript: 

document.addEventListener('DOMContentLoaded', function() {
  var loadMoreButton = document.querySelector('.load-more-button');
  loadMoreButton.innerHTML = 'Ваш текст';
});
Этот код будет выполняться после полной загрузки страницы, и он найдет элемент с классом "load-more-button" и заменит его содержимое на "Ваш текст". Вам также потребуется добавить атрибут `id` к вашему `
` элементу для упрощения поиска элемента с помощью JavaScript.
И обновите код JavaScript следующим образом: 

document.addEventListener('DOMContentLoaded', function() {
  var loadMoreButton = document.getElementById('load-more').querySelector('.load-more-button');
  loadMoreButton.innerHTML = 'Ваш текст';
});
Надеюсь, это поможет вам решить вашу проблему. Если у вас есть еще вопросы, не стесняйтесь задавать. Удачи!

Добавить ответ