WordPress功能中的分页代码

Question

>我在WordPress函数文件中使用此代码进行分页

function bk_pagination($pages = '', $range = 2)
{  
$showitems = ($range * 2)+1;  
global $paged;
if(empty($paged)) $paged = 1;
if($pages == '')
{
global $wp_query;
$pages = $wp_query->max_num_pages;
if(!$pages)
{
$pages = 1;
}
}   
if(1 != $pages)
{
echo "<nav aria-label='Page navigation example'><ul class='pagination justify-content-center'>";
if($paged > 1 && $showitems < $pages) echo "<li class='page-item' ><a class='page-link' href='".get_pagenum_link($paged - 1)."'>قبلی</a></li>";
for ($i=1; $i <= $pages; $i++) 
{
if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-1) || $pages <= $showitems )) 
{
echo ($paged == $i)? "<li class='page-item'>".$i."</li>":"<a class='page-link' href='".get_pagenum_link($i)."' class='inactive' >".$i."</a>";
}
}
if ($paged < $pages && $showitems < $pages) echo "<li class='page-item'><a class='page-link' href='".get_pagenum_link($paged + 1)."'>بعدی</a></li>";  
echo "</ul></nav>n";
}
}

并如图所示：

在此处输入图像描述

我怎么能像其他人一样设计第五号?????

Answer 1

这是因为这一行：

echo ($paged == $i)? "<li class='page-item'>".$i."</li>":"<a class='page-link' href='".get_pagenum_link($i)."' class='inactive' >".$i."</a>";

我猜当前页面在<li>元素中，而其他页面将位于元素中。

请注意，<li>和<a>具有不同的类。

您可以在此处使用两种方法：

复制"页面

1. 链接"的样式并将其应用于"页面项目">

2. 这两个元素必须具有相同的类，以便它们具有相同的样式：

echo ($paged == $i)? "<li class='page-item page-link active'>".$i."</li>":"<a class='page-link inactive' href='".get_pagenum_link($i)."'>".$i."</a>";