Joomla建站系列——K2 Pagination 页脚导航设置

在使用K2的时候设置页脚导航是发现默认的K2页脚导航是从上至下一列，而不是下图所示的两行：

为了实现如上图所示的效果，可以打开：

C:\xampp\htdocs\j15\templates\rt_gantry_j15\html\Pagination.php

并将其中pagination_list_render函数修改为：

function pagination_list_render($list)
{
    // Initialize variables
    $lang =& JFactory::getLanguage();

    /* ul实现了无序列表,可以通过style来控制显示样式 */
    $html = "";    $html .= $list['start']['data'];    $html .= $list['previous']['data'];    foreach( $list['pages'] as $page )    {        if($page['data']['active']) {            //$html .= '';        }        $html .= $page['data'];        if($page['data']['active']) {            //  $html .= '';        }    }    $html .= $list['next']['data'];    $html .= $list['end']['data'];    // $html .= '«';    $html .= "";

    $html .= $list['start']['data'];
    $html .= $list['previous']['data'];

    foreach( $list['pages'] as $page )
    {
        if($page['data']['active']) {
            //$html .= '';
        }

        $html .= $page['data'];

        if($page['data']['active']) {
            //  $html .= '';
        }
    }

    $html .= $list['next']['data'];
    $html .= $list['end']['data'];
    // $html .= '«';

    $html .= "
    return $html;
}

完成以上更改后即可变为熟悉的两行结构。但是会发现，首页、上页等字体间距太小，不合理。可以通过修改如下文件来改善这种状况。

文件位置：

C:\xampp\htdocs\j15\components\com_k2\css\k2.css

找到 Pagination 部分，对其进行修改如下：

div.k2Pagination ul li {display:inline; font-size:14px; margin:10px 5px 15px 20px;}

效果如下：

添加了 font-size 和 margin 属性，前者控制字体大小，后者确定了li每一个的边距，margin后面的四个像素值分别代表着：上边距、右边距、下边距和左边距。

还可以在这里定义更为丰富的页脚导航属性。