首先非常感谢Salong主题的作者萨龙龙,大概一年前关注到作者的网站,当初此款主题为作者自用,并不对外提供,最近偶然发现该主题已经免费对外分享,甚为开心,故再次感谢作者的辛勤付出。使用Salong主题之后,感觉有些地方和自己一直心仪的简洁主题有点出入,故做出了一定的修改,目的是使其更加干净、纯粹,现做说明如下:

1.删除页脚菜单和页脚导航栏

footer.php中的<footer class="footer">之后删除

<div class="footer-menu-wrap">  
<!-- 页脚菜单 -->  
<nav class="footer-nav wrapper">  
<?php wp_nav_menu( array( 'container_class' => 'footer-menu', 'theme_location' => 'footer-menu' , 'fallback_cb'=>'Salong_footer_fallback') ); ?>  
</nav>  
<!-- 页脚菜单end -->  
</div> <div class="footer-widgets-wrap">  
<aside class="wrapper">  
<div class="footer-widgets left">  
<?php dynamic_sidebar( '页脚第一栏' ); ?>  
</div>  
<div class="footer-widgets left">  
<?php dynamic_sidebar( '页脚第二栏' ); ?>  
</div>  
<div class="footer-widgets left">  
<?php dynamic_sidebar( '页脚第三栏' ); ?>  
</div>  
<div class="footer-widgets widgets-right right">  
<?php dynamic_sidebar( '页脚第四栏' ); ?>  
</div>  
</aside>  
</div>  

2. 删除页脚广告

social.php$sl_rss     = get_option('sl_rss_link');之后删除

echo ($sl_taji) ?  
'<span><a class="icons" title="它季|专属民族格调商城!" target="_blank" href="'.$sl_taji.'">  
<i class="icon-taji"></i>  
</a></span>' : '';  
echo ($sl_taobao) ?  
'<span><a class="icons" title="它季淘宝商城" target="_blank" href="'.$sl_taobao.'">  
<i class="icon-taobao"></i>  
</a></span>' : '';  

3. 去除面包屑和搜索框,使得页面更加简洁

header.php中删除

<!-- 面包屑与搜索 -->  
<div class="slide-shadow"></div>  
<div class="crumbs-wrap">  
<article class="crumbs-search wrapper" >  
<!-- 面包屑 -->  
<div class="crumbs left">  
<?php salong_breadcrumbs();?>  
</div>  
<!-- 面包屑end -->  
<!-- 搜索 -->  
<?php include(TEMPLATEPATH . '/includes/search_wp.php'); ?>  
<!-- 搜索end -->  
</article>  
</div>  
<!-- 面包屑与搜索end -->  

4. 让文章页面变成单栏居中显示

  • step1:首先在文章页面去除博客边栏调用
<!-- 博客边栏 -->  
<?php get_sidebar(); ?>  
<!-- 博客边栏end -->  
  • step2: 其次修改style.css,添加.center属性.center{ margin:0 auto; }

  • step3: 修改

.content-box{ 
margin: 0 20px 32px 3px; width: 72%;  
font-family: Verdana,宋体;  
padding: 16px;  
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box; }  

.content-box{ 
width: 72%;  
font-family: Verdana,宋体;  
padding: 16px;  
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box; 
box-sizing: border-box; }  
  • step4: 最后在single.php中将
content-box left  

修改为

content-box center  

5. 去除首页文章列表显示中的缩略图显示,使得页面简洁且加载速度更快

修改post.php,注释或者删除掉

 <div class="post-thumb"> 
<?php post_thumbnail(); ?>  
</div>  

6. 去除首页的分类目录文章显示

index.php中删除或者注释掉

<?php include('includes/cms.php'); ?>  

7. 添加首页文章列表的分页导航栏

在new_post.php中添加(只能显示出分页导航,但并不能响应)

8.将首页文章列表显示修改为单列显示,并修改列宽

  • step1:修改style.css

.content-wrap > ul,.cms > ul,.new-post > ul{ 
font-size: 0; }  
.content-wrap > ul > li,.cms > ul > li,.new-post > ul > li{ width: 48%; margin-right: 4%; display: inline-block; -webkit-box-sizing:

修改为

/*独立文章*/ 
.content-wrap > ul,.cms > ul,.new-post > ul{ 
font-size: 0; }  
.content-wrap > ul > li,.cms > ul > li,.new-post > ul > li{ width: 100%; display: inline-block; -webkit-box-sizing:
  • step2:修改首页文章缩略图大小为900*250

修改thumb-nl.phpthumb.php中的缩略图生成函数,将

function post_thumbnail( $width = 400,$height = 225 )  

修改为

function post_thumbnail( $width = 400,$height = 225 )  

9.修改归档中的列表为单列

修改archive.php,将

<!-- 文章 -->  
<article class="post left">  

修改为

<!-- 文章 -->  
<article class="post">  

10.去除首页幻灯片

修改header.php,在<!--幻灯片-->之后删除

<?php include('includes/slider.php'); ?>  

11.关闭图片延迟加载

修改footer.php,将

<?php  
if (get_option('sl_lazyload') == 'true') {  
include(TEMPLATEPATH . '/includes/lazyload.php'); }  
?>

修改为

<?php  
if (get_option('sl_lazyload') == 'false') {  
include(TEMPLATEPATH . '/includes/lazyload.php'); }  
?>

本修改教程仅供参考,也希望大家修改前能够做好备份工作!