WordPress 自定义主题分页问题答案

【问题标题】：Wordpress Custom Theme Pagination IssueWordPress 自定义主题分页问题
【发布时间】：2018-09-23 15:14:20
【问题描述】：

我为 2 家姐妹公司工作，我们已将一个网站的模板复制到另一个网站以实现大部分功能。

由于某种原因，我无法让分页像在一个网站上那样工作。我们使用的是自定义主题，所以我似乎无法使用任何插件。

分页在这里运行良好：https://clcanursing.co.uk/news/，我希望能够复制它的外观以及它对平板电脑和移动设备的反应。我正在尝试将其复制到此页面上：http://clcacalldirect.com/blog/ 但在这里失败了。

任何帮助将不胜感激！

谢谢，安迪

【问题讨论】：

到目前为止您尝试过什么？您认为代码的特定部分是否已损坏？
嗨 JamieMMX，我基本上复制了所有的分页代码。然后我添加了一些自定义 css 并将下一个和上一个推送到页面的每一侧，但随后我丢失了页码，然后当将页面缩小到设备时，下一个和上一个按钮重叠。
请看下面我的回答。如果您使用 Google Chrome 的开发工具，那么您可以轻松查看哪些元素具有匹配的样式，哪些没有。我希望这会有所帮助。

标签： php css wordpress pagination page-numbering

【解决方案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，我已经设法对其进行了排序。我错过了一些样式和两段分页代码。由于限制了它的“最大宽度”限制，因此页码没有反应。