Проблема с разбивкой на страницы настраиваемой темы Wordpress
Я работаю в 2 дочерних компаниях, и мы скопировали шаблон одного веб-сайта на другой для большей части функциональности.
По какой-то причине я не могу заставить работать нумерацию страниц, как на одном сайте. Мы используем настраиваемую тему, поэтому я не могу заставить работать какие-либо плагины.
Здесь хорошо работает разбивка на страницы: https://clcanursing.co.uk/news/ и я хочу иметь возможность воспроизвести, как он выглядит и как он реагирует на планшеты и мобильные устройства. Я пытаюсь скопировать его на эту страницу: http://clcacalldirect.com/blog/, но здесь ничего не получается.
Любая помощь будет оценена по достоинству!
Спасибо, Энди
Привет, JamieMMX, я в основном скопировал весь код нумерации страниц. Затем я добавил несколько настраиваемых CSS-файлов, которые подталкивают следующую и предыдущую страницы к каждой стороне страницы, но затем я теряю номера страниц, а затем при масштабировании страницы до устройств следующая и предыдущая кнопки перекрываются.
Пожалуйста, смотрите мой ответ ниже. Если вы используете инструменты разработчика Google Chrome, вы можете легко увидеть, какие элементы имеют совпадающие стили, а какие нет. Надеюсь, это поможет.
Ответы 1
Похоже, ваша проблема связана с CSS. Вам не хватает некоторых стилей (например, приведенного ниже). Убедитесь, что вы копируете все стили.
Используйте инструменты разработчика, чтобы увидеть различия между двумя фрагментами кода.
Обновлено: Приведенный ниже код дает вам точный стиль и функциональность на планшете / мобильном телефоне.
@media (max-width: 1200px) {
.pagination .default--button {
border-radius: 0;
width: 49% !important;
text-align: center;
margin-top: 70px;
}
}
Спасибо, JamieMMX, я буду продолжать изучать это :)
@ ac363 - Отметьте последнее изменение, которое исправит вашу проблему на мобильном телефоне / планшете.
@ ac363 - Это помогло?
Привет, JamieMMX, мне удалось это разобрать. Я пропустил некоторые стили, а также 2 части кода нумерации страниц. Тогда номера страниц не реагировали из-за ограничения "максимальной ширины", которое ограничивало их.
Спасибо за помощь :)
что ты уже испробовал? Есть ли какая-то часть кода, которая, по вашему мнению, не работает?