有很多朋友抱怨article的用户体验太差了。
的确有些地方用着不舒服,例如分页的类(pagenav.php)只是提供了一个功能,但是没有美化。
今天我就来以article的内容翻页页码为例,来美化一下。
比较一下美化前后的区别吧:
美化前
美化后
哈哈,效果不错吧。
开始美化:
第一步:下载附件,解压后分别把,nav.css文件放在article下的template下;pagenav.php放在article的class下。
第二步:把nav.css样式添加到article中,打开template下style.css在最开始添加以下代码:
@import url(nav.css);
第三步:替换article中引用的pagenav类,打开view.article.php,找到206行:
require_once(XOOPS_ROOT_PATH."/class/pagenav.php");
替换为:
require_once( XOOPS_ROOT_PATH . "/modules/".$xoopsModule->getVar("dirname")."/class/pagenav.php");
第四步:为模板中翻页区域添加样式,打开article_article.html,找到165行:
<span class="article-term"><{$article.pages}></span>
添加样式 ez-pagenav:
<span class="article-term ez-pagenav"><{$article.pages}></span>
第五步:补充语言文件,找到相应编码的语言包中的main.php 158行 在其下方添加以下两天条语言:
//ezsky hack for pagenav ([email protected])
define($GLOBALS["ART_VAR_PREFIXU"]."_MD_TEXT_PREVIOUS", "上一页");
define($GLOBALS["ART_VAR_PREFIXU"]."_MD_TEXT_NEXT", "下一页");
OK,大功告成。此方法可以应用到类似情况中。
附件:pagenav-hack.zip