wordpress Tstyle Pro主题修改首页分栏模式教程

很多站长都在用DAFI的Tstyle Pro主题,不可否认,Tstyle Pro主题做的非常优秀,妍熙饭也在用这个主题,但是DAFI提供的1.4版本主题的首页板块只能支持紧凑模式,独立的板块分散模式需要付费升级为1.5版本才可以。最近我找到了可以修改为独立板块模式的方法,特此分享出来给大家。

修改前必读:

此次修改涉及 主题下的style.css, functions.php, index.php 三个文件,修改前请自觉备份原来的主题文件,否则后果自负。

编辑时推荐在本地环境进行测试完美后再用到你的博客上,以免带来无法预料的后果。

Tstyle主题请到www.dafi.cn下载的最新免费版,所有的修改都是在最新主题文件是进行的。

Tstyle Pro主题修改首页分栏模式教程:

1.打开主题下的style.css文件,大概136行,找到如下的代码:

#column-nav.col-5 { width: 198px; margin-right: 2px; }
#column-nav li { height: 25px; margin: 0 0 2px 1px; line-height: 23px; }
#column-nav li a { display: block; width: 196px; border: 1px solid #ddd; border-width: 1px 0; }
#column-nav li a span { position: relative; display: block; width: 176px; height: 23px; margin-left: -1px; padding: 0 10px; border: 1px solid #ddd; border-width: 0 1px; background: #eee; }
#column-nav li a:hover { text-decoration: none; }
#column-nav li a:hover span { background: #fff; }
#column-nav li a.current { position: relative; width: 200px; font-weight: bold; color: #c00; text-align: right; }
#column-nav li a.current span { width: 180px; background: #fff; border-right: none; }
#part .f-m { height: 200px; padding: 10px 9px; overflow: hidden; }
#part .list li { line-height: 25px; background-position: -43px 11px; }
#part .list li em { width: auto; max-width: 278px; }

用下面的代码覆盖掉

/*首页分栏*/
.column-left { float:left; padding-bottom:10px; width:330px;}
.column-right { float:right; padding-bottom:10px; width:330px;}
.column .f-m { overflow: hidden;}
.column .list li { line-height: 28px; background-position: -43px 11px; }
.column .list li em { width: 220px; }
.column .date { width: 30px; }

2.打开主题下的index.php,大概35行,找到下面的代码:


用下面的代码覆盖掉

WordPressWP更多...



  • 10) echo '热门'; ?>
    最新'; ?>
    置顶'; ?>

新手建站JZ更多...



  • 10) echo '热门'; ?>
    最新'; ?>
    置顶'; ?>


注:请自己修改代码中的调用ID和其他细节:下面代码中的cat是你的栏目ID,page后面显示文章的数量

代码只包含一个大横栏板块(显示内容样例如下图所示),如果需要多个栏目,请复制几份就可以。好了,到此就修改完毕了,大家上传后可以刷新一下首页,看看是否已经有变化了



转载文章请注明,转载自:妍熙饭 [http://www.yanxifan.com]

原文链接:http://www.yanxifan.com/1296.html

发表评论

无觅相关文章插件,快速提升流量